Menu
CoddyTech
学習パス

Flutter エンジニアへのロードマップ

Dartを学んでから、コードの隣のスマホ画面で動くFlutterアプリを作ります。レイアウト、画面遷移、状態、データ、そして4本の完成したアプリ。

71,280+ 人のcoddersがこれらのコースに登録中

628 レッスン675 チャレンジ2,796 クイズの問題

  • 初心者向け
  • sparkles iconAIによるコーディングサポート
  • hint icon実践的なインタラクティブレッスン
  • volume On icon全レッスンに音声ナレーション付き
  • quiz icon知識を確かめるクイズ
  • certificate iconパス全体で12枚の無料修了証

Flutterロードマップのステップ

3 コース12 セクション628 レッスン675 チャレンジ2,796 クイズの問題

各ステップはCoddyの講座です。進捗は講座ごとに保存されます。

  1. 1
  2. 2
    このステップを始める開始クラス、オブジェクト、コンストラクタ、継承、mixin。どのFlutterウィジェットもこれでできています。開始
  3. 3
    このステップを始める開始ウィジェット、テキスト、行と列、そしてボタン、テキスト入力、スイッチ、setState。最後はチップ計算機を作ります。開始専用ページ
  4. 4
    このステップを始める開始リスト、カード、グリッド、画面遷移、タブ、どのスマホにも合うレイアウト。テーマとダークモードも。開始
  5. 5
    このステップを始める開始状態のリフトアップ、ProviderとRiverpod、そして使い分け。最後は2つの画面で共有するショッピングカートを作ります。開始
  6. 6
    このステップを始める開始Future、asyncとawait、FutureBuilder、JSONからDartクラスへの変換、引っ張って更新、intlでの日付と価格。開始
  7. 7
    このステップを始める開始ToDoリスト、クイズ、カート付きのショップ、習慣トラッカー。どれも1ステップずつ作ります。開始
  8. 8
使える機能
コーディングを学ぶために使うすべて

実践で学ぶ

実際のコードを書き、データベースをクエリし、ウェブサイトを構築し、AIプロンプトをマスターしましょう。インタラクティブなレッスンで現代の開発者に必要なすべてのスキルを網羅しています。

playground.js
コードエディタ
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
テスト #1test Case Success icon
テスト #2test Case Success icon
テスト #3test Case Failure icon
入力
"Alex"
出力
"Hello, Coddy! Alex"

連続記録を築こう

継続して進捗を見守りましょう!毎日のコーディング習慣を追跡し、フリーズ日で連続記録を守り、毎日参加することで報酬を獲得しましょう。

12 日連続

明日も戻ってきて連続記録を維持しましょう!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

ダブル・オア・ナッシング

7日中5日目

fire Freeze icon

連続記録フリーズ

2 left

あなたは一人じゃない

グローバルリーダーボードで競い、友達を招待して報酬を獲得し、お互いの成功を祝いましょう。プログラミングは友達と一緒の方が楽しい!

チャレンジャーリーグ
チャレンジャーリーグ上位7名が昇格
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up icon昇格ゾーンleaderboard Arrow Up icon

あらゆる学び方に対応

読む・聴く・自分を試す・AIに聞く・学んだことを調べる。どんな学び方にも対応したレッスンです。

変数の入門
音声

変数は、後でプログラム内で参照できる値を格納する、名前のついた入れ物です。

Pythonでは、名前、イコール記号、格納したい値の順で書くことで作成します。

値は後から変えられます。再代入すると、名前は新しい値を指すようになります。

1xSarah

修了証を取得

完了したすべてのコースで証明書を獲得しましょう。LinkedInプロフィールや履歴書に追加して、雇用主にプログラミングスキルをアピールしましょう。

Coddy修了証明書
これは以下を証明します山田 太郎が正常に完了しました
python iconPythonの基礎
認証済み
日付2026年1月
LinkedInLinkedInに追加

CoddyでFlutterを学ぶ理由

  • アプリはコードの隣のスマホ画面で動きます。実行とHot reloadもその場で。
  • チェックはアプリの画面に表示される内容を確認するので、コードだけでなく画面が動くことまでわかります。
  • インストールは不要です。Android Studioもエミュレーターもスマホもいりません。
  • 行き詰まったら、Bugsyが答えを書かずに問題の場所を示します。

Flutterエンジニアになるための質問

Flutterエンジニアになるには何を学べばいいですか?

まずDart、次にFlutterのウィジェットとレイアウト、画面遷移、状態管理、サーバーからのデータ取得です。そのあとGit。どのチームでも使われているからです。このロードマップはこの順番で進みます。

このロードマップを始める前にプログラミングの経験は必要ですか?

いいえ。最初のステップでDartをゼロから学びます。変数、条件分岐、ループ、関数、クラスです。

Flutterの習得にはどのくらいかかりますか?

1日1時間で約4〜6か月です。最初の2か月がDart、Flutterのジャーニーがさらに約3か月です。

作ったアプリをApp StoreやGoogle Playで公開できますか?

はい。コードは本物のFlutterです。自分のパソコンのFlutterプロジェクトにコピーし、Flutter SDKでAndroidやiOS向けにビルドしてください。

Flutterは就職に役立ちますか?

Flutterは、1つのコードでiOSとAndroidのアプリを作る方法として最もよく使われているものの1つです。多くのスタートアップや制作会社が採用しています。このロードマップで学べるのはスキルで、就職活動ではありません。

CoddyはGoogleやFlutterの一部ですか?

いいえ。CoddyはGoogleと提携しておらず、Googleの承認も受けていません。FlutterはGoogle LLCの商標です。

他の学習パス

同じコースを別の職種向けに並べたものです。進捗は引き継がれ、あるパスで修了したコースは、それを含むすべてのパスで修了扱いになります。

すべての学習パス
Coddyのプログラミング言語のイラスト

Flutterアプリ開発者パスを無料で始める

学習を始める