inflearn logo
知識共有
inflearn logo

【初中級】Flutter Todoアプリ - FlutterBloc

この講義を通じて知らなかった知識を一つでも得て、昨日の「自分」より成長したFlutterアプリ開発者になれることを願っています。

30名 が受講中です。

難易度 中級以上

受講期間 無制限

Flutter
Flutter
clean-architecture
clean-architecture
bloc
bloc
Flutter
Flutter
clean-architecture
clean-architecture
bloc
bloc

受講後に得られること

  • クリーンアーキテクチャ(簡素化)

  • DIの適用

  • FlutterBloc 状態管理

  • カスタムUI

FlutterでTodoアプリ作成、
ライブコーディングと一緒にやってみましょうか? 💻

📢 受講前にご確認ください!

  • 本講義では、基礎理論に関する説明は行いません。
  • 講義で使用したソースコードは提供されません。実力向上のために、直接作成して反復学習を行ってください。

アプリを作りながら学ぶ Flutter 🚀

講義を通じて、iOSの標準メモアプリを参考にしたTodoアプリを作ってみましょう。本講義はプロジェクトの準備から仕上げまでの過程をライブコーディング形式で進めていきます。基礎理論に関する説明はほとんど行っておらず、不足している説明は授業ノートでご確認いただけます!プロジェクトを一緒に進めながら、クリーンアーキテクチャ、DI、BLoC状態管理、Custom 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 非同期プログラミングの知識

こんにちは
Gasigogiです。

2019年からFlutter開発を始めたFlutter & iOSエンジニアです。.

私はチームメンバーの開発成長にとても関心があります。😁

特にコードレビューが好きです。 😊

世の中には開発が上手な方がたくさんいらっしゃるようです!

その一方で、私は自分の開発スキルがまだまだ不足していると感じています。

私は自分の力不足を認め、それを補うために努力しています。

足りない部分はどこで補えるのでしょうか?

それは!皆さんの「同僚」です。私は自分の足りない部分を同僚から補いながら成長しており、反対に自分の強みを同僚に共有することで、足りない部分を

それはまさに!

皆さんにとっての「同僚」です。

自分の足りない部分は、同僚から補ってもらうことで成長しており、

反対に、私の強みを同僚に共有することで足りない部分を補い合い、「共に」成長します。

私はもう皆さんの「同僚」です。

私の知識を通じて、昨日の「自分」より成長した開発者になれることを願いつつ、

私自身も、皆様からのフィードバックを通じて、より一層成長した開発者になれるよう努めてまいります。

もっと見る

カリキュラム

全体

45件 ∙ (5時間 28分)

講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価が集まっていない講座です。
ぜひ最初のレビューをお寄せください。

似ている講座

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

新規会員登録で25%OFF

¥9,331

25%

¥12,441