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、Block、Cubitなど、引き続き新しい技術が登場しています。特に最近Flutterを始めた開発者たちは、StatefulWidgetが存在し、そのパッケージが何らかの理由で登場し、なぜこのように機能を提供するのか正確な理由がわからないため、パッケージの実装方法を中心に学習することになり、過去のコンテキストを正しく理解して使用することは困難です。

#3.
プロジェクトが拡大
コードの複雑さが上がります。

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


講義目標🎯

このレッスンは、他のプロダクトに沿って作成するクローンコーディングや、少し探してみると学ぶことができる特定のライブラリの使い方を教えてくれることに焦点を当てたレッスンではなく、 DartとFlutterの正しい知識に基づいて持続可能なプロジェクトを作成することを目指しています。


講義の特徴✔️

理由と原理を教える講義

Dartの動作原理とそれに由来するさまざまな問題を紹介し、それをどのように解決するかについて、できるだけ実用的で本質的な内容を取り上げます。また、数多くのヘルスケアパッケージが問題を解決するために登場し、どのように問題を解決するかを学び、直接コードで実装しましょう。

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

このレッスンでは、単に動作するアプリを作成する段階を超えて、視覚的にデータ的に一貫性のあるサービスを実装し、プロジェクトが成長するにつれて増加するコードの複雑さを制御および検証する方法について説明します。これにより、持続可能なサービスを作成する方法を学びましょう。

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

このレッスンは、Flutterアプリ開発シリーズの2番目のレッスンです。 Flutterアプリ開発基礎講義は以下の講義を参照してください。


特別に準備しました✨

ノッション学習資料の提供
生涯所蔵
(セクション0.講義資料参照)

ピグマ学習資料提供
👉 プレビュー

完全なソースコードを提供
生涯所蔵


こんなことを学びます🎓

1.本番Dart文法

  • メモリ割り当てルール
  • 参照比較&値比較
  • 浅いコピー&深いコピー
  • 不変オブジェクト
  • 直列化と逆シリアル化
  • コード生成パッケージ
  • final & const 違い
  • ゲッター&セッター
  • extends & mixin & extension

2. 状態管理

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


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

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



4. MVVM & Test

  • MVVMアーキテクチャ
  • 興味の分離
  • データバインディング
  • 依存性注入
  • 模擬オブジェクト
  • ユニットテスト
  • Golden Test
  • ウィジェットテスト
  • 統合テスト
  • Test Coverage

こんなものを作るよ💫

1. 様々な状態管理実習

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

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

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

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

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

6.ユニット&ウィジェットテストの実装

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


予想される質問 Q&A 💬

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

下の基礎講義を受講された方がいらっしゃるように準備しました。

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

はい! Flutter 最新バージョンで受講いただけるようにノッション学習資料を常時更新しています :) 講義映像と他の部分は講義資料を参考にしていただきます (25.07.28: 最終確認バージョン Flutter 3.32.8)

Q. Visual Studio Code(VSCode)に進む理由はありますか?

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

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

レッスンを購入した後に先送りすることなく受講するように期限を設け、受講期限を延長したい場合は、いつでもdevstory.co.kr@gmail.comにInflearnメールをお知らせください!講義資料は生涯所蔵可能です:)

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

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


こんな方に
おすすめです

学習対象は
誰でしょう?

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

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

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

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

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

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

  • Flutter アプリ開発基礎講座

こんにちは
です。

1,762

受講生

141

受講レビュー

230

回答

4.9

講座評価

2

講座

カリキュラム

全体

125件 ∙ (14時間 23分)

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

受講レビュー

全体

30件

4.8

