2020年版：Flutterの学び方徹底ガイド｜無料・有料のおすすめ学習リソースまとめ

Flutterは今年、最も注目されているテクノロジーのひとつです。この記事では、Flutterを使ってiOS・Androidアプリを開発する方法を学べる、無料および有料の学習リソースをご紹介します。

モバイルアプリ開発に興味はありませんか？

答えが「はい」なら、この記事はまさにうってつけです。Flutterについてまだよく知らないという方もご安心ください。筆者は以前、「Flutterとは何か、なぜ2020年に学ぶべきなのか」という記事を執筆しています。

Flutterは、Googleが開発し2017年5月に公開した無料のオープンソース・モバイルUIフレームワークです。ひとことで言えば、たった1つのコードでネイティブモバイルアプリを作成できるフレームワークです。つまり、1つのプログラミング言語と1つのコードベースで、iOSとAndroidという2つの異なるアプリを作れるのです。—「What is Flutter and Why You Should Learn It in 2020」より

この記事では、無料コンテンツと有料コンテンツの2種類のリソースを紹介します。動画、コース、書籍、チュートリアルなど、あらゆる学習スタイルの方に合った優れた教材を選びました。

その前にひとつ。「プログラミング学習は有料コンテンツと無料コンテンツのどちらで行うべきか？」という記事も書いています。自分に合った学習スタイルがわからない方は、まずそちらを読んでから本記事を読むことをおすすめします。

それでは始めましょう。各リソースには簡単な説明を添えています。記載内容はすべて関連サイトの公式説明に基づいています。ご想像のとおり、筆者がすべてを試したわけではないため、詳細はリンク先のサイトでご確認ください。

無料コンテンツ

動画・オンラインコース

• Dart Programming Tutorial – Full Course

freeCodeCampによるDartの完全講座です。

初心者向けの完全チュートリアルでDartプログラミング言語を学びましょう。Dartは静的型付けの言語で、Flutterフレームワークにおけるクロスプラットフォームモバイルアプリ開発に使用されています。

• Flutter Course – Full Tutorial for Beginners（iOS・Androidアプリを作ろう）

freeCodeCampによる初心者向けの完全チュートリアルです。筆者がFlutterを始めたときの参考資料のひとつでもあり、優れた入門編として、後々役立つ基礎概念をしっかり理解できます。

Googleの画期的なマルチプラットフォームモバイル開発フレームワーク「Flutter」を学び、AndroidとiOS向けアプリを作成しましょう。このコースでは、Flutter Crash CourseのNick Manningが、Flutterを素早く効果的に使い始める方法を教えてくれます。Nickは2017年からFlutterエンジニアとして活躍しており、その実践的なノウハウを分かりやすく段階的なクラッシュコースに凝縮しています。

• Flutter Crash Course

Traversy MediaによるFlutterのクラッシュコースです。

このクラッシュコースでは、ネイティブモバイルアプリ構築のためのFlutterを扱います。Flutterとは何か、環境構築の方法、組み込みウィジェット、ステートレス／ステートフルウィジェット、ルーティングなどを学びます。— Traversy Media

• Flutter Tutorial for Beginners

The Net Ninjaによる初心者向けFlutterのYouTubeプレイリストです。

Flutter（とDart）を使って、Android・iOSアプリをゼロから作る方法を学べます。ウィジェット、パッケージ、アセット、非同期処理についてすべて学びながら、World Timeアプリやその他2つのミニアプリを作成し、Flutterスキルを実践的に磨けます。

• Flutter & Firebase App Build

The Net NinjaによるFlutterとFirebaseのYouTubeプレイリストです。筆者が初めてアプリでFirebaseを使おうとしたとき、まず受講したのがこのコースでした。非常に網羅的で、FlutterへのFirebase統合の方法をしっかり理解できました。

Firebase Firestore（リアルタイムデータベース）とFirebase Authenticationを使用して、Flutterアプリをゼロから作る方法を学べます。このプレイリストは、すでにFlutterを知っている開発者向けです。

• Reso Coder

Flutter専門のYouTubeチャンネルです。Reso Coderはフレームワークの仕組みを解説する多数のチュートリアルを公開しており、Flutterと併用できるさまざまなツールの使い方も紹介しています。さらに、Flutter向けのコードアーキテクチャに関するレッスンまであります。

Flutterはアプリ開発の常識を変えつつあります。取り残されないようにしましょう！クロスプラットフォームのモバイル＆Web開発を学び、丁寧に作られたプロジェクト主導のレッスンで、学んだことをすぐに自分のアプリへ応用できます。— Reso Coder

• FilledStacks

こちらもFlutter専門のYouTubeチャンネルです。Firebase、UI、アーキテクチャなど、Flutterに関する多彩なチュートリアルが揃っています。モバイルだけでなくWeb向けFlutterのレッスンもあります。

Flutterを使って、高品質で本番環境レベルのモバイルアプリを作る方法を学びましょう。— FilledStacks

• Code With Andrea

Flutter学習のためのチュートリアルチャンネルです。状態管理、レイアウト、テストなど、Flutterに関するあらゆるトピックを定期的に動画でカバーしています。このチャンネルで、より優れたFlutter開発者を目指せます。— Code With Andrea

