flutter

Flutter

このスキルはFlutterフレームワークに基づいており、2026-01-31に生成されました。

FlutterはGoogleのSDKで、単一のコードベースからモバイル、ウェブ、デスクトップ向けの美しく高速なユーザー体験を構築できます。Flutterは既存のコードと連携し、世界中の開発者や組織に利用されており、無料のオープンソースです。

Flutterはプログラミング言語としてDartを使用し、すべてがウィジェットであるウィジェットベースのアーキテクチャに従います。このフレームワークは、開発サイクルを高速化するホットリロード、Material DesignとCupertinoの豊富なウィジェット群、コンパイル済みコードによる優れたパフォーマンスを提供します。

主なリファレンス

トピック	説明	リファレンス
ウィジェットシステム	StatelessWidget、StatefulWidget、ウィジェットのライフサイクル、キー	core-widgets
状態管理	setState、StatefulWidget、ValueNotifier、ChangeNotifier	core-state-management
レイアウトシステム	Row、Column、Stack、Flex、制約、サイズ設定	core-layout
BuildContext	コンテキストの使用法、InheritedWidget、テーマへのアクセス	core-build-context
InheritedWidget	ウィジェットツリー内でのデータ共有、InheritedWidgetのパターン	features-inherited-widget

ウィジェット

基本ウィジェット

トピック	説明	リファレンス
テキストとスタイル設定	Textウィジェット、TextStyle、RichText、TextSpan	widgets-text
画像	Imageウィジェット、AssetImage、NetworkImage、ImageProvider	widgets-images
アイコン	Iconウィジェット、IconData、IconTheme	widgets-icons
ボタン	ElevatedButton、TextButton、OutlinedButton、IconButton	widgets-buttons
入力フィールド	TextField、TextFormField、Form、FormField	widgets-input
非同期ウィジェット	FutureBuilder、StreamBuilder、非同期操作	widgets-async
ValueListenableBuilder	ValueListenableの変更に基づくウィジェットの構築	widgets-value-listenable
PageView	スワイプ可能なページ、PageController、ページ遷移	widgets-pageview
RefreshIndicator	プルして更新する機能	widgets-refresh-indicator
Dismissible	スワイプして閉じるウィジェット	widgets-dismissible
TabBarとタブ	タブナビゲーション、TabController、TabBarView	widgets-tabs
フォームとバリデーション	フォームのバリデーション、バリデーター、フォーム処理	features-forms-validation

レイアウトウィジェット

トピック	説明	リファレンス
Flexレイアウト	Row、Column、Flex、Flexible、Expanded	layout-flex
Stackレイアウト	Stack、Positioned、配置	layout-stack
Container	Container、BoxDecoration、パディング、マージン	layout-container
リストビュー	ListView、ListTile、GridView、Sliverウィジェット	layout-lists
Sliver	CustomScrollView、SliverList、SliverGrid、高度なスクロール	features-slivers
スクロールコントローラー	プログラムによるスクロール制御、スクロールリスナー	features-scroll-controller

機能

ナビゲーション

トピック	説明	リファレンス
ナビゲーター	Navigator.push、Navigator.pop、ルート	features-navigation
名前付きルート	ルート設定、onGenerateRoute	features-named-routes
ルーター	GoRouter、宣言的ルーティング	features-router

アニメーション

トピック	説明	リファレンス
暗黙的なアニメーション	AnimatedContainer、AnimatedOpacity、AnimatedSize	features-implicit-animations
明示的なアニメーション	AnimationController、Tween、AnimationBuilder	features-explicit-animations
ヒーローアニメーション	Hero ウィジェット、共有要素のトランジション	features-hero-animations

Material Design

トピック	説明	リファレンス
Material アプリ	MaterialApp、Theme、ThemeData	features-material-app
Material コンポーネント	AppBar、Scaffold、Drawer、BottomNavigationBar	features-material-components
Material 3	Material 3 デザインシステム、カラースキーム	features-material-3

Cupertino（iOS）

トピック	説明	リファレンス
Cupertino ウィジェット	iOS スタイルのウィジェット、CupertinoApp、CupertinoNavigationBar	features-cupertino

UI コンポーネント

トピック	説明	リファレンス
ダイアログとモーダル	AlertDialog、showDialog、showModalBottomSheet	features-dialogs
フォーカス管理	FocusNode、FocusScope、キーボードナビゲーション	features-focus

プラットフォーム連携

トピック	説明	リファレンス
プラットフォームチャネル	MethodChannel、EventChannel、ネイティブ通信	features-platform-channels
プラットフォームビュー	AndroidView、UiKitView、ネイティブビューの埋め込み	features-platform-views
アセットとリソース	アセット管理、pubspec.yaml、アセットの読み込み	features-assets
HTTP とネットワーク	HTTP リクエスト、API 呼び出し、JSON 解析	features-http
レスポンシブデザイン	MediaQuery、LayoutBuilder、画面への適応	features-responsive
キー	ValueKey、ObjectKey、キーを使うタイミング	features-keys
ウィジェットのライフサイクル	initState、dispose、ライフサイクル管理	features-lifecycle
エラー処理	try-catch、エラーウィジェット、エラーバウンダリー	features-error-handling
PopScope	戻るボタンとナビゲーションのポップイベントの処理	features-pop-scope

高度な機能

トピック	説明	リファレンス
カスタムペイント	CustomPainter、Canvas、カスタムグラフィックス	advanced-custom-paint
ジェスチャー	GestureDetector、GestureRecognizer、ドラッグアンドドロップ	advanced-gestures
パフォーマンス	パフォーマンス最適化、const コンストラクター、キー	advanced-performance
テスト	ウィジェットテスト、統合テスト、テストユーティリティ	advanced-testing

ベストプラクティス

トピック	説明	リファレンス
状態管理	setState、状態のリフトアップ、パターンを使用するタイミング	best-practices-state
パフォーマンス	最適化手法、const の使用、パターン	best-practices-performance