30件の受講レビュー

  • jsk0057797님의 프로필 이미지
    jsk0057797

    受講レビュー 11

    平均評価 3.9

    5

    100% 受講後に作成

    It is one of the best lectures. I highly recommend it. I applied for it because the lecture reviews were good. I wanted to learn Flutter since Flutter 2.X version, but I was lukewarm because I didn't have the confidence to solve secure coding with Flutter. After successfully implementing some of the secure coding functions that I had to implement to pass the company's security verification, I started taking many Inflearn Flutter lectures at the end of last year because I wanted to learn Flutter properly. I learned a lot from each lecture while taking the beginner and intermediate lectures. I had a lot of difficulties with the state management part that I encountered while learning Flutter. When I searched the Internet, there were many articles saying that Riverpod state management was good, so when I searched for lectures because I wanted to learn it, most of them were Provider. This lecture had good reviews and had various state management sections, so I applied without hesitation and it was great. The video lectures are centered on Provider state management, but I learned a lot because the Riverpod state management version was also uploaded to Notion. Every time I get stuck, I feel a sense of pride as if I am growing little by little thanks to the instructor's kind and quick answers. I started learning coding late in life at the age of 50 after working in service planning. As a result, I felt helpless and had to solve problems on my own without a mentor, and I had to stop for a long time when I hit a wall and then move forward once I solved it. I am afraid every time I learn a new language, but I am also learning Flutter to keep up with the trend. I can't solve my questions on YouTube, but DevStory's quick answers make it easy to solve them, so I feel like I have a strong mentor right next to me. UI and functional separation coding can be solved with Clean Architecture, but I think MVVM can also be sufficiently solved. I guarantee that you will gain much more if you take this lecture and Code Factory's intermediate lecture together.

    • zerokim02152034님의 프로필 이미지
      zerokim02152034

      受講レビュー 4

      平均評価 5.0

      5

      64% 受講後に作成

      The best Flutter lecture! I recommend it. I would like to recommend it to those who are using Flutter in the field and those who are not Flutter developers but want to learn only the necessary functions quickly and release a proper app. Since it explains the characteristics of Flutter in a concise manner, it will be very helpful for those who choose Flutter as a side project.👍 I am developing a Flutter app at a startup without a mentor. Through the last Devstory lecture, I learned a lot about the instructor's coding and study methods, and thanks to that, I have been hired as an app developer and have changed jobs, and I am growing well. I used to be in charge of maintenance, but now I am in charge of a new project.ㅎㅎ This lecture was a great help in my work and in maintaining the app I developed with Flutter. In particular, it covered state management, themes, language packs, etc., and there were contents that I needed right away in my work or for my project, so I think it was very helpful in managing my company's app. Those who have joined a startup with Flutter have probably experienced it.. The frustrating feeling of having to maintain the code that previous developers or outsourced developers wrote in a hurry due to the nature of startups by diligently finding hints.. If you are really unlucky, you may come across an app where multiple developers each use their own state management, so there are more than 3 state managements in one app. If you had come across this lecture at that time, maintenance would not have been so difficult. I really wanted to make an app again, but I quit my job quickly due to company circumstances, and I really want to recommend this lecture to the developers who are currently working at that company. There are many good Flutter lectures, but the part that I was disappointed with was the code or learning materials. In Devstory's lecture, the UI code is prepared in advance with Notion, so you can get only the necessary logic without stopping the lecture, making learning efficient. Personally, I think it is good because I feel that they are very considerate of the students in this area. And it is also great that they do not just tell you the content, but also tell you how to find this information and where to find it. If you have someone like this in your company, you won't have to dig alone like this. Since you don't have a mentor, you'll be developing at your company in a hurry, and whenever you feel lost, you'll often come to Infraon to listen to the lectures. I'll check if Devstory uploaded anything... and I'll be sullen and repeat that. Finally, the lecture came out, so I'm so happy that I'm talking for a long time. If there are any new Flutter developers who are hesitating whether to take the class or not like I did in the past... I recommend that you don't hesitate and take the class right away. If you think you lack basics, it will be really helpful if you take the previous lecture. By taking the class, you'll now have the best Flutter instructor as your mentor. I'm watching the lecture today to develop a personal project, and it's helpful for the company app, but there are many functions that I want to apply to my personal app, so I think this lecture is better. I'll be waiting for the next intermediate and advanced lectures, instructor!

      • dsu33914850님의 프로필 이미지
        dsu33914850

        受講レビュー 1

        平均評価 5.0

        5

        42% 受講後に作成

        There are many materials on YouTube for simply implementing each one, but this lecture contains a lot of content that is really necessary for practical work in a logical order. In particular, you can establish and think about the overall architecture, apply the MVVM pattern to separate each code and develop it for better maintenance, and it seems like it is hard to learn things like multilingualism, themes, and design systems properly anywhere. And useful tips keep coming up during the process. I highly recommend it to others. In fact, at first, I was pressed for time, so I tried to pick out only the content I needed (actually, all that is on YouTube..). If I did that, I might not know the true value of this lecture. I think it is important to understand this class logically in order and acquire the whole thing step by step. Then, I think I will suddenly see the forest and really level up as a developer.

        • gang0406gang0740님의 프로필 이미지
          gang0406gang0740

          受講レビュー 2

          平均評価 5.0

          5

          6% 受講後に作成

          The lecture is really... the best among the Flutter lectures. I read this lecture repeatedly for a week and started the project right away. Most of the functions I want to make are included in this lecture, so I'm developing it without difficulty. ㅎㅎ This Flutter lecture is really the end!!

          • jdt님의 프로필 이미지
            jdt

            受講レビュー 5

            平均評価 5.0

            5

            100% 受講後に作成

            I took several lectures to learn Flutter. Most of the lectures said that I could make some apps with Flutter, but I felt that something was lacking... Suddenly, I watched the basic lecture of 'Devstory' and got a feel for Flutter, and I took the practical lecture too... It was as expected.~~~ ^^ Logical and clean explanation! A huge and detailed preparation material for Flutter! (Please give me a book with the materials you prepared...^^) Design system and MVVM refactoring were especially good...^^ I highly recommend it to those who want to learn Flutter properly. Great lecture! Thank you, Devstory...^^

            ¥16,837

            nellの他の講座

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

            似ている講座

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