Flutter応用 - 公共APIを活用したアプリ作り（MVVMパターン）
survivalcoding
公的マスク在庫アプリを作成し、スマートフォンで最もよく使われるパターンの1つであるMVVMパターンを適用し、機能を追加してみながら、Flutterアプリ開発を習得します。
Intermediate
Flutter
[初中級] Flutter Todoアプリ - FlutterBloc
この講義を通して知らなかった知識を一つも取り上げて昨日の"私"より成長したFlutterアプリ開発者になることを願っています。
Flutter
Flutter
clean-architecture
clean-architecture
bloc
bloc
受講後に得られること
クリーンアーキテクチャ(簡素化)
DIの適用
FlutterBlocステータス管理
カスタムUI
FlutterでTodoアプリを作成し、
ライブコーディングと一緒にやりましょうか？ 💻
📢受講前に確認してください！
- 本講義では基礎理論の説明はしません。
- 講義で使用したソースコードは提供していません。実力向上のために自分で書いて繰り返し学習してください。
アプリに従って作成しながら学ぶFlutter 🚀
レッスンでiOSのメインノートアプリを参考にしたTodoアプリを作成しましょう。本講義は、プロジェクトの準備から仕上げまで、Liveコーディング形式で行われます。基礎理論の説明はほとんどなく、不足した説明は授業ノートで確認できますよ！プロジェクトを一緒にしながら、クリーンアーキテクチャ、DI、BLoCステータス管理、カスタムUIなどを学びましょう。
pubspec.yaml
プロジェクトに使用した
ライブラリですよ！
バージョンが異なる場合があります。
キャレット（^）は削除しました！
- environment:
- sdk: '>=2.17.0 < 3.0.0'
- dependencies:
- freezed_annotation: 2.2.0
- flutter_bloc: 8.1.1
- get_it: 7.2.0
- hive: 2.2.3
- hive_flutter: 1.1.0
- intl: 0.17.0
- dev_dependencies:
- build_runner: 2.3.2
- freezed: 2.3.0
- hive_generator: 2.0.0
こんなことを学びます📖
Step 1.
プロジェクトの準備
3つの準備過程が含まれています。
- プロジェクトフォルダ構造の操作
- 画面切り替えのためのルートの準備
- DI（Dependency Injection）の準備
Step 2.
基本UI操作
アプリで使用するUI操作を続行します。
- 共通テーマ
- 共通ボタン
- 共通下部ナビゲーションバー
- 共通ダイアログ
- フォルダタイル
- フォルダ入力ダイアログ
- メモタイル
Step 3.
データモデリング
Freezedパッケージを使用してデータモデリング作業を進めます。
- Freezed パッケージの追加
- フォルダモデルの作成
- メモモデルの作成
Step 4.
DB操作
Hiveパッケージを使用してDB操作を続行します。
- Hive パッケージの追加
- フォルダモデルにHiveを適用する
- メモモデルにHiveを適用する
- HiveDB > CRUD操作
- LocalDB抽象化クラスの操作
- LocalDB>シングルトン登録
Step 5.
フォルダ画面の操作
メモ画面の操作
メモの追加/修正画面の操作
画面操作に進みます。
- Step 2で作業したUIベースでScreenを操作する
- Step 3、Step 4で作業したモデルとDBベースでRepositoryを操作する
- Repository > シングルトン登録
- データと画面連携のためのFlutterBloc（Cubit）操作
- LocalDB > Repository > FlutterBloc(Cubit) > Screen
Q&A 💬
Q.現業に役立つのですか？
理解して渡れば十分に現業に役立ち、すぐに適用が可能です。
Q.どのくらい成長できますか？
例が1つだけ分セクションごとに明確に理解して渡れば十分に多くの成長ができると思います。また、講義に記載されているコードが正解ではないため、他の人が織ったコードを新しい方法で書き直してみることも成長に大きな助けになります。
Q.他のヘルスケアパッケージは使用しませんか？
Provider、GetXを使ってみました。結論は、ヘルスケアの概念を理解するだけであれば、何を使用しても、自分に合ったヘルスケアパッケージを使用してください。
Q.講義内容以外の質問も可能ですか？
講義内容以外の質問はできません。でも、ほとんどの講義内容と関係があると思います。 😊
Q. 講義の説明がたくさん足りないと感じますが、他に理由がありますか？
この講義の中心は、説明ではなく、私が開発するプロセスを共有する目的が大きいため、講義の説明が不足する可能性があります。ただし、得られるポイントがたくさんあると思います。
こんな方に
おすすめです
学習対象は
誰でしょう？
新規プロジェクトを進行する方
繰り返し学習を通じて成長する方
一つでも手に入れようというマインドを持った方々
前提知識、
必要でしょうか？
Dart 言語
Flutterの基本知識
Flutter 非同期プログラミング知識
2019年からFlutter開発を始めたFlutter & iOSエンジニアです。.
私はチームメンバーの開発成長にとても関心があります。😁
特にコードレビューが好きです。 😊
世の中には開発が上手な方がたくさんいらっしゃるようです！
その一方で、私は自分の開発スキルがまだまだ不足していると感じています。
私は自分の力不足を認め、それを補うために努力しています。
足りない部分はどこで補えるのでしょうか？
それは！皆さんの「同僚」です。私は自分の足りない部分を同僚から補いながら成長しており、反対に自分の強みを同僚に共有することで、足りない部分を
それはまさに！
皆さんにとっての「同僚」です。
自分の足りない部分は、同僚から補ってもらうことで成長しており、
反対に、私の強みを同僚に共有することで足りない部分を補い合い、「共に」成長します。
私はもう皆さんの「同僚」です。
私の知識を通じて、昨日の「自分」より成長した開発者になれることを願いつつ、
私自身も、皆様からのフィードバックを通じて、より一層成長した開発者になれるよう努めてまいります。
カリキュラム
全体
45件 ∙ (5時間 28分)
1. 講義紹介
04:23
2. プロジェクト構造
08:01
3. Routes 準備
06:36
4. DI 準備
07:07
5. TodoTheme
18:11
6. TodoButton
08:26
8. Todoダイアログ
24:00
9. FolderTile
15:37
11. MemoTile
17:56
講座掲載日:
最終更新日:
受講レビュー
まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください！
￥12,230
似ている講座
同じ分野の他の講座を見てみましょう！
![[Python初心者] Flutterで作成するChatGPT音声翻訳アプリCourse Thumbnail](https://cdn.inflearn.com/public/courses/333668/cover/94589a80-ab05-4bd1-ad98-1e42b75a47fc/333668.png?f=avif&w=420)
![[コードファクトリー] [入門] Dart言語4時間で完全征服Course Thumbnail](https://cdn.inflearn.com/public/courses/328577/cover/d7cd62c2-db07-45d8-af8d-a3fa728cd8e7/inflearn-logo.jpg?f=avif&w=420){kind=logo}
