강의

멘토링

로드맵

BEST
Programming

/

Mobile Application Development

Flutter アプリ開発実践

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

  • DevStory
개발자
플러터
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,810

受講生

148

受講レビュー

233

回答

4.9

講座評価

2

講座

カリキュラム

全体

125件 ∙ (14時間 23分)

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

受講レビュー

全体

32件

4.8

32件の受講レビュー

  • jsk0057797님의 프로필 이미지
    jsk0057797

    受講レビュー 12

    平均評価 3.8

    5

    100% 受講後に作成

    最高の講義の一つです。イチオシです。 講義評が好きで申請して聞きました。 フラッターを学びたい気持ちはFlutter 2.Xバージョンの時からでしたが、フラッターでセキュアコーディングまで解決する自信がなくて未来的でした。 会社のセキュリティ検証に合格するために必ず実装する必要があるセキュアコーディングの一部の機能の実装に成功した後 昨年末からフラッターをきちんと学ばなければならないインフラのフラッター講座を多数聴いています。 初歩講座、中級講座を聞きながら講座ごとに学ぶことが多いです。 フラッターを学びながら接する状態管理の部分で多くの苦労を経験しています。 インターネットで検索するとriverpodの状態管理が良いという内容が多く、学びたくて講義を検索するとほとんどProviderになっています。 本講義は講義評価も良く、いくつかの状態管理セクションがあり、迷わず申請して聞いたのですがとても良いです。 動画講義はProvider状態管理中心になっていますが、Riverpod状態管理バージョンもノッションにあげてくださって本当にたくさん学んでいます。 詰まるたびに講師様が親切で迅速な回答のおかげで、少しずつ成長するような気持ちが感じられます。 私はサービス企画業務をしてから遅れた50歳でコーディングを学び始めました。 そういえば射手なしで一人で解決していかなければならない幕屋、壁にぶつかると長い間止まって解決すれば進度出てくる多くの難しさ。 新しい言語を学ぶたびに恐怖が先に進みますが、トレントを追いかけようとフラッターも学んでいます。 YouTubeには気になっても解決できないのに、デブストーリー(DevStory)さんの迅速な回答に手軽に解決されるのですぐそばに心強い射手を置いた気分です。 UI と機能分離コーディングには Clean Architecture がありますが、MVVM でも十分に解決できるようです。 本講義とコードファクトリー様の中級講義を一緒に受講すれば、はるかに多くを得ることができると大胆です。

    • zerokim02152034님의 프로필 이미지
      zerokim02152034

      受講レビュー 4

      平均評価 5.0

      5

      64% 受講後に作成

      最高のフラッター講義!おすすめです。 フラッターを現業で使う方、そしてフラッター開発者ではありませんが、素早く必要な機能だけを学び、きちんとしたアプリをリリースしたいという方におすすめいたします。フラッターの特性を核心だけ見て説明してくれてサイドプロジェクトでフラッターを選んでくださる方にも多くのお役に立てそうです。 👍 私はシューティングゲームのないスタートアップでフラッターアプリを開発しています。前回のデブストーリー様講義を通じて講師様がコーディングする方法、勉強する方法をたくさん学んでおかげでアプリ開発者として入社もして離職もしてよく成長中です。その間、メンテナンスだけを担当していた私は今新しいプロジェクトを担当しました。 今回の講義では、実務で、実際のフラッターアプリで開発したアプリをメンテナンスするのに大きな助けになったようです。特にステータス管理、テーマ、言語パック、その他など.. すぐに実務で、あるいは私のプロジェクトにすぐに必要な内容があって、私は会社のアプリ管理に多くの役に立ったようです。フラッターでスタートアップに入社してみた方はみんな経験してみましたでしょう。よかったら、複数の開発者がそれぞれの状態管理を使って、1つのアプリに3つ以上状態管理が存在するアプリに会うことができます。私は本当にアプリを再作成したいと思うが、会社の事情に早く退社したが、今その会社に通っています。 他のフラッター講義もあまりにも良い講義が多いが、どうしても残念だった部分がコードや学習資料でしたがデブストーリー様講義ではノッションでUIコードはあらかじめ用意していただき、講義を止めることなく必要なロジックだけ得ることができ学習が効率的です。個人的にこんな部分で受講生たちをたくさん気になっていたのが感じられていいと思います。 そして、ただ内容だけを教えてくれるのではなく、どのようにこの情報を見つけることができるのか、どこで見つけることができるのか教えてくれるのもとても良いようです。会社にこういう死水分がいらっしゃるとこんなに一人で挿せなくてもいいそうです。射手がいないので、会社でウダンタンタンを開発し、幕を閉じるたびにインフラストラクチャに来ています。過去の私のように受講するかどうか悩んでいるフラッター新入開発者たち..受講をお勧めします。私が基礎が不足している人は、以前の講義を聞いてくれれば本当に助けになります。 個人プロジェクトをデベロップするために今日も講義を見ていますが、会社アプリにも役立ちますが、私の個人アプリにも適用してみたい機能が多く、今回の講義がより良いようです。次の中級、高級講義もお待ちしております講師様!

      • dsu33914850님의 프로필 이미지
        dsu33914850

        受講レビュー 1

        平均評価 5.0

        5

        42% 受講後に作成

        単に一つ一つ実装するのはYouTubeにも資料があふれていますが、この講義は本当に実務に必要な多くの内容が論理的な順番に盛り込まれています。特に全体的なアーキテクチャを立てて悩むことができる点、そしてMVVMパターンを適用してそれぞれコードを分離してメンテナンスに有利に開発できるという点、多言語やテーマ、デザインシステムのような点はどこでもきちんと学びにくい内容のようです。 そして、過程で役に立つヒントも出続けます。他の方にもおすすめです。 実は私は最初に日程に追われて必要な内容だけを選んで聞こうとしました。この授業は、順番に論理的に理解しながら、全体をじっくりと習得することが重要なようです。それでは何か突然森が見えて本当に開発者としてレベルが一つ上がることができると思います。

        • gang0406gang0740님의 프로필 이미지
          gang0406gang0740

          受講レビュー 2

          平均評価 5.0

          5

          6% 受講後に作成

          講義が本当…フルーター講義の中で最高です。一週間、この講義を繰り返し回読し、すぐにプロジェクトを始めました。 なんとなく作りたい機能はここの講義に溶け込んで無理なく開発していますㅎㅎ 本当にフルーター川のこれ一つで終わり!!

          • jdt님의 프로필 이미지
            jdt

            受講レビュー 5

            平均評価 5.0

            5

            100% 受講後に作成

            フラッターを学ぶためにいくつかの講義を聞きました。 ほとんどの講義がフラッターでいくつかのアプリを作ることはできますが、何か不足していることを感じていました... ふと'デブストーリー'さんの基礎講義を見て、フラッターに対する感を掴むようになり、 本当の講義も聞いたところ... やっぱりです。~~~ ^^ 論理的でクリーンな説明! フラッターの膨大で繊細な準備資料! (準備された資料で本も少し出してください...^^ ) デザインシステムとMVVMリファクタリングは特に良かったです…^^ フラッターをしっかり学びたい方には強くお勧めします。 素晴らしい講義! ありがとうございます。デブストーリー... ^^

            ¥17,064

            DevStoryの他の講座

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

            似ている講座

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