Flutterスキル

skills/skills/flutter-build-responsive-layout

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on…

skills/skills/flutter-building-forms

検証済みFlutterフォーム、フィールド単位のエラーハンドリングと送信ワークフローを備えています。StatefulWidgetのホスティングと、フォームの状態とバリデーションを再ビルド全体で管理するための永続的なGlobalKey<FormState>が必要です。TextFormFieldウィジェットと、失敗時にエラー文字列を返し、成功時にnullを返すvalidator()コールバックを使用します。送信時に_formKey.currentState!.validate()を呼び出してすべてのバリデータをトリガーし、フィールドの下にエラーメッセージを自動表示します。ユーザー名を示す完全なコード例を含みます...

skills/skills/flutter-building-layouts

Flutterの制約システムを習得し、レスポンシブでオーバーフローしないレイアウトを効率的に構築する。基本原則：制約は下方向に流れ、サイズは上方向に流れ、親が位置を設定する。フレックスボックスやスクロール可能な領域では、無制約の制約を渡さない。線形レイアウトにはRow / Column、スペース配分にはExpanded / Flexible、重なり要素にはStack、厳密な制約にはSizedBoxを使用する。レスポンシブサイズ調整にはLayoutBuilder、モバイルやタブレットなど適応型レイアウトには条件付きレンダリングを適用する。

skills/skills/flutter-building-plugins

クロスプラットフォームのFlutterプラグインをスキャフォールディングし、Android、iOS、Windows、Web向けのネイティブ相互運用を実装します。標準プラグイン（プラットフォームAPI用のMethod Channels）とFFIプラグイン（C/C++ネイティブライブラリ）の両方をサポート。プラットフォーム固有のSDKアクセスが必要か、直接的なネイティブコードバインディングが必要かに基づいて選択可能。フェデレーテッドプラグインアーキテクチャにより、APIをアプリ対面、プラットフォームインターフェース、独立したプラットフォーム実装パッケージに分割し、チームベースの開発を実現。ステップバイステップの手順を含む...

skills/skills/flutter-caching

Flutterアプリ向けの包括的なキャッシュとパフォーマンス最適化を、複数のデータタイプとプラットフォームにわたって提供します。適切なキャッシュメカニズム（インメモリ、キーバリューペア用のshared_preferences、リレーショナルデータ用のSQLite、大規模ブロブ用のファイルシステム、ネットワーク画像用の画像キャッシュ）を選択するための決定ロジックを提供します。キャッシュデータを先に返し、その後ネットワークからフェッチして更新するストリームベースのオフラインファーストリポジトリパターンを含みます。AndroidのFlutterEngineプリウォーミングなどをカバーします。

skills/skills/flutter-caching-data

Flutterアプリ向けのローカルデータキャッシュとオフラインファーストの同期パターン。5つのキャッシュ戦略をカバー：UI状態用のshared_preferences、構造化データ用のSQLite/Hive、バイナリメディア用のファイルシステム、ナビゲーション用の状態復元、AndroidでのFlutterEngine事前ウォームアップ。ストリームを使用した読み取り（ローカルを生成、リモートを取得、キャッシュを更新）とデュアル書き込み戦略（オンライン専用 vs バックグラウンド同期によるオフラインファースト）によるオフラインファーストリポジトリを実装。画像キャッシュを最適化...

flutter/.agents/skills/flutter-cherry-pick

flutter/flutterリポジトリのstableまたはbetaチャンネルに対して、マージ済みPRの正式なcherry-pickを実施する方法。flutter/flutterにマージされたプルリクエストにのみ使用可能。

skills/skills/flutter-concurrency

バックグラウンドでのJSONパースと状態管理により、カクつきのないFlutter UIレンダリングを実現します。モデルの複雑さに基づいて、手動シリアライゼーション（dart:convert）とコード生成（json_serializable）を選択するための決定木を提供します。3つの並行処理戦略をサポート：小規模ペイロードにはメインスレッドのasync/await、大規模な一回限りの計算には短命なIsolate.run()、継続的な双方向通信にはReceivePort/SendPortを使用した長命なアイソレート。プラットフォーム対応のフォールバックを含む：...

