[LGユープラス] アプリ作成初級コース (Flutter)

#1 Hello World

Android Studioに慣れ、Flutterを使用してアプリのUIを描画する方法を学ぶ

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

#2 Splash Screen

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

• Assetイメージを使用する
• Circular Progress Indicator ウィジェットを使用する
• Columnウィジェットを利用したウィジェットの配置について学ぶ

#3 ブログウェブアプリ

Web View技術を使用して、既存のウェブサイトをアプリとしてパッケージング

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

#4 デジタルフォトフレーム

 

 

 

そのままにしておくと自動でローリングされ、直接スワイプも可能な電子フォトフレームの制作

• Page View ウィジェットを使用する
• Timerクラスで周期的に関数を実行する
• Stateful Widgetを実践で使ってみる

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

 

恋人と一緒に使えるD-Dayアプリの制作

• フォントを適用する
• Date Pickerを使用する
• DateTimeクラスの実践的な使い方
• Flutterでのテーマの使用方法
• Cupertino Dialog 活用術

#6 ランダム数字生成器

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

• 乱数生成
• 簡単なNavigationおよびデータの送受信
• Sliderウィジェットを使う
• Functionalプログラミングを活用したウィジェットレンダリングおよびコード整理

#7 動画プレーヤー

 

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

• Stackウィジェットを使う
• Image Picker ライブラリを使用する
• Video Player ライブラリを使用する
• 再生、停止、3秒戻す、3秒進める動画コントロールの作成

#8 今日も出勤

 

Googleマップを使用して 簡単な 位置情報サービス制作

• Googleマップをセットアップして使用する
• 位置サービスを利用して自分の位置を地図に表示する
• 特定の地点間の距離を求める
• 地図にマーカーを表示する
• 地図に円を表示する
• 特定の位置にカメラを移動させる
• Material Dialogを活用する

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

• Agora APIを利用してビデオ通話機能を制作する
• Box Shadow を使ってみる

 

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

• Driftパッケージを活用したSQLiteの使用方法
• 簡単なSQL文を学んでみる (select, insert, update, delete, join)
• Bottom Sheetを活用する
• Wrapウィジェットを使用する
• Table Calendar パッケージを使用する
• Dismissibleウィジェットで削除アニメーションを実装する
• Streamを通じてデータの変化を自動的に検知する

 

HTTP通信を利用してネットワークリクエストを行う方法を学ぶ！

• Dioパッケージを利用したHTTPリクエスト
• 政府のOpen APIを使ってみる
• Hive NoSQL データベースを使う
• オフライン対応およびキャッシングの体験版
• Drawerウィジェットを使う
• CustomScrollViewの実践的な使い方

• Stateful Widget
  
  

  

  Stateful Widgetのライフサイクルについて学び、各ライフサイクルに対応する関数がいつ実行されるのかを、直接実習を通じて確認することができます。

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

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

• Const Constructor
  Const Constructorを使用して、コードを記述するたびに発生していた黄色の警告（Warning）ラインを消去し、なぜConst Constructorを使用することがFlutterアプリのパフォーマンスに良いのかを学びます。

• Buttons
  Flutterで基本として提供されているElevated Button、Text Button、そしてOutlined Buttonの使用方法とカスタマイズ方法を学習します。

• Navigation
  画面間の移動ができるNavigationの各種機能について確認し、画面間でデータを転送する方法を学びます。

• Stream BuilderとFuture Builder
  非同期（async）リクエストの結果値によって画面のUIを決定できる、最も効果的で簡単な方法であるStream BuilderとFuture Builderについて学習します。

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

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

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

Flutterはクロスプラットフォームのアプリ開発フレームワークです。本来はiOSアプリとAndroidアプリをそれぞれ異なる言語と異なるフレームワークを使用して開発する必要がありますが、Flutterは一つのソースコードで両方のプラットフォームにリリース可能です。そのため、アプリ開発にかかる金銭的コストと時間的コストを大幅に節約できます。さらに、Googleが制作したフレームワークであり、最近Googleが非常に力を入れているため、将来がより期待されるフレームワークとして学んでおくと良いでしょう。

Q. React NativeやNativeより、Flutterを学ぶ方が絶対に良いですか？