Google Codelabs

Google CodelabsのサイトでもFlutterを学べます。ガイド付きのチュートリアル形式で、手を動かしながらコーディングを体験できるのが特徴です。筆者が最近発見したサイトですが、Flutter以外にも使えます。Googleの全テクノロジーが網羅されており、それぞれの使い方を学べる豊富なチュートリアルが用意されています。

ほとんどのCodelabでは、小さなアプリケーションの構築や既存アプリへの新機能追加の手順を順番に学べます。Android Wear、Google Compute Engine、Project Tango、iOS向けGoogle APIなど、幅広いトピックをカバーしています。— Google Codelabs

公式ドキュメント

筆者がFlutterで気に入っている点のひとつが、ドキュメントの充実ぶりです。学習中にもアプリ開発中にも役立つ、非常に完成度の高いドキュメントが揃っています。

ドキュメントでは次のようなトピックを扱っています。

• Flutterの始め方
• 利用可能なすべてのウィジェット
• APIドキュメント（ライブラリのドキュメント）
• 多数のチュートリアルを収録したクックブック
• サンプルアプリ集
• Flutter公式YouTubeチャンネル

書籍

• Flutter Succinctly

Flutterのドキュメントを調べているときに見つけた一冊です。著者が実際に完全に動作するアプリを作る過程を通して、フレームワークを明確に理解できる構成になっています。モバイル開発経験の有無にかかわらず読める内容です。

• Flutter Tutorials Handbook

Flutterアプリ開発でよく直面する問題の解決方法を示したレシピ集（クックブック）です。各手法は独立しているため、アプリ構築時のリファレンスとして活用できます。Flutter公式ドキュメントの補完として使えるうえ、多くのコード例が掲載されています。

HereWeCode

筆者も近いうちにFlutterのチュートリアル記事を作成する予定です。最新情報を受け取りたい方は、YouTubeチャンネルやTwitterをフォローしてください。取り上げてほしいテーマやチュートリアルのリクエストもぜひお寄せください。

有料コンテンツ

オンラインコース

• The Complete 2020 Flutter Development Bootcamp with Dart

このFlutterブートキャンプは、Google Flutterチームとの正式なコラボレーションによって制作されました。ゼロから学べて、複数のアプリケーションを作成できます。27時間以上の動画チュートリアルとプロジェクトが含まれており、プログラミング経験ゼロでも受講を始められます。

• Learn Flutter & Dart to Build iOS & Android Apps [2020]

ネイティブiOS・Androidアプリ構築のための、Flutter SDKとFlutterフレームワークの完全ガイドです。基本的なプログラミング知識があると有利ですが、必須ではありません。このコースでは理論だけでなく、実際に本格的なアプリを作りながらFlutterを習得できます。作成するアプリでは、Googleマップ、デバイスカメラ、アニメーションなどの機能を扱います。

• Dart and Flutter: The Complete Developer's Guide

RxDartやアニメーションを含む、FlutterとDartによるモバイルアプリ開発に必要なすべてを学べます。JavaScript、Java、Pythonなどのプログラミング経験が必要です。このコースでは、設計、アニメーション作成、アプリのアーキテクチャ構築の方法を理解できます。他のコースよりも高度な内容で、オフラインストレージの活用、ネットワークリクエストの最適化、高度なデザインパターンの使用といったスキルを身につけられます。

• Flutter & Firebase: Build a Complete App for iOS & Android

Dart、Flutter、Firebaseを使って、iOS・Android向けの完全な実践アプリを構築するコースです。基礎から始まり、DartとFlutterの完全な入門が含まれます。進むにつれてより高度なトピックが登場し、特に「本番環境対応のコード」の書き方に重点が置かれているため、スケールする堅牢なアプリの作り方を学べます。重要な概念はわかりやすい図で解説されており、修了時には一人前のFlutter開発者になれるでしょう。

書籍

• Learn Google Flutter Fast: 65 Example Apps

Flutterに関する完全な一冊です。65個のサンプルミニアプリを通して実例ベースでFlutterを学べます。最も基本的なアプリから、複雑なアーキテクチャを持つ高度なアプリまで、あらゆる作り方を習得できます。書籍の最後では、アプリストアへの公開方法まで解説されています。

• Beginning Flutter: A Hands-On Guide to App Development 第1版

Flutterの優れた入門書です。すぐに始められて、基本原則をしっかり理解できます。書籍で学ぶのが好きな方には迷わずおすすめの一冊です。

Beginning Flutter: A Hands-On Guide to App Developmentは、Flutterを始めたい経験豊富な開発者にも初心者にも不可欠なリソースです。Flutterのステップバイステップの入門書となっています。著者のMarco L. Napoli氏はPixolini Inc.のCEOであり、モバイル・Web・デスクトップアプリ開発の経験豊富な開発者です。視覚的に美しく使いやすいシステム開発において確かな実績を持っています。

まとめ

他にもFlutterを学べるリソースをご存じですか？Twitterでメッセージをいただければ、この記事に追記します。

この記事が気に入ったら、ぜひシェアしてください。

こうしたコンテンツをもっと見たい方は、Twitterでフォローをお願いします。Web開発、自己改善、そしてフルスタック開発者としての挑戦について発信しています！