skills/skills/flutter-databases

MVVM準拠のデータレイヤーで、Flutter向けにリポジトリパターン、ステートレスなサービス、インテリジェントなローカルキャッシュ戦略を採用。データの種類、サイズ、リレーショナルの複雑さに基づいて、永続化技術（shared_preferences、sqflite、drift、hive_ce、isar_community、またはファイルI/O）の選択をガイド。リポジトリを唯一の情報源として実装し、DatabaseServiceとApiClientをプライベートなステートレス依存関係として分離。ドメインモデル、SQLite操作などの完全なコード例を提供。

skills/skills/flutter-embedding-native-views

Android、iOS、macOSのネイティブビューやWebコンテンツをFlutterアプリケーションに直接埋め込みます。パフォーマンスと忠実度に異なるトレードオフを持つ2つのAndroid合成モード（ハイブリッドおよびテクスチャレイヤー）をサポート。iOSとmacOSはハイブリッド合成のみを使用。AndroidおよびiOSでプラットフォームビューを実装するためのステップバイステップのワークフローと、検証およびトラブルシューティングのガイダンスを提供。Full PageまたはMulti-view（埋め込み）モードを介して既存のWebアプリケーションにFlutterを埋め込むことを可能にし、...

skills/skills/flutter-environment-setup-linux

Linux環境のセットアップ。Flutterデスクトップ開発向けで、OS検出とツールチェーンの検証を行います。Debian/UbuntuまたはChromeOSを自動検出し、非aptシステムでは指示を表示して停止します。コア依存関係（curl、git、unzip、libglu1-mesa）とLinuxデスクトップツールチェーン（clang、cmake、ninja-build、GTKライブラリ）をインストールします。オプションのIDEセットアップ（VS CodeまたはAndroid Studio、snap経由）を促します。flutter doctor -vとflutter devicesを実行して環境を検証し、自動インストールを行います...

skills/skills/flutter-environment-setup-macos

macOS向けFlutter開発環境の自動セットアップ。依存関係の検証と診断修正を行います。Flutterのインストール、Xcodeの利用可否、CocoaPodsの有無を確認し、前提条件が不足している場合は明確な指示を表示して停止します。Xcodeのコマンドラインツール設定とライセンス承諾を、必要なsudoコマンドとともにユーザーをガイドします。Xcodeセクションが完全にパスするまで、反復的なflutter doctor検証ループを実行し、残っているツールチェインの問題を特定・解決します...

skills/skills/flutter-environment-setup-windows

Windows向けFlutter開発環境の自動セットアップと、プラットフォーム固有のツールチェーン設定。Flutter SDKパス、Visual Studio C++ツールチェーンのインストール、Windowsデスクトップ、Android、または両方のターゲットを対話型プロンプトで設定します。Androidが選択された場合、Android Studioのセットアップ、デバイス/エミュレーターの設定、USBドライバーのインストールを処理します。OpenSSLを使用して自己署名MSIX証明書を生成し、ローカルのWindowsアプリのパッケージ化と展開を行います...

skills/skills/flutter-fix-layout-issues

Flutterのレイアウトエラー（オーバーフロー、制約の無限大）をDartとFlutter MCPツールを使って修正します。「RenderFlex overflowed」「Vertical…」といった問題に対処する際に使用します。

skills/skills/flutter-form

検証付きフォームを構築する

skills/skills/flutter-handling-concurrency

CPU負荷の高いタスクをバックグラウンドのアイソレートにオフロードし、Flutter UIの応答性を維持します。I/Oバウンドの作業向けのasync/await、単発の重い計算向けのIsolate.run()、永続的なバックグラウンドワーカー向けのメッセージパッシングを伴うIsolate.spawn()の3つの並行処理パターンを提供します。タスクの種類（I/OバウンドかCPUバウンドか）と実行頻度に基づいて非同期操作とアイソレートを選択するための決定マトリックスを含みます。ステップバイステップのタスクチェックリスト付きの3つの完全なワークフローをカバーします：標準...

