Programming

Mobile Application Development

[初中級] Flutter Todoアプリ - FlutterBloc

この講義を通して知らなかった知識を一つも取り上げて昨日の"私"より成長したFlutterアプリ開発者になることを願っています。

29名 が受講中です。

gasigogi

flutter

Flutter

clean-architecture

こんなことが学べます

クリーンアーキテクチャ(簡素化)
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．講義紹介

1件 ∙ (4分)

1. 講義紹介
04:23

セクション 2．プロジェクト準備

3件 ∙ (21分)

セクション 3．基本的な UI 作業

7件 ∙ (1時間 44分)

5. TodoTheme
18:11
6. TodoButton
08:26
7. TodoBottomNavigationBar
06:46
8. Todoダイアログ
24:00
9. FolderTile
15:37
10. FolderInputDialog
13:49
11. MemoTile
17:56

セクション 4．データモデリング

3件 ∙ (6分)

セクション 5．DB作業

6件 ∙ (20分)

セクション 6．フォルダー画面作業

14件 ∙ (1時間 34分)

セクション 7．メモ画面作業

8件 ∙ (53分)

セクション 8．メモ追加/修正画面作業

2件 ∙ (21分)

セクション 9．終了

1件 ∙ (1分)

講座掲載日:

最終更新日:

受講レビュー

まだ十分な評価を受けていない講座です。

みんなの役に立つ受講レビューを書いてください！

￥11,725

似ている講座

同じ分野の他の講座を見てみましょう！

[FlutterFlow] Thực chiến! Bí quyết cuối cùng để phát hành ứng dụng!

ilgyu865859

Tổng hợp bí quyết A-Z để phát hành ứng dụng thực tế bằng FlutterFlow: Từ phát hành, thanh toán trong ứng dụng, đăng nhập Kakao đến Supabase!

Intermediate

FlutterFlow, No-code, Flutter

[FlutterFlow] Thực chiến! Bí quyết cuối cùng để phát hành ứng dụng!

ilgyu865859

Flutter ứng dụng - Tạo ứng dụng sử dụng API công cộng (mô hình MVVM)

survivalcoding

Học phát triển ứng dụng Flutter bằng cách tạo ứng dụng khẩu trang công cộng, áp dụng mẫu MVVM dùng phổ biến trên smartphone và thêm tính năng.

Intermediate

Flutter

Flutter ứng dụng - Tạo ứng dụng sử dụng API công cộng (mô hình MVVM)

survivalcoding

Flutter로 만드는 LLM 챗봇 (feat. Gemini)

jasonkang

Mới dùng Flutter ư? Flutter Contributor sẽ hướng dẫn bạn từ đầu! Bắt đầu phát triển Flutter với dự án AI ứng dụng Gemini.

Basic

Flutter, Chatbot, gemini

Flutter로 만드는 LLM 챗봇 (feat. Gemini)

jasonkang

Học Springboot + Flutter RestAPI tạo bảng tin nhanh hơn ai hết

yeseong0412

Học Springboot + Flutter RestAPI tạo bảng tin nhanh hơn ai hết Phát triển server CRUD với Springboot và tạo bảng tin riêng của bạn bằng Flutter!

Basic

Flutter, Kotlin, Spring Boot

Học Springboot + Flutter RestAPI tạo bảng tin nhanh hơn ai hết

yeseong0412

[Người mới bắt đầu Python] Ứng dụng dịch giọng nói ChatGPT được tạo bằng Flutter

huhjuang5228

Khóa học này dành cho những người đã học Python nhưng chưa chắc chắn về cách sử dụng nó. Tận dụng 99,9% kiến thức cơ bản của chương trình!!! Hãy thử tạo ứng dụng dịch giọng nói Flutter bằng mã ví dụ cơ bản bằng cách giảm thiểu mã khó. Trò chuyện với chatGPT, dịch cuộc hội thoại với bạn bè nước ngoài, vẽ hình ảnh bằng giọng nói và nâng cấp ứng dụng hội thoại với tinh chỉnh.

Basic

Python, Flutter, ChatGPT

[Người mới bắt đầu Python] Ứng dụng dịch giọng nói ChatGPT được tạo bằng Flutter

huhjuang5228

Tạo dịch vụ kiếm tiền trong 4 tuần cho người không phải lập trình viên: AI Vibe Coding Web + App ALL IN ONE

dingcodingco

Không biết code cũng OK! Biến ý tưởng của bạn thành doanh thu thực tế chỉ trong 4 tuần. Sử dụng AI và các công cụ mới nhất, tạo đồng thời website và app rồi kết nối ngay với dịch vụ.

Beginner

Flutter, Next.js, cursor

Tạo dịch vụ kiếm tiền trong 4 tuần cho người không phải lập trình viên: AI Vibe Coding Web + App ALL IN ONE

dingcodingco

[Code Factory] [Giới thiệu] Chinh phục hoàn toàn ngôn ngữ Dart trong 4 giờ

codefactory

Nếu bạn học ngôn ngữ Dart thông qua khóa học này, bạn có thể nâng cấp lên cấp độ mà bạn có thể bắt đầu sử dụng Flutter!

Beginner

Flutter, oop, Functional Programming

[Code Factory] [Giới thiệu] Chinh phục hoàn toàn ngôn ngữ Dart trong 4 giờ

codefactory

Thực hành phi tiêu cho người mới bắt đầu

ordinarydeveloper

Để phát triển Flutter, bạn cần biết Dart. Đây là quá trình chọn lọc và thực hành những nội dung thiết yếu của Dart.

Beginner

dart, Flutter

Thực hành phi tiêu cho người mới bắt đầu

ordinarydeveloper

Phát triển Dart cơ bản - Trưởng nhóm Jung

devjeongdaeri

Đây là khóa học tìm hiểu về ngôn ngữ Dart được sử dụng trong phát triển Flutter.

Beginner

Flutter, dart

Phát triển Dart cơ bản - Trưởng nhóm Jung

devjeongdaeri

[初中級] Flutter Todoアプリ - FlutterBloc

こんなことが学べます

アプリに従って作成しながら学ぶFlutter 🚀

pubspec.yaml

プロジェクトに使用したライブラリですよ！

バージョンが異なる場合があります。キャレット（^）は削除しました！

こんなことを学びます📖

Step 1.プロジェクトの準備

Step 2.基本UI操作

Step 3.データモデリング

Step 4. DB操作

Step 5.フォルダ画面の操作メモ画面の操作メモの追加/修正画面の操作

Q&A 💬

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

似ている講座

プロジェクトに使用した
ライブラリですよ！

バージョンが異なる場合があります。
キャレット（^）は削除しました！

Step 1.
プロジェクトの準備

Step 2.
基本UI操作

Step 3.
データモデリング

Step 4.
DB操作

Step 5.
フォルダ画面の操作
メモ画面の操作
メモの追加/修正画面の操作

こんな方に
おすすめです

こんにちは
です。