Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Mobile Application Development

Flutter アプリ開発実践

実践Flutterプロジェクトを進めるのに必要な経験とノウハウを詰め込んだ授業です。単純な実装を超えて、視覚的にも、データ的にも一貫性があり、プロジェクトが大きくなっても持続可能なサービスを作る方法を学ぶことができます。

  • nell
개발자
플러터
flutter
하이브리드앱
앱개발
Flutter

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

こんなことが学べます

  • 必須の実践Dart文法

  • Flutterの動作原理を理解する上で必要な知識

  • 視覚的、データ的に一貫性のあるサービス作り

  • 持続可能なサービスを作る方法

Flutterアプリ開発、
基礎を身につけたなら実戦を学ぶ時です!📱

Flutter実戦プロジェクトで遭遇する問題たち🧐

#1.
FlutterとDartに関する
基礎知識が不足している。

すべてのFlutter開発者は知らず知らずのうちにBuildContextとInheritedWidgetを使用していますが、概念を正しく理解して使用している開発者は多くありません。また、Flutterの基盤となるDartとWidgetの動作原理を深く学習しなければ、理由と原理を知らないまま、かろうじて動作するコードだけを書くことになります。

#2.
最新技術を追いかけるあまり
文脈を見失う。

状態管理パッケージだけでも、GetX、Provider、Riverpod、Bloc、Cubitなど、継続的に新しい技術が登場しています。特に最近Flutterを始めた開発者たちは、StatefulWidgetが存在するのに、該当パッケージたちがどのような理由で登場し、なぜこのような方式で機能を提供するのか正確な理由を知らないため、パッケージの実装方法中心でのみ学習することになり、過去の文脈を適切に理解して使用することは困難です。

#3.
プロジェクトが大きくなるにつれて
コードの複雑度が上がる。

実際のプロジェクトを進めていると、プロジェクトが徐々に大きくなるにつれて、もはや手を付けるのが怖くなる場合があります。コードの複雑度が高くなりすぎて、変更事項がどのような問題を引き起こすか予想がつかない状況に至ったのです。プロジェクトを運営しながら発生する変更事項を反映する際によく直面する問題ですが、ここまで来られた方は、アーキテクチャを学ぶ番です。


講義目標 🎯

本講義は他のプロダクトを真似して作るクローンコーディングや、少し調べれば学べる特定のライブラリの使用方法を教えることに焦点を当てた講義ではなく、DartとFlutterに対する正しい知識を基に持続可能なプロジェクトを作ることを目標とします。


講義の特徴 ✔️

理由と原理を教えてくれる講義

Dartの動作原理とそこから派生する様々な問題を紹介し、これをどのように解決するかを最大限実務的で本質的な内容で扱います。また、数多くの状態管理パッケージがどのような問題を解決するために登場し、どのように問題を解決するかを学び、直接コードで実装してみましょう。

持続可能なサービスを作る講義

今回の講義は、単純に動作するアプリを作る段階を超えて、視覚的に、データ的に一貫性のあるサービスを実装し、プロジェクトが成長するにつれて増加するコードの複雑度を制御し検証する方法を扱います。これを通じて持続可能なサービスを作る方法を学びましょう。

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

本講義はFlutterアプリ開発シリーズの二番目の講義です。Flutterアプリ開発基礎講義は下記の講義を参考にしてください。


特別に準備しました ✨

Notion学習資料提供
永久保存
(セクション0. 講義資料参照)

Figma学習資料提供
👉 プレビュー

全体ソースコード提供
永久保存


こんなことを学びます 🎓

1. 実戦Dart文法

  • メモリ割り当てルール
  • 参照比較 & 値比較
  • 浅いコピー & 深いコピー
  • 不変オブジェクト
  • シリアライゼーション & デシリアライゼーション
  • コード生成パッケージ
  • finalとconstの違い
  • getter & setter
  • extends & mixin & extension

2. 状態管理

  • 状態管理理論
  • StatefulWidget
  • InheritedWidget
  • Provider
  • Riverpod
  • Cubit
  • Bloc


3. デザインシステム & レスポンシブUI

  • デザインシステム理論
  • カスタムテーマの作成
  • 多言語実装
  • オーバーレイ
  • GlobalKey
  • BuildContext
  • レスポンシブUI実装



4. MVVM & Test

  • MVVMアーキテクチャ
  • 関心の分離
  • データバインディング
  • 依存性注入
  • モックオブジェクト
  • Unit Test
  • Golden Test
  • Widget Test
  • 統合テスト
  • テストカバレッジ

