Flutterアプリ開発の新規プロジェクト立ち上げ時に必須となる、小規模〜中規模開発のベストプラクティスを徹底解説。【MVVM + Repositoryパターン】による明確なレイヤー分離、【Riverpod + Hooks + Freezed】の最新技術スタックの活用、プロジェクト初期設定のチェックリストなど、実装例と...

GitHub Copilot Agent、Gemini CLI、Claude Code のAIコード生成ツール比較 - Flutter開発での実践検証 2025年6月に相次いでリリースされたAIコード生成ツール「GitHub Copilot Agent」「Gemini CLI」「Claude Code」を、Androi...

AndroidStudioにGemini CLIをインストールしてコード自動生成してみた Gemini CLI をインストールして Android Studio で Flutter のコードを書かせてみた ヒーラーGemini CLI が Android Studio 上のプロジェクトでも問題なく使えるのか、どのくらい...

Claude CodeプラグインをAndroid Studioに導入し、AIでFlutterコードを自動生成する方法を解説。トランプカードの3Dアニメーションを、Riverpod+Hooks+Freezedで実装した実例を紹介。環境構築から実際のコード生成まで画像付きで詳しく説明します。 Githubへのpushが「H...

Flutterアプリにおいて、自動でスライドするカルーセルのバナー画像があとどのくらいで切り替わるのか、インジケーターのドットをプログレスバー表示にしてわかりやすくしているスターバックスアプリを真似したい。 StarbucksアプリのGiftタブにあり。 一定時間で自動スクロールするスライドビューのindicatorの...

Flutter開発においてAndroidのビルド時の「Your project’s Gradle version is incompatible with the Java version that Flutter is using for Gradle」エラーの解決方法 iOSは問題ないがAndroidだけビルドエラ...

Flutter開発においてAndroidでテキストフォントが中華フォントになってしまう問題の原因と解決方法 iOSは問題ないがAndroidだけデフォルトだと中国語の漢字になってしまう。糸へんが行書体のようになって違和感あり。システムフォントの「Roboto」「Noto Sans CJK」で日本語ではなく中国語が適用さ...

Flutterにおいてテキストを自動ループでネオンのように点滅アニメーションさせる方法４選。『ポケポケ』（ポケモントレーディングカードゲームポケット：Pokémon Trading Card Game Pocket）のUIのイメージ。リピートでフェードイン・フェードアウトのエフェクト付きで繰り返し自動でテキストカラーの...

AnimatedCrossFadeで切り替える画像の全面表示がうまくいかない問題の解決方法。背景に全面表示していた画像をAnimatedCrossFadeを使って切り替えるようにしたら全面表示できなくなった。 fitHeightで横長の画像をアスペクト比維持して縦長に引き伸ばして表示していた。firstChildとse...

Flutterにおいて２つの画像をクロスフェードでループ表示させる方法。フェードイン・フェードアウトのアニメーション付きで繰り返し自動で画像の表示切替がされるようなリッチなUIが作れる。iOS/Android共通で標準ウィジェットで使用可能。AnimatedCrossFadeを使って簡単に解決することができる。firs...