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

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

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

答えが「はい」なら、この記事はまさにうってつけです。Flutterをまだご存じない方もご安心ください。Flutterとは何か、なぜ今年学ぶべきなのかを解説した記事を別途公開しています。

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

本記事では、無料コンテンツと有料コンテンツの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とは何か、環境構築の方法、組み込みウィジェット、ステートレス／ステートフルウィジェット、ルーティングなどを学びます。

• 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開発を学べます。丁寧に作られたプロジェクトベースのレッスンで学んだことを、すぐに自分のアプリへ応用できます。

• FilledStacks

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

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

• Code With Andrea

Flutter学習のためのチュートリアルチャンネルです。状態管理、レイアウト、テストなど、Flutterに関するあらゆるトピックを定期的に配信しています。このチャンネルで、より良いFlutterデベロッパーを目指しましょう。

Google Codelabs

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

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

公式ドキュメント

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を学べます。作るアプリには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個のサンプルミニアプリを通じてGoogle 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でメッセージをお送りください。追記します。

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

こうしたコンテンツをもっと見たい方は、Web開発、自己改善、フルスタック開発者としての挑戦について発信している私のTwitterをフォローしてみてください！