【Flutter】Androidのアイコンで余白が出ないようにする(アダプティブ対応)

menu事業部 フロントエンドエンジニアの坂井田です。 以前↓こちらの記事でアイコン設定方法について紹介した際、Androidで白い余白が表示される現象がありました。 techblog.reazon.jp 今回は、この原因と対処法についてご説明します。 余白が表示される原因…

Flutter 3.19 以降で dart-define-from-file を使う方法

menu事業部 フロントエンドエンジニアのるいです。 皆さんはこちらのブログを読みましたか。 techblog.reazon.jp Flutterでは、アプリのビルドや起動時に --dart-define-from-file オプションを付けることで、指定されたファイルから環境変数を設定し、さま…

シニアエンジニアがジュニアエンジニアとスクラムを組む上で意識していたこと

menu事業部 フロントエンドエンジニアの大口です。 この度、menu事業部では新しいアプリのリリースを行いました。 menuから店舗様(主に小売店様)へ注文があった際、商品のピックアップをスムーズに行って頂くためのアプリです menu 加盟店ピッカー用menu, In…

【Flutter】STG・商用環境を簡単に分ける方法(dart-define-from-file)

menu事業部 フロントエンドエンジニアの坂井田です。 業務で開発する際、開発環境と本番環境を分けたいという場面があるのではないでしょうか。 今回は、それをFlutterで実現する方法についてご紹介します! 環境(Flavor)ごとに設定を分ける方法 はじめに…

Flutterで大量の画像付きリストを快適にスクロールできるようにする

menu事業部 フロントエンドエンジニアの坂井田です。 今回は、Flutterで大量の画像付きリストをスムーズにスクロールできるようにするtipsをご紹介します。 背景 結論 (補足)リスト表示について 1. cached_network_image パッケージで遅延読み込み シンプ…

社内で初めてFlutterを採用した話

menu事業部 フロントエンドエンジニアの坂井田です。 社内でとある新規開発チームが発足し、私はそのチームで約半年間、ストアリリースの目標に向けて開発を行っておりました。 このプロジェクトは社内初となるFlutterを採用しての開発になりましたので、同…

動作を検知したらLINEで通知するシステムを作ってみた

menu事業部 フロントエンドエンジニアの坂井田です! 私は現在リモートワークをしていますが、仕事中は会話のためにイヤホンをしていることもあり来客に気づきにくいという問題があります。 家にいるのに再配達 そこで、今回は今持っているものだけを使って…