こんなものを作ります 💫

1. 様々な状態管理の実習

2. グローバルサービスのための多言語実装

3. カスタムテーマの実装 - ライトテーマ

3. カスタムテーマの実装 - ダークテーマ

4. ディスプレイサイズの変更に反応するUI実装

5. MVVMアーキテクチャの実装

6. 単体テスト & ウィジェットテスト実装

7. 商品決済統合テスト実装


想定質問 Q&A 💬

Q. どの程度のレベルから受講できますか?

以下の基礎講義を受講された方であれば、ついてこられるように準備いたしました。

Q. Flutter最新バージョンで受講可能ですか?

はい!Flutter最新バージョンで受講していただけるよう、Notionの学習資料を常時アップデートしています :) 講義動画と異なる部分は講義資料を参考にしていただき、もし受講中に問題が発生した場合はいつでもオープンカカオトークにお問い合わせいただければ迅速にサポートいたします。(25.09.01 : 最終確認バージョン Flutter 3.35.2)

Q. Visual Studio Code(VSCode)で進める理由はありますか?

VSCodeはAndroid Studioよりもメモリ使用量が少ないため、より多くの方に受講していただけるようVSCodeを選択いたしました。また、VSCodeで提供されるほとんどの機能はAndroid Studioでもサポートされているため、少し検索していただければAndroid Studioでも同様にご利用いただけます。

Q. 受講期限が無制限ではない理由はありますか?

講義購入後、先延ばしにせず受講していただくために期限を設けており、受講期限の延長をご希望の場合は、いつでもdevstory.co.kr@gmail.comにInflearnのメールアドレスをお知らせください!講義資料は永久保存可能です😊

Q. どのような状態管理でプロジェクトを進めますか?

状態管理編では、StatefulWidget、InheritedWidget、Provider、Riverpod、Cubit、Blocの理論と実習を行い、デザインシステム及びMVVM編では講義はProviderで進めますが、RiverpodとBlocを使用したプロジェクトのソースコードを追加で提供しております。


こんな方に
おすすめです

学習対象は
誰でしょう?

  • 自分だけのカスタムテーマを実装したい開発者

  • 持続可能で一貫性のあるアプリを作りたい方

  • Flutterでの就職を希望される方

  • 自分だけのアプリサービスを本格的に作りたい方

  • 単なる実装を超えて持続可能なサービスを作りたい方

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

  • Flutter アプリ開発基礎講座

こんにちは
です。

1,763

受講生

141

受講レビュー

230

回答

4.9

講座評価

2

講座

カリキュラム

全体

125件 ∙ (14時間 23分)

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

受講レビュー

全体

30件

4.8

