[コードファクトリー] [初級] Flutter 3.0 アプリ開発 - 10個のプロジェクトで今日、初心者脱出！

• 2022年7月18日：Flutter 3.0バージョン100％対応完了
• 2023年5月10日：Flutter 3.10バージョン100％対応完了
• 2023年12月4日：最新環境に合わせて環境設定講義再撮影完了
• 2024年04月22日：最新のフラッターとプラグインバージョンに基づいて本講義全面再撮影完了（2024年08年31日に旧バージョン講義は削除されます）

#1 Hello World

Android Studioと親しくなり、Flutterを使用してアプリのUIを描画する方法を学ぶ

• Textウィジェットを試す
• 背景色を変更してみる
• 文字色を変更してみる

#2 Splash Screen

すべてのアプリの最初のページとして機能するSplash Screenを簡単に作成

• アセット画像を使う
• Circular Progress Indicatorウィジェットを使用する
• Column ウィジェットを使用したウィジェットの配置を学ぶ

#3 ブログウェブアプリ

Web Viewテクノロジを使用して既存のWebサイトをアプリにパッケージ化

• オープンソースパッケージの使用
• プラットフォーム別のネイティブ設定を変更する
• WebViewウィジェットを使用する
• Javascript権限を開く
• HTTPプロトコルを開く

#4 電子額縁

静かに置くと自動的にローリングされ、直接スワイピングが可能な電子フレーム製作

• ページビューウィジェットを使う
• Timerクラスで定期的に関数を実行する
• Stateful Widget の実践に使ってみる

#5 初めて会った日 U&I

恋人と一緒に使えるデデアプリの制作

• Fontを適用する
• Date Pickerを使う
• Date Time クラスの実践の使用
• Flutterでテーマを使用する方法
• Cupertino Dialogを活用する

#6 ランダム数ジェネレータ

ボタンを押すたびに、指定した数字以下のランダム数字3個が生成されるアプリ制作

• 乱数生成
• 簡単なナビゲーションとデータの送受信
• Sliderウィジェットを使う
• Functionalプログラミングを利用したウィジェットのレンダリングとコードの整理

#7 動画プレーヤー

動画を再生するアプリの制作

• Stackウィジェットを使う
• Image Pickerライブラリの使用
• Video Playerライブラリの使用
• 再生、停止、3秒後ろに回す、3秒前に回すムービーコントロールを作成する

#8 今日も出勤

Googleマップを使用した簡単な位置ベースサービスの作成

• Googleマップを設定して使用する
• ロケーションサービスを使用して自分のロケーションマップに表示する
• 特定の位置間の距離を求める
• 地図にマーカーを表示する
• 地図に円を表示する
• 特定の位置にカメラを移動する
• Material Dialogを活用する

Agora APIを使用したビデオ通話アプリの作成

• Agora APIを使用してビデオ通話機能を作成する
• Box Shadowを試す

データを長期的に保存できるカレンダースケジューラアプリの作成

• Driftパッケージを使用したSQ Liteの使用
• 簡単なSQL文を学ぶ（select、insert、update、delete、join）
• Bottom Sheetを活用する
• Wrapウィジェットを使う
• Table Calendar パッケージの使用
• Dismissibleウィジェットで削除アニメーションを実装する
• ストリームを介してデータの変化を自動的に検出する

HTTP通信を使用してネットワークを要求する方法を学ぶ！

• Dioパッケージを使用したHTTPリクエスト
• 政府 Open API を試す
• Hive NoSQLデータベースの使用
• オフラインサポートとキャッシュの味を見る
• Drawerウィジェットを使う
• CustomScrollView実戦使用

• Stateful Widget
  
  

  

  Stateful WidgetのLife Cycleについて学び、各Life Cycleに対応する関数がいつ実行されるかを直接実習で確認することができます。

• Row and Column
  Flutterでウィジェットを配置するときに最もよく使用されるウィジェットであるRowとColumnウィジェットのパラメータについて学びます。

• 日時
  Date Time クラスを使用して日付・時刻に関連するデータを扱う方法を学び、Duration で Date Time をどのように操作できるかを学習します。