skills/skills/flutter-handling-http-and-json

Flutter REST API統合とデータ解析のためのHTTPリクエストとJSONシリアライゼーション。3つのHTTPメソッド（GET、POST、PUT、DELETE）を適切なステータスコード検証、HTTPS強制、Uri.https()を使用した安全なURI構築とともにカバー。シンプルなモデルには手動のfromJson/toJson、複雑なネスト構造にはjson_serializableによるコード生成という2つのシリアライゼーション戦略を提供。大きなJSONペイロード処理時のUIのカクつきを防ぐため、compute()を使用したバックグラウンド解析を含む...

skills/skills/flutter-home-screen-widget

Flutterアプリ向けのiOSおよびAndroid向けネイティブホーム画面ウィジェットで、クロスプラットフォームのデータ共有を実現します。App Groups（iOS）とSharedPreferences（Android）を介してDartとネイティブプラットフォーム間のデータ共有を確立し、Flutterアプリからのウィジェット更新を可能にします。シンプルなテキストベースのウィジェットと、ネイティブ表示用に静的画像としてレンダリングされる複雑なFlutter UIをサポートします。Xcode（Swift TimelineProviderを使用したWidget Extensionターゲット）とAndroid Studio（XMLを使用したAppWidgetProvider...）でのネイティブセットアップが必要です。

skills/skills/flutter-http-and-json

Flutterアプリ向けのセキュアなHTTPネットワーキングとJSON処理。バックグラウンドパース対応。httpパッケージを使用し、Uri.https()による安全なURL構築と厳格なステータスコード検証でCRUD操作（GET、POST、PUT、DELETE）を実装。Dart 3のパターンマッチングとファクトリコンストラクタ、toJson()メソッドによる強く型付けされたJSONシリアライズ・デシリアライズを提供。16msを超えるペイロードではcompute()によるバックグラウンドアイソレートへの大規模JSONパース処理をオフロードし、UIのカクつきを防止。

skills/skills/flutter-implement-json-serialization

Create model classes with `fromJson` and `toJson` methods using `dart:convert`. Use when manually mapping JSON keys to class properties for simple data…

skills/skills/flutter-implementing-navigation-and-routing

Flutterの画面遷移とディープリンクにおける、命令的および宣言的ルーティングパターン。Navigator（命令的、スタックベース）とRouter（宣言的、URL同期）の両方のアプローチを、それぞれの使用タイミングのガイダンスとともにカバー。iOS、Android、Webでのディープリンクをサポート。コンストラクタ、ルート引数、戻り値を介したデータ受け渡しを含む。独立したサブナビゲーターと戻るボタンインターセプトを用いた、マルチステップフロー（例：セットアップウィザード）のためのネストナビゲーションを実装。提供...

skills/skills/flutter-improving-accessibility

Flutterアプリをスクリーンリーダーやキーボードナビゲーションを含む支援技術向けに設定します。UIデザインの基本（フォントスケーリング、カラーコントラスト（通常テキストは4.5:1、大きいテキストは3:1）、48x48ピクセルの最小タップター

skills/skills/flutter-interoperating-with-native-apis

Android、iOS、Web上のデバイス固有のネイティブAPIにFlutterコードからアクセスします。3つの統合アプローチをサポート：FFIによる直接C/C++バインディング、Kotlin/Swift/Objective-Cを呼び出すためのプラットフォームチャネル（Pigeonによる型安全性）、およびネイティブUIコンポーネントを埋め込むためのプラットフォームビュー。FFIはdart:ffiを使用し、build.dartフックによる自動ビルドコンパイルを備えています。extern "C"シンボルとDartバインディング生成のためのpackage:ffigenが必要です。プラットフォームチャネルは、非同期メッセージングを提供します...

skills/skills/flutter-layout