すべてのフレームワークは状況や目的によって一長一短があるため、この種の質問への答えは常に「NO」です。Flutterは一つのソースコードで非常に素早くiOS、Androidの両プラットフォームにアプリをリリースできますが、Nativeよりはまだライブラリも不足しており、完成度でわずかに劣ります。React Nativeは世界で最もポピュラーな言語の一つであるJavascriptを使用するという利点があり、誕生してから長い時間が経っているため、今のところはFlutterよりも一般的に使用されています。

Q. プログラミングを一度も学んだことがないのですが、受講可能でしょうか？非専門家（文系・未経験者）でも大丈夫でしょうか？

私のYouTube動画で、人生初のプログラミングを成功させた方がたくさんいらっしゃいます。Flutterに限らず、すべてのプログラミングは初心者にとってかなりの参入障壁が存在しますが、この講義で私はそのハードルを最大限下げるために多くの努力をしました。まずは無料で公開しているDart言語の講義を先に見て難易度を確認していただき、もし難しければコードファクトリーの公式コミュニティで助けを求めてください。

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

Flutter講座をご購入いただくと、コードファクトリーのDiscordサーバー内にあるFlutterプレミアムチャンネルにご参加いただけます！Discordサーバーに入室後、私にメッセージで講座を購入された際のメールアドレスを送っていただければ、プレミアムチャンネルに登録いたします。プレミアムチャンネルでは、すべての質疑応答に優先的に回答いたします！

Q. 制作が完了している講義ですか？

現在は初心者脱出目的に合った講義構成です。Flutterは初級、中級、上級の3つの難易度に分けて講義を制作する計画ですが、UI、簡単な人気ライブラリの使い方などはすべて講義である初級講義に追加される予定です。皆さんにお伝えしたい知識がまだたくさん残っているので、期待してください!

Q. AppleのMacが必要ですか？

Windowsコンピュータでも講義を進めることはできますが、iOSアプリのビルドは不可能です。その理由は、AppleがiOSアプリはAppleのオペレーティングシステムであるMacでしかビルドできないように設計しているためです。Flutterはプラットフォーム間の共通化が非常に優れているため、WindowsコンピュータでAndroidの画面を見ながらコーディングをしても、後で同じコードをiOSでビルドした際に同じアプリが出来上がると考えても差し支えありません。もし配布をしたいのであれば、中古でFlutterと互換性のある古いMacBookでも購入されることをおすすめします。

Q. PCのスペックは高くなければなりませんか？

どうしてもシミュレーターやエミュレーターを動かすと開発がスムーズになるため、コンピュータのスペックが低すぎると実行が遅くなる場合があります。もしスペックが低い場合は、実機を使用してコーディングすることをおすすめします！必要なスペックは随時変更される可能性があるため、リンクを貼っておきます。
Windowsの要求スペック / Macの要求スペック / Linuxの要求スペック

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

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

Q. 動画に問題があります。

動画の再生やインターネット通信に関するお問い合わせは、Inflearn（インフラン）にお願いします。それ以外に、動画の順序が間違っていたり、編集が不十分で理解しにくい部分があったりする場合は、すぐにオープンチャットでお問い合わせください。最優先で改善し、新しくアップロードするようにいたします！私も何度も確認していますが、非常に多くの動画を管理しているため、手違いがあるかもしれません。

Q. 講義内容はどの程度のレベルまで扱いますか？

FlutterでUIを作成するために必要な知識はすべて盛り込むよう努めました。さらに、簡単なフロントエンドのデータベース管理、ネットワークリクエスト、基本的な状態管理なども含める計画です。

現在追加予定の内容

• HTTPリクエスト関連の講義（DioとRetrofitの使用）
• Hiveを使用したデータ管理および簡単なキャッシング
• Providerを利用した簡単な状態管理

Providerパッケージ以外の人気の状態管理パッケージは、中級講座で扱う予定です！（BloC、GetXなど）
その他、私が制作してほしい知識・技術があれば、私とコミュニケーションが取れる様々なチャンネルを通じて伝えてください。積極的に検討します！

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

初心者向けの講義に追加する予定です。講義が公開される前にリリースを試してみたい場合は、Flutter公式サイトのガイドを確認してください。
Androidアプリをリリースする / iOSアプリをリリースする

• 🏭 コードファクトリー YouTube
• 現）株式会社コードファクトリー代表
• 元）Milliman Software Engineer
• イギリス インペリアル・カレッジ・ロンドン 学士

オフライン講義の経験

• ミリの書斎 開発者向け Flutter 教育講師
• ソウルディジテック高等学校 Flutter特別講義講師