![[FlutterFlow] Practical! Ultimate Tips for App Launch!Course Thumbnail](https://cdn.inflearn.com/public/courses/333539/cover/ac94b07c-f07a-4079-a5bd-5aec3b289db2/333539.png?f=avif&w=420)
[FlutterFlow] Practical! Ultimate Tips for App Launch!
ilgyu865859
A-Z know-how for launching a real app using FlutterFlow: From deployment to in-app purchases, KakaoTalk login, and Supabase!
Intermediate
FlutterFlow, No-code, Flutter
[初中級] Flutter Todoアプリ - FlutterBloc
この講義を通して知らなかった知識を一つも取り上げて昨日の"私"より成長したFlutterアプリ開発者になることを願っています。
こんなことが学べます
クリーンアーキテクチャ(簡素化)
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
講座掲載日:
最終更新日:
受講レビュー
まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください！
￥11,671
似ている講座
同じ分野の他の講座を見てみましょう！
![[Python beginner] ChatGPT voice translation app made with FlutterCourse Thumbnail](https://cdn.inflearn.com/public/courses/333668/cover/94589a80-ab05-4bd1-ad98-1e42b75a47fc/333668.png?f=avif&w=420)
![[Code Factory] [Introduction] Completely master the Dart language in 4 hoursCourse Thumbnail](https://cdn.inflearn.com/public/courses/328577/cover/d7cd62c2-db07-45d8-af8d-a3fa728cd8e7/inflearn-logo.jpg?f=avif&w=420){kind=logo}