30件の受講レビュー

  • jsk0057797님의 프로필 이미지
    jsk0057797

    受講レビュー 11

    平均評価 3.9

    5

    100% 受講後に作成

    Một trong những bài giảng hay nhất. Tôi đánh giá cao nó. Bài giảng được đánh giá tốt nên tôi đã đăng ký và nhận nó. Tôi muốn học Flutter kể từ Flutter 2. Sau khi triển khai thành công một số chức năng mã hóa an toàn phải được triển khai để vượt qua quá trình xác minh bảo mật của công ty, Từ cuối năm ngoái, tôi đã tham gia một số khóa học về Cơ sở hạ tầng vì tôi muốn học Flutter đúng cách. Có rất nhiều điều cần học trong mỗi khóa học khi tham gia các lớp sơ cấp và trung cấp. Khi học Flutter mình gặp rất nhiều khó khăn trong việc quản lý state. Nếu tìm kiếm trên Internet thì có rất nhiều điều hay về quản lý trạng thái riverpod nên nếu tìm kiếm các bài giảng để học thì hầu hết đều được liệt kê là Nhà cung cấp. Khóa học này có những đánh giá tốt và một số phần quản lý trạng thái, vì vậy tôi đã đăng ký mà không do dự và nó rất tốt. Video bài giảng tập trung vào quản lý trạng thái nhà cung cấp, nhưng phiên bản quản lý trạng thái Riverpod cũng được tải lên Notion nên tôi đang học hỏi được rất nhiều điều. Mỗi khi gặp khó khăn, em lại cảm thấy tự hào vì mình đang trưởng thành từng chút một nhờ sự giải đáp tận tình và nhanh chóng của thầy. Tôi bắt đầu học viết mã ở tuổi 50 khi đang làm việc trong lĩnh vực lập kế hoạch dịch vụ. Kết quả là, có rất nhiều khó khăn mà bạn phải tự mình giải quyết mà không có sự trợ giúp, và bạn phải dừng lại rất lâu khi va vào tường rồi đi tiếp khi chúng đã được giải quyết. Tôi cảm thấy sợ hãi mỗi khi học một ngôn ngữ mới, nhưng tôi cũng đang học Flutter để theo kịp xu hướng. Ngay cả khi tôi có câu hỏi trên YouTube, tôi cũng không thể giải quyết được nhưng vì phản hồi nhanh chóng của DevStory đã giải quyết được vấn đề nên tôi cảm thấy như có một người trợ giúp đáng tin cậy ở ngay bên cạnh. Có một Kiến trúc sạch để tách giao diện người dùng và chức năng, nhưng có vẻ như nó cũng có thể được giải quyết dễ dàng bằng MVVM. Tôi đảm bảo rằng bạn sẽ thu được nhiều lợi ích hơn từ khóa học này khi tham gia khóa học trung cấp của Code Factory.

    • zerokim02152034님의 프로필 이미지
      zerokim02152034

      受講レビュー 4

      平均評価 5.0

      5

      64% 受講後に作成

      Bài giảng Flutter hay nhất! Khuyến khích. Tôi muốn giới thiệu nó cho những người sử dụng Flutter tại nơi làm việc và những người không phải là nhà phát triển Flutter nhưng chỉ muốn tìm hiểu nhanh các chức năng cần thiết và phát hành một ứng dụng phù hợp. Tôi nghĩ nó sẽ giúp ích rất nhiều cho những ai chọn Flutter làm dự án phụ vì nó giải thích các đặc điểm của Flutter một cách ngắn gọn.👍 Tôi đang phát triển một ứng dụng Flutter khi khởi nghiệp. Qua bài giảng vừa qua của DevStory, mình đã học được rất nhiều điều về cách code cũng như cách học, nhờ đó mà mình đã tham gia và chuyển đổi công việc ở vị trí app dev và đang phát triển tốt. Cho đến nay tôi chỉ phụ trách bảo trì nhưng hiện tại tôi đang phụ trách một dự án mới. Tôi nghĩ bài giảng này đã giúp ích rất nhiều trong việc duy trì ứng dụng mà tôi đã phát triển trong thực tế và như một ứng dụng Flutter thực tế. Đặc biệt, quản lý trạng thái, chủ đề, gói ngôn ngữ, v.v.. Tôi nghĩ nó giúp tôi rất nhiều trong việc quản lý ứng dụng của công ty vì có những thứ tôi cần ngay trong thực tế hoặc cho dự án của mình. Ai đã từng tham gia startup bằng Flutter chắc hẳn đã từng trải qua. Do tính chất của startup, cảm giác choáng ngợp khi phải miệt mài tìm kiếm các gợi ý để duy trì những đoạn code được viết vội vàng bởi các nhà phát triển trước đó hoặc các nhà phát triển thuê ngoài… Tôi thực sự xui xẻo. Nếu tốt, nhiều nhà phát triển sẽ sử dụng từng chức năng quản lý trạng thái, vì vậy bạn có thể gặp một ứng dụng có hơn 3 trạng thái quản lý trong một ứng dụng. Nếu bạn đã xem bài giảng này vào thời điểm đó, việc bảo trì sẽ không khó khăn như vậy. Có vẻ như vậy. Tôi thực sự muốn tạo lại ứng dụng nhưng tôi đã nhanh chóng rời công ty do hoàn cảnh và tôi thực sự muốn giới thiệu khóa học này cho các nhà phát triển hiện đang làm việc tại công ty đó. Có nhiều bài giảng Flutter khác rất hay nhưng phần đáng thất vọng là code và tài liệu học tập, nhưng trong bài giảng của Devstory thì UI code được chuẩn bị trước bằng Notion nên việc học rất hiệu quả vì bạn chỉ có thể lấy được logic cần thiết mà không cần dừng bài giảng. Cá nhân tôi nghĩ thật tốt khi cảm thấy có rất nhiều sự quan tâm dành cho học sinh trong lĩnh vực này. Và tôi nghĩ thật tuyệt khi bạn không chỉ cho chúng tôi biết nội dung mà còn cho chúng tôi biết cách thức và nơi tìm thấy thông tin này. Nếu trong công ty có người như thế này thì tôi đã không phải làm việc này một mình. Vì chúng tôi không có người quản lý nên tôi đã phát triển rất nhiều ở công ty và mỗi khi cảm thấy thua lỗ, tôi thường đến Infrun để nghe giảng và hỏi xem Devstory chưa được tải lên... Tôi kiểm tra và trở nên ủ rũ, và cuối cùng bài giảng cũng đã xuất hiện và tôi rất vui nên sẽ nói chuyện rất lâu. Nếu bạn là một nhà phát triển Flutter mới đang phân vân có nên tham gia khóa học như tôi đã làm trước đây hay không. Tôi khuyên bạn đừng lo lắng và hãy tham gia khóa học ngay lập tức. Nếu bạn cho rằng tôi thiếu kiến ​​thức cơ bản, sẽ thực sự hữu ích nếu bạn tham gia lớp học trước đó, giờ đây bạn sẽ có người hướng dẫn Flutter giỏi nhất. Tôi đang xem bài giảng hôm nay để phát triển dự án cá nhân của mình. Nó hữu ích cho ứng dụng của công ty, nhưng tôi nghĩ bài giảng này hay hơn vì có nhiều tính năng tôi muốn áp dụng cho ứng dụng cá nhân của mình. Tôi sẽ đợi bài giảng trung cấp và nâng cao tiếp theo của bạn, người hướng dẫn!

      • dsu33914850님의 프로필 이미지
        dsu33914850

        受講レビュー 1

        平均評価 5.0

        5

        42% 受講後に作成

        Có rất nhiều tài liệu trên YouTube hướng dẫn thực hiện từng bước một cách đơn giản, nhưng bài giảng này chứa rất nhiều nội dung cần thiết để sử dụng thực tế theo trình tự hợp lý. Đặc biệt, thực tế là bạn có thể xây dựng và suy nghĩ về kiến ​​trúc tổng thể, rằng bạn có thể áp dụng mẫu MVVM để tách từng mã và phát triển nó để bảo trì, và những thứ như đa ngôn ngữ, chủ đề và hệ thống thiết kế dường như khó học đúng cách bất cứ nơi nào. Và những lời khuyên hữu ích liên tục xuất hiện trong suốt quá trình. Tôi cũng đánh giá cao nó cho những người khác. Thực sự thì lúc đầu mình bị cuốn vào lịch trình và cố gắng chỉ nghe những nội dung mình cần (thực ra thì toàn bộ đều có trên YouTube...) nên có thể mình sẽ không nhận ra được giá trị đích thực của bài giảng này. Tôi nghĩ điều quan trọng là phải học lớp này từng bước một, hiểu nó một cách logic theo thứ tự. Sau đó, tôi đột nhiên nhìn thấy một khu rừng và tôi nghĩ mình thực sự có thể nâng cao trình độ với tư cách là một nhà phát triển.

        • gang0406gang0740님의 프로필 이미지
          gang0406gang0740

          受講レビュー 2

          平均評価 5.0

          5

          6% 受講後に作成

          Bài giảng thực sự... hay nhất trong tất cả các bài giảng về Flutter. Tôi đọc đi đọc lại bài giảng này trong một tuần và bắt đầu dự án ngay lập tức. Tất cả các chức năng tôi muốn tạo đều được đề cập trong bài giảng này, vì vậy tôi có thể phát triển chúng mà không gặp vấn đề gì. Đây thực sự là phần kết thúc của bài học Flutter!!

          • jdt님의 프로필 이미지
            jdt

            受講レビュー 5

            平均評価 5.0

            5

            100% 受講後に作成

            Tôi đã tham gia một số bài giảng để học Flutter. Hầu hết các bài giảng đều cho thấy rằng bạn có thể tạo một số ứng dụng bằng Flutter, nhưng tôi cảm thấy còn thiếu một điều gì đó... Đột nhiên, sau khi xem bài giảng cơ bản của `DevStory', tôi có cảm tình với Flutter. Tôi cũng đã tham gia một bài giảng thực tế... Đúng như mong đợi.~~~ ^^ Giải thích logic và rõ ràng! Tài liệu chuẩn bị chi tiết và phong phú cho Flutter! (Xin vui lòng xuất bản một cuốn sách bằng cách sử dụng các tài liệu bạn đã chuẩn bị... ^^) Hệ thống thiết kế và tái cấu trúc MVVM đặc biệt tốt... ^^ Tôi đặc biệt giới thiệu nó cho bất kỳ ai muốn học Flutter đúng cách. Bài giảng tuyệt vời! Cảm ơn Câu chuyện Dev... ^^

            ¥16,794

            nellの他の講座

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

            似ている講座

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