はじめに
  • コースの概要
  • 環境構築のレクチャーの注意
第1日:環境構築(Windows 10)とAndroidでの動作
  • Flutter SDKのインストール(Windows 10)
  • Android Studio 3のインストール(Windows 10)
  • VS CodeのインストールとFlutter拡張のインストール
  • 環境チェックをしておこう
  • 練習課題: 環境チェックを実行しよう
  • はじめてのアプリを実機で動作させよう!
  • Androidエミュレータで実行してみよう
第1日:環境構築(macOS)とiPhone/Androidで動作
  • Flutter SDKのインストール (macOS)
  • Xcodeのインストール
  • iOSシミュレーターで動作を確認してみよう
  • Homebrewのインストール
  • iPhoneで動作を確認してみよう
  • Android Studio 3のインストール(macOS)
  • Android Studioでmy_appを実行してみよう
  • VS Codeをインストールしよう
第1日:環境構築(Mac, WIndows共通)
  • コードの構成を確認しよう
  • ホットリロードを試してみよう
  • VS Codeでプロジェクトを追加・実行してみよう!
第2日:ネーミングアプリを作ってみよう!
  • ファイル構成を確認しよう
  • スタートアップネーミングアプリを作ろう
  • WordPairパッケージを追加して名前を生成しよう
  • 練習課題: StatelessWidgetでアプリを作ってみよう
  • ソースコード(Stateless)
  • StatefulWidgetを使ってみよう
  • 練習課題: StatefulWidgetでアプリを作ってみよう
  • ソースコード(StatefulWidgetを使ってみよう)
  • リストビューで複数ワードを表示しよう
  • リストビュー表示に変更してみよう
  • ソースコード(ListView)
  • セクションのレビューと次の予定
第3日:ネーミングアプリを拡張しよう!
  • お気に入りアイコンを追加しよう
  • 練習課題: アイコンを追加しよう
  • アイコンをタップしたら反転させよう
  • 練習課題: タップしたら反転させよう
  • お気に入りリストを表示しよう
  • 練習課題: お気に入りリストを表示しよう
  • UIテーマを変更してみよう! & まとめ
  • 練習課題: テーマを変更してみましょう。
  • ソースコード
ボーナストラック
  • Android Studio におけるFlutter SDKの設定手順(Windows)