※ Flutterバージョンは執筆時最新の2.5.0のtagでコードのリンクを載せています。 Flutterはマテリアルデザインをベースに作られているため、 マテリアルデザインに沿ったデザインのアプリを作るときは既存のコンポーネント(Widget)を利用でき爆速で開発できます。 さらに爆速で開発していくためにはデザインコンポーネントを定義していく必要がありますが、 Flutterにはテーマの概念があり、自分で定義した任意のテーマを設定できます。 Read more

Kotlin/Nativeは現在 Android NDK(androidNativeArm32, androidNativeArm64) Darwin macOS(macosX64, macosArm64) iOS(iosArm32, iosArm64, iosX64, iosSimulatorArm64) watchOS(watchosArm32, watchosArm64, watchosX86, watchosX64, watchosSimulatorArm64) tvOS(tvosArm64, tvosX64, tvosSimulatorArm64) Linux(linuxArm64, linuxArm32Hfp, linuxMips32, linuxMipsel32, linuxX64) Windows(mingwX64, mingwX86) wasm(将来deprecated) のプラットフォームに対応しています。 1.5.30からApple siliconの正式サポートもされました🎉 Read more

イケてるアプリにありがちなParallax(パララックス) EffectがついているWalkthroughをFlutterで作ります。 Read more

Contextual(Context, Deferred) Deep Linkとは この挙動の名前をGoogle, Appleははっきり定義はしていません。(多分) 広告系のSDKとかではDeferred Deep Linkとも呼ばれています。[1][2] (日本ではContext Deep Linkと呼んでる人も多いような🤔) Read more

WEBサービスを作るとクライアントとサーバの通信は必須となります。 通信方式に依りますが、API Clientの選択肢はいろいろあって、プロダクト環境で使う場合はほぼこの4つに絞られるかなと思います。 Read more

Dartには標準ライブラリのasyncパッケージにStream クラスが含まれています。 これはこれでとても便利なのですが、Androidで長く使っていたせいで非同期処理の操作がRx脳になっているので、時々こういうのはRxではできるのになーって思うことが多々あります。 Rxで個人的に一番好きなクラスはBehaviorSubjectでStreamの最後の値をキャッシュしておいて、Subscribe(Listen)と同時に最後の値をemitしてくれるものです。 オペレータだとdistinctUntilChangedかscanかwithLatestFron(combine)です。 Read more

FlutterはUIを構成するものはすべてWidgetでできています。そのため、AndroidにあるActivityやiOSにあるViewControllerのような画面の概念は厳密にはありません。 FlutterではNavigatorがページのような概念を持ったRoute(参考) のスタックを管理することで画面遷移を実現しています。 今回は NatigatorObserver と WidgetsBindingObserver を使ってアプリのライフサイクルイベントを検知します。 Read more

今回は、こんな感じでクレジットカードの登録画面等でよく見るカメラプレビュー画面にカードの枠をOverlayする画面をFlutterで実装します。 Read more

最近は在宅勤務なのでミーティングの時間となるべく被らないように 宅配便の配達時間指定をすることが多いのですが、せっかく時間指定しても忘れていてミーティングが被ることがあります。 他にも予約したお店とかの情報が勝手にGoogleカレンダーに追加されたら嬉しいなって思うことが多かったので、Gmailにきたメールをパースしてカレンダーに追加する方法を紹介したいと思います。 Read more

今年も大晦日なので、1年を振り返っておく。 Read more