Flutter上級 - 実務レベルのアーキテクチャ

本番Flutterアプリ開発：
スケーラブルなアプリ設計のためのアプリアーキテクチャ🏗

アプリが大きくなるほど、コードはなぜ管理するのが難しくなりますか？ 🤔

答えはClean ArchitectureとMVVMパターンにあります。ビッグテク企業が採用したこのアーキテクチャは、複雑なビジネスロジックを体系的に管理し、新機能を簡単に追加できるコア設計方式です。

このレッスンでは、FlutterとClean Architectureを使用して実際のサービスレベルのアプリを実装します。 Dependency Injection、階層状態管理、テスト可能なコードの作成、エラー処理など、実務に面する深いトピックについて説明します。
Hello Worldレベルのチュートリアルに疲れた場合は、このレッスンでproduction ready状態のアプリを作成しながら、真のアーキテクチャ設計の楽しさを体験してください！ 💪

この講義の特徴

📌 実稼働環境で発生する問題と回避策を提示

📌 GitHubによる段階的なソースコードの提供

📌すべてのコードは、ユニットテストとUIテストが可能な形で書かれています。

📌中級者以上のための講義です。

1⃣ Figmaから現業レベルのアプリを制作するガイド

本講義では、Figmaからデザインを受けたときにアプリを開発していく過程を詳細に伝えます。

2⃣講義で作成するアプリのフォルダ構造

講義で書くアプリの構造。
クリーンアーキテクチャベースのMVVM、MVIパターン

3⃣状態管理ライブラリ未使用

多くの開発者は、義務的に状態管理ライブラリを使用する必要はありません。 Flutterが提供する基本機能だけで状態管理は十分です。
このレッスンでは、以下の最小限のライブラリのみを使用します。

4⃣テスト可能なUI設計

どの外部要因にも影響されないUIを作成する

5⃣ディープリンクフレンドリーなルーター構成

現業で必要なディープリンクフレンドリーなルータの設定方法ガイド

6⃣より複雑なエラー処理のためのエラー処理戦略

既存のResultパターンを改良して複雑な状況に適したエラー処理方法を提示

こんな悩みをする方におすすめです

受講後はこのように変わります✨

1. 体系的なアプリ設計が可能になります。

• Clean Architectureの各レイヤーを明確に区別して設計できます。

• 新機能の追加が必要なときに既存のコードに触れることなく拡張できます。

• SOLID原則を実際のプロジェクトに自然に適用できるようになります。

2. プロフェッショナルな状態管理を実装できます。

• 外部ライブラリなしで使用した効率的な状態管理方法を習得します。

• 複雑なビジネスロジックもきれいに処理できます。

• メモリリークのないクリーンな状態管理が可能になります。

3. テスト可能なコードを書くことができます。

• ユニットテストからUIテストまで可能なコードを書くことができます。

  
  

• コード品質を継続的に監視および改善できます。

4. 実務で認められるコードを書くことができます。

 // Before
クラス HomeScreen extends StatefulWidget {
  @override
  State < HomeScreen > createState() => _HomeScreenState();
}

// After
クラス HomeScreen extends StatelessWidget {
  final HomeState state;
  final void Function （ HomeAction action）onAction;
  
  //テスト可能で再利用性の高いコードを書く
}

5. ポートフォリオとして使用できるプロジェクトが完成しました。

• 実際のサービスレベルの完成度の高いアプリをポートフォリオとして活用できます。

  


• クリーンアーキテクチャを適用した実際のプロジェクト体験を持つことができます。

このような内容を学びます。


✅ Clean Architecture: 層分離と依存性注入

「アーキテクチャのないアプリはレゴのないおもちゃのようです。」ビジネスロジックとUIをきれいに分離し、依存性注入によって柔軟でテスト可能なコードを書く方法を学びます。



✅ MVVMパターン：状態管理と一方向のデータフロー

「ステータス管理はアプリの心臓です。」効率的な状態管理、一方向のデータフロー設計で予測可能でデバッグしやすいアプリを作成する方法を学びます。



✅エラー処理：ユーザーエクスペリエンスの向上

「エラーは避けられませんが、管理することはできます。」ネットワークエラー、データ検証、例外状況を体系的に処理し、ユーザーに適切なフィードバックを提供する方法について説明します。



✅再利用可能なコンポーネント：UIの設計と実装

「良いコンポーネントは一度作って一生書きます。」再利用可能なUIコンポーネントを設計および実装する方法、効率的なウィジェットツリー構成、およびパフォーマンス最適化技術を学びます。

この講義を作った人

• 2018：なるまでAndroidの記事

• 2018：オ・ジュンソクのAndroidサバイバルコーディング：コトリン編執筆

• 2020：国内1号フラッター書籍：オ・ジュンソクのフラッター生存コーディング執筆（2020世宗図書選定）

• 2020〜2024年：Flutter開発者教育の9つのライダー運営

  


受講前の注意

ロードマップ