• Const Constructor
  Const Constructorを使用してコードを書くたびに発生した黄色いWarning行を取り除き、なぜConst Constructorを使用するのがFlutterアプリのパフォーマンスに良いのかを学びます。

• ボタン
  Flutterが基本として提供するElevated Button、Text Button、Outlined Buttonの使い方と飾り方を学びます。

• Navigation
  画面間を移動できるナビゲーションの各種機能について学び、画面間データの転送方法を学びます。

• Stream BuilderとFuture Builder
  非同期（async）要求の結果として画面のUIを決定するための最も効果的で簡単な方法であるStream BuilderとFuture Builderについて学びます。

• Buy vs Build
  特定の機能を自分で制作する方法と有料で購入することのどちらが良いかを判断する方法を学びます。

• Scrollable Widgets
  Flutterでスクロールを可能にするウィジェットについて学びましょう！

Q.なぜFlutterを学ぶべきですか？

Flutterはクロスプラットフォームアプリ開発フレームワークです。もともとiOSアプリとAndroidアプリの両方を異なる言語と異なるフレームワークを使って開発しなければなりませんでした。だから、アプリを開発するのにかかる金銭的費用と時間的費用をたくさん惜しむことができます。さらにGoogleが製作したフレームワークでありながら、最近Googleでたくさん押してくれており、未来がより期待されるフレームワークと学んでおくと良いです。

Q. React NativeやNativeよりFlutterを学ぶのは無条件ですか？

すべてのフレームワークは状況と目的に応じて長所と短所があるので、 このような類の質問に答えはいつも「NO」です。古いので、まだFlutterよりも普及しています。

Q.プログラミングを一度も学んだことがないのに受講可能でしょうか？

私のYouTube映像で生涯初めてのプログラミングを成功させた方が多いです。受け取ってください。

🏭コードファクトリーYouTube
🔥コードファクトリーDiscord
💬コードファクトリーカカオオープントーク

Flutter講義を購入すると、コードファクトリーディスコッドサーバーフラッタープレミアムチャンネルに入ることができます！

Q.制作が完了した講義ですか？

現在は初歩脱出目的に合致した講義構成です。

Q. Apple Macが必要ですか？

Windowsコンピュータでも講義に従うことができますが、iOSアプリをビルドすることは不可能です。考えても構いません。

Q.コンピュータ仕様は好きですか？

どうやらシミュレータ/エミュレータを回すと開発が楽なので、コンピュータのスペックが低すぎると実行が遅いことがあります。
windows リクエスト仕様/ Mac リクエスト仕様/ Linux リクエスト仕様

Q. Flutterのインストールはできません。

良い開発者になるためには孤立して問題を解決する能力も非常に重要なので、一生懸命やってやっぱりできないなら💬コードファクトリーカカオオープントーク でお問い合わせください！

Q.映像に問題があります。

映像再生とインターネット通信に関わるお問い合わせは、Inflearnにしていただければいいです。

Q.授業内容をどの程度レベルまで扱いますか？

FlutterでUIを作成するのに必要な知識はすべて盛り込もうとしました。

現在追加予定のコンテンツ

• HTTPリクエストに関するレッスン(DioとRetrofitを使用)
• Hiveを使用したデータ管理と簡単なキャッシュ
• Providerを使用した簡単な状態管理

Providerパッケージ以外の人気状態管理パッケージは中級講義で扱う予定です！
その他、私が制作したいと思う知識・技術があれば、私とコミュニケーションできる様々なチャンネルを通じてお伝えください。

Q. Play Store、App Store にアプリをリリースする方法についての講義はありませんか？

初心者の講義に追加する予定です。
Androidアプリのリリース/ iOSアプリのリリース

• 🏭コードファクトリーYouTube
• 県）株式会社コードファクトリー代表
• 前） Milliman Software Engineer
• イギリス Imperial College 学士

オフライン講義体験

• ミリの書材開発者対象 Flutter 教育講師
• ソウルデジテック高校 Flutter 特講講師