BEST

Mobile Application Development

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

Name: Flutter上級 - 実務レベルのアーキテクチャ
Price: 84700 KRW
Rating: 4.7 (36 reviews)

実際のサービスで使用されるレベルのアプリを最初から最後まで作ってみる実践講座。 Clean ArchitectureとMVVMパターンを適用し、拡張可能で保守しやすいアプリ開発方法の学習。

（4.7）受講レビュー 36件

受講生 290名

survivalcoding

플러터

Flutter

clean-architecture

MVVM

state-management

学習した受講者のレビュー

受講後に得られること

クリーンアーキテクチャとMVVMパターンを実際のプロジェクトに適用する方法
複雑なUIコンポーネントを再利用可能に設計し実装する方法
状態管理とルーティングを効果的に処理する方法
実際のサービスレベルでのエラー処理方法

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

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

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

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

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コンポーネントを設計および実装する方法、効率的なウィジェットツリー構成、およびパフォーマンス最適化技術を学びます。

`こんな方におすすめです`

学習対象は誰でしょう？

Flutterで実際のサービスを開発したい開発者
Clean ArchitectureとMVVMパターンを実務に適用したい開発者
UI/UXを考慮したアプリ開発方法を学びたい方
再利用可能なコンポーネント設計に関心のある方

前提知識、必要でしょうか？

Dart言語基礎文法
Flutter の基本ウィジェットとレイアウトについての理解
オブジェクト指向プログラミング基本概念

`こんにちはです。`

12,135

受講生

871

受講レビュー

862

回答

4.7

講座評価

15

講座