レスポンシブなFlutterレイアウトを構築するために、ウィジェットの構成、制約の管理、画面サイズへの適応を行います。コンテンツの次元性、重なり、スクロール、レスポンシブ要件に基づいて適切な基本レイアウトウィジェット（Row、Column、Stack、ListView、GridView、CustomScrollView）を選択するための決定木を提供します。Flutterのコア制約システム（制約は下方向に流れ、サイズは上方向に流れ、親が位置を設定する）を適用し、特定の寸法を強制するためのConstrainedBoxパターンを含みます。実装...

skills/skills/flutter-localization

Flutterアプリを設定して、適切なi18n設定により複数の言語やロケールをサポートします。依存性注入（flutter_localizations、intl）、コード生成設定（l10n.yaml）、プレースホルダー、複数形、地域バリアントに対応した.arb翻訳ファイルの作成を管理します。ルートウィジェットのデリゲート（MaterialApp、CupertinoApp、WidgetsApp）を設定し、明示的なLocalizationsラッピングが必要なTextFieldやCupertinoTabBarのような独立したウィジェットを処理します。対応...

skills/skills/flutter-localizing-apps

ARBファイルとコード生成を使用したFlutterアプリの多言語サポート。flutter_localizationsとintlを使用してpubspec.yamlを設定し、l10n.yamlファイルを定義してgen-l10nコードジェネレーターを有効にします。ローカライズされた文字列はApplication Resource Bundle（.arb）JSONファイルに保存します。テンプレートファイルがすべてのキーを定義し、ロケール固有のファイルが翻訳を提供します。MaterialAppまたはCupertinoAppにAppLocalizations.delegateとプラットフォーム固有のデリゲートを追加してローカライゼーションを統合します...

skills/skills/flutter-managing-state

FlutterでStatefulWidget、MVVM、Providerを使用して、エフェメラル状態とアプリレベルの状態を管理します。エフェメラル状態（単一ウィジェット、setState()で管理）とアプリ状態（ウィジェット間で共有、MVVMとproviderパッケージで管理）を区別します。単一の信頼できる情報源による単方向データフローを実装します。モデルがデータを処理し、ViewModelがChangeNotifierを介してUI状態を管理し、Viewが状態を消費して表示します。MVVM実装のための順次ワークフローを提供します。リポジトリを定義し、作成...

skills/skills/flutter-native-interop

Android、iOS、Web向けFlutterアプリのクロスプラットフォームネイティブ相互運用。最適な統合戦略を選択するための決定ロジックを提供：C/C++コード向けFFI、OS固有API向けPlatform Channels、ネイティブUIコンポーネント向けPlatform Views、Web向けJS Interop。ビルドフック（Flutter 3.38+）を使用した最新のFFIアーキテクチャを実装し、ネイティブツールチェーンコンパイルとDartバインディングをサポート。完全なKotlinおよびSwiftによる非同期Platform Channels（MethodChannel）をサポート...

skills/skills/flutter-performance

Flutterアプリのパフォーマンスボトルネックを体系的にプロファイリングし、的を絞った最適化によって特定・解消します。UIスレッド、ラスター（GPU）スレッド、またはその両方で発生するジャンクを診断するための決定木を提供し、それぞれに固有の修正方法を示します。traceActionとTimelineSummaryを使用した統合テストテンプレートを含み、パフォーマンスベースラインの確立とフレームバジェットの測定を実現します。UI最適化（状態の局所化、constコンストラクタ、StringBufferの使用）とラスター最適化（Opacityの置き換え...）をカバーします。

skills/skills/flutter-platform-views

Android、iOS、macOS、Webプラットフォーム全体でFlutterアプリにネイティブビューとWebコンテンツを埋め込みます。Android Hybrid Composition（ネイティブの忠実度）とTexture Layer（Flutterのパフォーマンス）、iOS/macOS Hybrid Composition、Webの全画面または埋め込みマルチビューモードをサポートします。完全なDartおよびネイティブコードテンプレート（Android用Kotlin、iOS/macOS用Swift、Web用JavaScript）をファクトリ登録パターンとともに提供します。ターゲットプラットフォームと埋め込み方法を事前に決定するための判断ツリーが必要です...