【Flutter入門ガイド2024】知識ゼロから使い方・全体像が分かる！

• Flutterの全体像がわからない。
• Flutterの学習すべきことを知りたい。

新しいことを学習する際は全体像を捉えることが重要です。「今はここを学習してるんだな。」と実感することができて、自分のやるべきことが見えてきます。

当記事ではFlutter全体像から学習方法、仕事の探し方までをまとめた内容です。

これからFlutterを始める方、始めたばかりの方はご参考にどうぞ！

Flutter入門 | Flutterを知る

Flutter とはなにか？　特徴について解説しています。

• Flutterとは？人気なクロスプラットフォーム！入門者が押さえておくべき3つの特徴を解説！

Flutter入門 | Flutterの学び方

Flutterのオススメの学習方法、学習ロードマップを紹介してます。

Flutterのオススメの学習方法

• 動画で学ぶ | Flutter学習のUdemyおすすめコース7選！
• 本で学ぶ | Flutter入門書籍おすすめ8選！
• プログラミングスクールで学ぶ | Flutterが学べるプログラミングスクール3選！

Flutterの学習ロードマップ

• ロードマップ | Futter初心者向け オリジナルアプリ開発までの学習ロードマップ

Flutter入門 | 開発環境を構築する

Flutterの開発環境は、以下のIDEで実装することができます。

• Android Studio
• Visual studio code

Flutter入門 | 基本的なWidget（ウィジェット）一覧

基本的なWidgwt（ウィジェット）についてのまとめです。詳しい使い方は以下のリンクからご参照ください。

画面レイアウト

• ヘッダー（App Bar）
• レイアウト全体（Container）
• 行レイアウト（Row）
• 列レイアウト（Column）
• カード（Card）

ボタン

• ボタン（ElevatedButton、TextButton、OutlinedButton、IconButton、FloatingActionButton）
• Flutterのアイコンの探し方

入力・出力

• 文字・数値の入力（Text Field）
• 文字・数値の表示（Text）
• 画像の表示（Images）
• スクロール可能リスト（ListView.builder）
• スクロール可能マス目レイアウト（GridView.builder）

ページ遷移

• 画面遷移（Navigator）
• メニュー（BottomNavigationBar）

状態管理

• 状態(State）管理の基本（Stateless Widget・Stateful Widget）

非同期処理

• 非同期処理・同期処理（Future）

Flutter入門 | Dart言語の基本文法

FlutterはDart言語というプログラミング言語でコーディングします。基本的な文法を紹介します。

1. Dart基礎 | 開発で知っておきたいDart基本文法まとめ

• Listの使い方
• Mapの使い方
• constとfunalの違い
• classの基本

Flutter入門 | 人気ライブラリの使い方

Flutterのライブラリを利用する際に、人気ライブラリを紹介します。

随時、更新しますのでしばらくお待ちください。

• ローカルデータベース | SQLite使い方
• 状態管理 | provider
• 状態管理 | riverpod
• グラフ | fl_chart
  　　　　syncfusion_flutter_charts
• カレンダーから日付取得 | syncfusion_flutter_datepicker、
  　　　　　　　　　　　 month_picker_dialog_2

Flutter入門 | FireBaseの基本

Googleが提供しているモバイル・Webアプリのバックエンド処理向けのクラウドサービス「FireBase」の機能を紹介します。

随時、更新しますのでしばらくお待ちください。

• データベース | Cloud Firestore
• 認証システム | Firebase Authentication

Flutter入門 | Flutterの仕事を探す

Flutterのお仕事を探すときのおすすめサービスを紹介します。

• Flutterの案件/求人の探し方を学生/社会人ごとに解説！
• Flutterフリーランス求人の探し方 | オススメのサービス4選！
• Flutterエンジニア就職・転職 | オススメ就職・転職エージェント3選！
• Flutter副業・兼業 | オススメ副業サイト2選！週1-3の副業の探し方

Flutter入門 | 小ネタ・便利な

Flutter についてのトレンド情報や業界動向をご紹介します。

• Flutterの将来性 | Flutter流行らない？将来性あり！Flutterオワコンでない３つの理由
• Flutterの採用事例 | Flutterで開発されたアプリ事例7選！
• Flutterの仕事内容・年収 | Flutterエンジニア年収は？高年収の仕事で必要スキルを解説！

Flutter入門 | エラー対応ログ

Flutter学習中に詰まったエラーの対処方法について紹介しています。基本的にまとめている内容は以下の通りです。

• 私が解消に時間の掛かったエラー
• 日本語の情報が少なく、英語サイトを見ながら解決した問題

開発環境トラブル

1. zsh: command not found: flutter
2. Error: To set up CocoaPods for ARM macOS, run:

Null Safetyトラブル

1. Error: type ‘Null’ is not a subtype of type ‘String’ in type cast

Flutter入門 | 最後にFlutterはITスキルを楽しく習得できる！

Flutterでアプリ開発を始めて思ったことは、本当にメリットしかない！

プログラミング未経験者はFlutter学習がオススメ！

• 企画から開発まで一連のスキルが身に付く！
• ITの基礎知識（プログラミング、DB、ネットワーク、セキュリティ）の実践が積める！
• 自身のポートフォリオになる！
• 何より１番なのは、アプリ開発は楽しいから挫折せず継続できる！