교육하고 책 쓰는 개발자 오준석입니다. '오준석의 생존코딩' 유튜브 채널과 생존코딩 (https://survivalcoding.com) 교육 플래폼을 운영중입니다.
전문 분야 : Android, Flutter

저서 오준석의 플러터 생존코딩 (한빛미디어 2020) 오준석의 안드로이드 생존코딩: 코틀린 편 (한빛미디어 2018) 될 때까지 안드로이드 (루비페이퍼 2018)

주요경력 오렌지(OhRange) 대표 세민직업전문학교 정보기술개발 직업훈련교사 수원스마트앱개발학원 운영 LG전자 MC사업부 일본 아이치현 (株)東海理科 Security사업부 일본 아이치현 (株)日本テクシード IT사업부

LinkedIn: https://www.linkedin.com/in/junsuk5/

`カリキュラム`

全体

54件 ∙ (13時間 57分)


1. 01 講義紹介
12:27
2. [追加映像] Dart フォーマッタ変更点01:18


3. 全体ソースコード
4. 02 Figma プロジェクト インポート
03:24
5. 03 アーキテクチャ (ディレクトリ構造)
06:46
6. 04 UIスタイル定義
06:06
7. 05 フォント設定
06:11
8. 05-2 コンポーネント作成準備およびフォント設定
04:21
9. 06-0 [UI深掘り] UI作成時によくある間違い
11:12
10. 06 ボタン(BigButton, MediumButton, SmallButton)20:35
11. 07 InputField09:07
12. 08 FilterButton, RatingButton13:21
13. 09 タブ14:21
14. 10 RatingCard21:21
15. 11 SignInScreen09:33
16. 12 モデルクラス作成03:30
17. 13 Repository, UseCase 作成13:42
18. 14 セイブドレシピーズスクリーン23:33
19. 15 ルーティング設定 go_router16:49
20. 15-2 スプラッシュスクリーン12:10
21. 15-3 画面遷移コード作成03:14
22. 15-4 SignUpScreen10:22
23. 15-5 画面接続05:23
24. 15-6 ナビゲーション経路ハードコーディング除去15-6 ナビゲーション経路ハードコーディング除去03:01
25. [深掘り] 状態管理ライブラリを使わない
25:38
26. 16 MVVM パターン - SavedRecipesViewModel 作成17:57
27. 17 UI State Holder パターン07:20
28. 17-2 freezed07:08
29. 17-3 Freezed 3.0 変更点
05:07
30. 18 下部ナビゲーションエリア作成21:28
31. 19 HomeScreen 上部14:26
32. 20 SearchScreen47:22
33. 21 レシピ検索機能10:27
34. 22 検索結果 保存、ロード機能 実装17:42
35. 23 依存性注入 (DI)16:20
36. 24 フィルターUI30:40
37. 24-2 フィルター機能09:19
38. 25 カテゴリセレクター20:26
39. 25-2 カテゴリデータの取得07:20
40. 26 Dishes 領域26:04
41. 27 エラーハンドリング (Result パターン)28:28
42. 28 NewRecipes 領域33:29
43. 29 MVI パターン13:46
44. 30 ブックマーク機能31:17
45. 31 Streamを活用したブックマーク同期28:55
46. 32 IngredientScreen 作成準備37:28
47. 32-2 IngredientScreen UI45:15
48. 33 効率的なメニュー適用方法 - 共有35:18
49. 33-2 メニュー - レートダイアログ07:30
50. 33-3 メニュー - クリップボード活用12:00
51. 34 ディープリンク適用06:59
52. [深化] ルーティング設計時に間違えやすいこと：DeepLinkフレンドリーなgo_routerの使い方 (BottomNavigationとともに)
22:26
53. 35 良いアーキテクチャとは02:16


54. [深掘り] ルーティング設計でよくある間違い : DeepLinkガイド (Web連携編)
15:33

講座掲載日:

最終更新日:

`受講レビュー`

全体

36件

4.7

36件の受講レビュー

mmmkb1受講レビュー 1 ∙ 平均評価 5.0 修正済み
5
100% 受講後に作成
オ・ジュンソク先生のおかげで昨年入社し、今働いてから5ヶ月目になったフラッター現職者です。通常、ダーツの簡単な文法と派手なアプリuiを見て入門するのにプロジェクトが複雑になったらどう管理するか分からずすぐ放棄する方が多いです。私もその一人でした😭 この講義は、フラッタープロジェクトをどのように効率的に管理できるか、その方法を教えてくれる貴重な講義です。残技術ではなく、最も重要なことを教えてください。フラッター講義の中では最も根本に近い講義です。他の入門者、現職者の方も帰らず、あきらめず、最後まで現業で生き残ることを願ってこの講義をおすすめします！
emptynet受講レビュー 2 ∙ 平均評価 5.0
5
73% 受講後に作成
いつも良い講義をありがとうございます。また、前の講義のようにテストコードを作成し、実際に適用される例があればもっと良かったのですが、自分でやって不満を解消したいと思います。いつも待っています。次回、もっと良い講義で早く来ていただければ幸いです ^^!!
rheech22受講レビュー 4 ∙ 平均評価 5.0 修正済み
5
100% 受講後に作成
フラッターで実施されたどんなプロジェクトを急いで扱わなければならない状況に置かれ、公式文書中心に基礎をすばやく掘り、この講義を聞きました。講義で学んだことを参考に、新しいアーキテクチャを適用しながら、結合も高い既存のコードを多く改善しました。おかげでコードをたくさん整理しながら始めることができ、今でも大きな助けになっています。あえて残念だった点を残せば、中高級講義であるだけに単純なUI実装をそのまま見せるのではなく、もっと多様な実装事例とともにテストコードの作成も経験できたらさらに良いと思いました。しかし、この感想は、さまざまなテーマで構成された講師の別の講義を聞いたことがないために感じたことかもしれません。何よりタイトルの通り良いアーキテクチャを悩み、フラッター実践経験を身につけるのには有用な講義だと思います。良い講義ありがとうございます！
iamlimyeonju2930受講レビュー 5 ∙ 平均評価 5.0
5
100% 受講後に作成
本当に助かりました！一人で開発していたら知らなかった、Figmaを使ってアプリを作る方法を詳しく教えてくれて良かったです。フォルダ構造の分割方法やディープリンクの実装方法も本当に良かったです。良い講義をありがとうございました！！
songjin39148713受講レビュー 19 ∙ 平均評価 5.0 修正済み
5
100% 受講後に作成
まず、この講義について良いと思った点を整理すると、 1. Figma デザイン基準でアプリをどのように作成するかを学べたので良かったです。 2. カスタムウィジェットをどのように作成するか、ディープリンクをどのように実装するかを学べたので良かったです。 3. 全体的に構造をどのように設定するかをすばやく復習できたので良かったです。個人的に、1 番でも述べたように、Figma を通じて共同作業を行うと聞いたとき、デザインを実際にコードにどのように実装するかというプロセスが気になりましたが、それが解決された点が最も良かったと思います。最後に、良い講義をしてくださった先生に感謝します。

期間限定セール、あと8日日で終了

￥10,724

29%

￥15,193

`survivalcodingの他の講座`

知識共有者の他の講座を見てみましょう！


Flutter実務レベルアップ：3段階ビルドバリアント（Flavor）とコード修正不要の環境切り替え
survivalcoding
「まだサーバーアドレスを変更するたびにコードを修正していますか？」

実務では開発(Dev)、検証(Staging)、運用(Prod)環境を厳格に分離します。しかし、多くの開発者がmain.dartひとつで変数を手動で変更しながら、デプロイ事故のリスクにさらされています。

本講座は、たった一行のコード修正もなく、ビルドターゲットの選択だけで環境を即座に切り替える「本物の実務型アーキテクチャ」を扱います。
Intermediate
Flutter, get-it, n8n
Flutter実務レベルアップ：3段階ビルドバリアント（Flavor）とコード修正不要の環境切り替え
survivalcoding


Flutter応用 - 公共APIを活用したアプリ作り（MVVMパターン）
survivalcoding
公的マスク在庫アプリを作成し、スマートフォンで最もよく使われるパターンの1つであるMVVMパターンを適用し、機能を追加してみながら、Flutterアプリ開発を習得します。
Intermediate
Flutter
Flutter応用 - 公共APIを活用したアプリ作り（MVVMパターン）
survivalcoding


Kotlin 文法の総まとめ - 1 時間
survivalcoding
1時間で学べるKotlin文法総まとめ講座です。
Beginner
Kotlin
Kotlin 文法の総まとめ - 1 時間
survivalcoding


Java Java文法の総まとめ - 1時間
survivalcoding
Javaベースの開発を勉強する前に必ず必要なJava文法のまとめです。
Beginner
Java
Java Java文法の総まとめ - 1時間
survivalcoding


Flutterテスト基礎
survivalcoding
フラッターでのユニットテスト、UIテスト、統合テスト方法について公式文書の内容に基づいて説明する講義です。
Basic
Flutter, Software Test, integration-tests
Flutterテスト基礎
survivalcoding


Flutter中級3編 - 依存性注入ガイド
survivalcoding
Flutterにおける正しい依存性注入ガイド講座です。injectableパッケージを使ったDI活用法を紹介します。
Intermediate
Flutter, clean-architecture, dependency
Flutter中級3編 - 依存性注入ガイド
survivalcoding


Flutter超入門 超初心者編
survivalcoding
この講座は、Flutterを始める全ての方々が、Flutterの基礎を早く学習できるように作成しました。
Beginner
Flutter, iOS, dart
Flutter超入門 超初心者編
survivalcoding


Flutter中級2編 - 実戦アプリ開発 - アメリカ株式アプリ（withクリーンアーキテクチャ）
survivalcoding
ローカルDBを用いたキャッシング手法、CSV解析、Canvasを活用したカスタム描画を含むアプリをクリーンアーキテクチャで実装するサンプルを体験できます。
Intermediate
Flutter, iOS, Android
Flutter中級2編 - 実戦アプリ開発 - アメリカ株式アプリ（withクリーンアーキテクチャ）
survivalcoding


Flutter中級1編 - クリーンアーキテクチャ
survivalcoding
フラッターアプリにクリーンアーキテクチャを適用して、より良いコード、メンテナンスに最適なコードを書く方法を学ぶことができます。
中級以上に行くための必須講義です。
Intermediate
Flutter, iOS, Android
Flutter中級1編 - クリーンアーキテクチャ
survivalcoding


モダンアンドロイド - Jetpack Compose入門
survivalcoding
Jetpack Composeは、ネイティブUIを構築するためのAndroidの最新のツールキットです。 
少数のコード、強力なツール、直感的なKotlin APIを使用して、アプリをすばやく動的に実装できます。
Basic
Jetpack, Kotlin, Android
モダンアンドロイド - Jetpack Compose入門
survivalcoding


Javaデザインパターン
survivalcoding
Javaの開発を始めたが、いざ問題を解決しようとしたときに大変だと感じたら、デザインパターンを勉強する時です。 
GoFのデザインパターンのうち、私が個人的によく使うと思われる10のパターンを説明します。
Basic
Design Pattern, Java
Javaデザインパターン
survivalcoding


モダンなAndroid - KotlinとJetpackを活用する
survivalcoding
このコースでは、実務でよく使用される Kotlin と Jetpack のさまざまなライブラリを活用して、反応性が高く拡張性に優れた Android アプリを開発する方法を学びます。
Basic
Android, Kotlin, Jetpack
モダンなAndroid - KotlinとJetpackを活用する
survivalcoding


Flutter 初級 - Http通信、状態管理
survivalcoding
複雑なFlutterの状態管理、概念の整理がたった3時間でできます
Basic
Flutter, iOS, Android
Flutter 初級 - Http通信、状態管理
survivalcoding


Flutter入門 - Android、iOS開発を一度に (with Firebase)
survivalcoding
AndroidとiOSアプリ開発を、ひとつのコードで実現できるFlutter入門講座です。
Beginner
Flutter, iOS, Android
Flutter入門 - Android、iOS開発を一度に (with Firebase)
survivalcoding

`似ている講座`

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


Flutter中級1編 - クリーンアーキテクチャ
survivalcoding
フラッターアプリにクリーンアーキテクチャを適用して、より良いコード、メンテナンスに最適なコードを書く方法を学ぶことができます。
中級以上に行くための必須講義です。
Intermediate
Flutter, iOS, Android
Flutter中級1編 - クリーンアーキテクチャ
survivalcoding


Flutter中級3編 - 依存性注入ガイド
survivalcoding
Flutterにおける正しい依存性注入ガイド講座です。injectableパッケージを使ったDI活用法を紹介します。
Intermediate
Flutter, clean-architecture, dependency
Flutter中級3編 - 依存性注入ガイド
survivalcoding


誰よりも早く学ぶSpringboot + Flutter RestAPI掲示板作成
Neo
誰よりも早く学ぶSpringboot + Flutter RestAPI掲示板作り
Springbootでサーバー開発をしてFlutterで自分だけの掲示板を作ってみましょう！
Basic
Flutter, Kotlin, Spring Boot
誰よりも早く学ぶSpringboot + Flutter RestAPI掲示板作成
Neo


非専門家でも2時間でできるAI活用ゲーム開発: ゲーム開発核心原理完全攻略 (Flutter Flame, Gemini, Claude)
codebridge
この講義は、皆さんの漠然とした夢を現実にする最も速く確実な近道となるでしょう。今、あなたの想像力が最高のゲーム企画書になります。AIと一緒なら、まるでレゴを組み立てるように楽しく対話しながら、皆さんの初めてのゲームを完成させることができます。
Beginner
Flutter, Game Planning, game-programming
非専門家でも2時間でできるAI活用ゲーム開発: ゲーム開発核心原理完全攻略 (Flutter Flame, Gemini, Claude)
codebridge


AI時代、非専攻者も2時間でFlutterを学んで公共データ株式アプリ開発する方法（無料Gemini proバイブコーディング）
codebridge
コーディング、まだ一人でやっていますか？今やAIが95%を代わりにやってくれる時代です。この講義は複雑な文法暗記の代わりに、Googleの強力なAI「Gemini Pro」をあなたの24時間AI開発パートナーにする方法をお教えします。VS Codeで有料ツールCursor AIのように、無料でAIと対話しながらFlutterの基礎原理を学び、実務レベルのプロジェクトを通してアイデアを現実にしてみます。
Beginner
Flutter, Generative AI, Vibe Coding
AI時代、非専攻者も2時間でFlutterを学んで公共データ株式アプリ開発する方法（無料Gemini proバイブコーディング）
codebridge


Flutterで作るLLMチャットボット (feat. Gemini)
jasonkang
Flutterが初めてですか？ Flutter Contributorが最初から一つずつご紹介します！ Geminiを活用したAIプロジェクトでFlutter開発を始めてみましょう
Basic
Flutter, Chatbot, gemini
Flutterで作るLLMチャットボット (feat. Gemini)
jasonkang


非開発者が4週間で収益化サービスを作る：AIバイブコーディング ウェブ + アプリ ALL IN ONE
dingcodingco
コーディング知識不要！
あなたのアイデアをたった4週間で実際の収益に変えてみませんか。
AIと最新ツールを活用して、ウェブサイトとアプリを同時に作り、すぐにサービスまで連携します。
Beginner
Flutter, Next.js, cursor
非開発者が4週間で収益化サービスを作る：AIバイブコーディング ウェブ + アプリ ALL IN ONE
dingcodingco


初心者のためのDart Practice
ordinarydeveloper
Flutterを開発するにはDartを知る必要があります。 Dartの必須内容だけがコックコックを拾って練習し、身につける過程です。
Beginner
dart, Flutter
初心者のためのDart Practice
ordinarydeveloper


[Python初心者] Flutterで作成するChatGPT音声翻訳アプリ
huhjuang5228
Pythonを学んでいたのですが、どのように活用するのが大変な方のための講義です。プログラム基礎知識を99.9％活用！難しいコードを最小限に抑えて、基本的なサンプルコードを持つFlutter音声翻訳アプリに挑戦してください。 chatGPTと会話し、外国人の友達との会話を翻訳し、音声で画像を描き、ファインチューニングで会話アプリをアップグレードします。
Basic
Python, Flutter, ChatGPT
[Python初心者] Flutterで作成するChatGPT音声翻訳アプリ
huhjuang5228


[コードファクトリー] [入門] Dart言語4時間で完全征服
codefactory
このレッスンでDart言語を学ぶことで、Flutterを始めるのに十分なレベルにアップグレードできます。
Beginner
Flutter, oop, Functional Programming
[コードファクトリー] [入門] Dart言語4時間で完全征服
codefactory


開発するチョン代理ダート基礎文法
devjeongdaeri
Flutter開発で使われるDart言語を学ぶ講座です
Beginner
Flutter, dart
開発するチョン代理ダート基礎文法
devjeongdaeri

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

学習した受講者のレビュー

受講後に得られること

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

この講義の特徴

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

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

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

4⃣テスト可能なUI設計

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

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

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

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

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

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

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

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

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

`この講義を作った人`

`受講前の注意`

`練習環境`

`選手の知識と注意事項`

`ロードマップ`

`こんな方におすすめです`

`こんにちはです。`

`カリキュラム`

`受講レビュー`

`survivalcodingの他の講座`

`似ている講座`

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

学習した受講者のレビュー

受講後に得られること

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

この講義の特徴

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

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

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

4⃣テスト可能なUI設計

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

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

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

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

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

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

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

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

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

この講義を作った人

受講前の注意

練習環境

選手の知識と注意事項

ロードマップ

こんな方に おすすめです

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

カリキュラム

受講レビュー

survivalcodingの他の講座

似ている講座

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

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

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

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

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

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

`この講義を作った人`

`受講前の注意`

`練習環境`

`選手の知識と注意事項`

`ロードマップ`

`こんな方におすすめです`

`こんにちはです。`

`カリキュラム`

`受講レビュー`

`survivalcodingの他の講座`

`似ている講座`