강의

멘토링

로드맵

BEST
Programming

/

Mobile Application Development

[コードファクトリー] [中級] Flutter 本物の実戦!

この講義では、ジュニアクラスのFlutter開発者が中級のFlutter開発者になるまでに必要な知識を短期間で学ぶことができます。

  • codefactory
Flutter
Hybrid App

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

こんなことが学べます

  • Flutter

  • Riverpodの状態管理

  • Pagination

  • JWTトークン管理と認証

  • Optimistic Response

  • JsonSerializable

  • GoRouter

  • Retrofit

  • Dioトークン管理の自動化

  • 本番OOP

  • Debounce and Throttle

中級フラッター開発者にアップグレードしたいですか?
信じてみるコードファクトリーの実務中心講義🖥

Kyobo文庫2023上半期のベストセラー著者が直接教える講義

コンピュータ/IT部門23位 TOP30以内唯一のアプリ開発書籍\

フラッターだけで2022年スーパールーキー達成!

大企業でも探す講義! レビューが証明する最高の講義を保証します!

🙋‍♂️受講前の注意事項


  • このレッスンは単に「配信アプリ」を作るために作られたレッスンではありません
  • コードファクトリー Flutter初級講義に比べて難易度が非常に高いです
  • 今回のプロジェクトでは、実際のサーバー連動の実感を育てるために、私が直接製作したNestJSベースのREST APIサーバーを提供します。

学習内容📚


1) Authentication(認証ロジック)

現代で最もよく使われるToken Authenticationの中でも、Refresh TokenとAccess Tokenを使って認証を進めるシステムを勉強します。


2) Pagination

Page ベースの Pagination と Cursor ベースの Pagination 理論を学んだ後、Cursor Pagination を OOP で効率的に解く方法を深く学びます。


3) JsonSerializable

JsonSerializableは、モデルを作成するときにJSONをオブジェクトとしてシリアル化するコードを書く必要がないようにします。


4) Retrofit

RetrofitはFlutterのCode Generationの中で最も便利なツールで、REST APIマッピングを自動的に行い、JsonSerializableと呼吸が非常に良いパッケージです。


5) RiverpodとCacheの管理

Riverpodに存在するすべてのProviderの使い方を学び、実践に適用することもできます。

6) GoRouter

アプリ/ウェブで使用されたルーティングライブラリであるGoRouterは、Dynamic Link、Deep Link、Redirect、Refreshルールなどの便利な機能を基に提供しています。


7) Debounce and Throttle

DebounceとThrottleは、サーバーの過負荷とアプリの最適化まで考えることができる重要な技術です。


8) Swagger

サーバー開発者がフロントエンド開発者とコミュニケーションするために最もよく使用されるドキュメンテーションツールであるSwaggerを使用して、API仕様を理解し、フロントエンドコードで消化する方法を学びます。


9) Optimistic Response

Optimistic Responseは、肯定的な応答を予測してキャッシュを更新する技術です。


紹介します、
プロジェクトスクリーン!

#1 スプラッシュスクリーン

最初のアプリを実行するときに必要な認証/検証ロジックとルーティングロジックを設定します。

#2 ログインページ

ログイン画面です。

#3 レストラン一覧ページ

レストラン情報をPaginationするホームスクリーンです。
PaginationとThrottleについて学び、直接実践に適用します。

#4 レストラン詳細ページ

レストランの詳細ページで注文する食べ物を選択でき、下にスクロールするとレストランのレビューも
閲覧可能です。カスタムスクロールビューを使用して、複数のスライバーリストを本番に適用します。

#5カートページ

選択した食べ物を確認できるショッピングカートの画面です。
Optimistic ResponseとDebounceの機能を学び、適用します。

#6 フードリストタブ

食べ物をリストで閲覧できるページです。
Pagination一般化と高度なキャッシュ管理機能を学びます。

#7 オーダーリストラップ

注文を照会できるタブで、Paginationの一般化を試してください。

#8 プロフィールタブ

ログアウト機能を持つ[プロファイル]タブ。


講義の一言 🎙

Flutterがリリースされた後、数多くの大規模で小さなプロジェクトを経験したことがあります。エンジニアリングの理解とプロジェクトを備えた無駄なコードを書いていくこともそれに劣らず重要です。

今回の講義は、実務経験が不足しているFlutter開発者がコードを書く際に円滑なコラボレーションとメンテナンスの観点からどのような悩みをすべきかを学習することができます。克服していき、より良いコードを書くことができるか心に直接感じるのに集中をしました。一度に実際のプロジェクトに適用して勉強します。


こんな方におすすめですよ🖐

今Flutter初心者のかさぶたを取り除いた状態で
一段階の知識レベルアップをしたい方

ある程度Flutterプログラミングについて知っていますが、
いざプロジェクトを始めよう


受講後期を集めました📜


最高のコミュニケーション🧑🏼‍🏫

毎週YouTubeライブを通じて質疑応答を受け、学生とコミュニケーションします!

YouTubeのライブプッシュ通知を受けたい場合は、以下のコードファクトリーYouTubeチャンネルを購読してください!

>コードファクトリーYouTubeチャンネルショートカット


コードファクトリー執筆本

Must Haveコードファクトリーのフラッタープログラミングブックは、私が長い間投資して直接執筆した本です!
初級講義とそなえる内容もあり、初級講義にはないFirebaseや広告などについての講義もあります!
EBookや実物書が好きな方におすすめです!
書籍は教報文庫、Yes24、アラジンなどメジャー書店でお会いできます!
下の画像をクリックして移動してください!


Q&A 💬

Q.コードファクトリー Flutter 初心者講義を必ず受講する必要がありますか?

コードファクトリーFlutter初級講義に準ずる知識があれば、追加で受講する必要はありませんが、コードファクトリーFlutter初級講義を受講したという仮定のもとで製作された講義ですので、すでに説明した概念は繰り返し説明しません。

Q.配信アプリを制作する講義ですか?

進行中のプロジェクトのコンセプトは配信アプリが正しいですが、配信アプリのUI/UXや機能の流れとは全く関係のない講義です。しないでください!

Q.この講義を受講すればどの程度レベルの開発者になることができますか?

一言で言えば、すぐに実務投入が可能なレベルになると思います。


もっとコードファクトリーの講義は?

[入門] Dart言語
4時間で完全征服

  • Dart プログラミング言語
  • オブジェクト指向プログラミング
  • 関数型プログラミング
  • 非同期プログラミング

[初級] Flutter 3.0アプリ開発
- 10個のプロジェクトで初心者脱出!

  • Dart 言語マスター
  • FlutterできれいなUIを制作
  • SQLiteデータベース活用機
  • 動画プレーヤーアプリの制作

【中級】 Flutter 本当本番!
重水になるための必須スキル

  • GoRouter
  • JsonSerializable
  • Dioトークン管理の自動化
  • Debounce and Throttle

その他の事項✔️

(1)助けて学ぶことができる他のチャンネル!

🏭コードファクトリーYouTube
🔥コードファクトリーDiscord
💬コードファクトリーカカオオープントーク

(2) 講義用に共有される画像

講義で私が提供しているイメージは有料で直接購入したイメージです。私は創作物を作って配布する権利を購入しましたが、皆さんは決して他人やインターネットにイメージを配布してはいけません!著作権違反で法的問題が発生する可能性があるため、勉強する用途以外に画像を使用しないでください。

(3) 質問する方法

プログラミングを学びながら本当に素早く実力を増やすことができるのは、正しく正確な質問をする方法を覚醒させることです。プログラミングの性質上、コード全体を見るのは難しいです。だから問題になるウィジェットのコードを丸ごと上げた後「これはダメです!」すると、私は答えをするのが難しいです。
質問をするときは、下の3段階でよくまとめてお届けいただくと、はるかに早くコミュニケーションして回答できます!

1️⃣私が考えたときにどのように動作するべきか
2️⃣現在どのように機能するか
3️⃣正確なコードの位置とどんな問題が生じるのか(例まであれば👏)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 難しいコンセプトでも繰り返し受講して吸収する自分がいる方

  • フラッター開発能力を一段階アップグレードしたい方

  • コードファクトリーFlutter初級講義を完全に吸収された方

  • 実務プロジェクトを体験したい人

  • 会社にシニアエンジニアがないジュニア開発者

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

  • Flutter ジュニア開発者レベルの知識

こんにちは
です。

28,342

受講生

1,541

受講レビュー

1,897

回答

5.0

講座評価

6

講座

안녕하세요 프로그래밍 강사 코드팩토리입니다!

코드팩토리 통합 링크
https://links.codefactory.ai

 

🏭 코드팩토리 유튜브 바로가기
🔥 코드팩토리 Discord 바로가기
💬 코드팩토리 카카오 오픈톡 바로가기

 

💼 주식회사 코드팩토리 대표

 

🏆 2023년 인프런 베스트셀러 수상

🏆 <<Must Have 코드팩토리의 플러터 프로그래밍>> 서적 2023 상반기 교보문고 컴퓨터/IT 부문 베스트셀러 23위

🏆 AWS Certified Developer Associate

🏆 AWS Certified Solutions Architect

カリキュラム

全体

147件 ∙ (21時間 6分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

168件

4.9

168件の受講レビュー

  • kayjay님의 프로필 이미지
    kayjay

    受講レビュー 1

    平均評価 3.0

    3

    98% 受講後に作成

    フラッター良い講義ありがとうございます〜 講義を聞きながら残念な点が多く、長く書いています。 まとめ - フラッターでアプリを作る講義としては素晴らしいですが、フラッターを理解するには? -------------------------------------------------- ---- 全受講評 フルーターコードを絞る速度を見ると、関連する作業をたくさんしたようですが、それに比べて全体的なプロジェクト設計能力や経験、IT知識などがやや不足している感じでした。もちろん就学生の方や学生の方が聞くには十分だと思うが、ある程度経歴のある開発者が聞くには中途半端な概念説明が間違った部分やプロジェクトをなぜこのように構成したのか?という考えがたくさん聞きました。 講義聞きながら最初は質問することで文を残しましたが、これを書き続けると講義進度が出てこないようで、別にメモしながらただ講義を渡しましたね。一旦少ないものは以下の通りです。 - 認証プロセスの説明の中でトークンまたはセッションの理論の説明が不足 ->これは質問に残る - プロジェクト構造を取得する際の詳細な説明の欠如。フラッターでどのパターンを使用しているのかを少し聞きたかったのですが、説明なしでリポジトリを作成し、プロバイダーを作成します〜 - 提供されたサーバー API の response 形式が正しくありません。ページングをしていなかったレスポンスモデルが同じでなければ開発しやすいのにページングあるのはdataで一度包んで下げてくれ、ないのはただサッと下げると、これはクラでも共通で管理することができないので、とても不便なのに、、 - Dioインターセプターを作るときには、ただのルールです〜&#x27; - 中途半端な "oop を知っていれば、," - ネーミングが全体的に合わない。同じ画像URLフィールドも imgUrl , imageUrl 二つ , user_model は userModel で camel として使用するが username は なぜ userName で使わないのか分からない - 講義後半に行くほど同じ言葉を繰り返す区間が増える。ビデオ編集のためだと思いますが、同じ言葉を繰り返すセクションもあります。 - gorouterチャプター後、突然UerMeRepositoryに倒れた。以前の講義でUserModelは作らなかったのです。講義が欠けているようです。 ... 上記のような内容のため、実際に講義を聞くよりは、講義の初めに何をやってみましょうか? (+執筆した本も購入してみましたが、何か大きい会社のプロジェクトを経験したことがないという感じがします。) 講義を聞きながら受講坪は抱きしめる方ですが、講義の途中でこんな言葉をあまりにも多く書いて書いてみました。 &quot;これはプロジェクト、チーム、人によって異なりますので、このコードとは異なる方法があります&quot; &quot;これはこれができませんか?と言うと、私は発言はありません。&quot; などのタックルに対して防御的な言葉をたくさんいただきますが、講義を聞く立場ではむしろ否定的に聞こえます。さまざまなプロジェクト経験があれば、さまざまな例を説明しながら、このような方法あんな方法があると説明することができるようですが、そうでないので、このようなことを言うように見えます。むしろ言及はしなかったらもっと良かったようですね。 そして&quot;お金をあげて売る講義なので、すべてお知らせします&quot;という言葉もたくさんありますが、説明が悪すぎます。講義を聞きながら内部コードを見てみるのにもっと時間がかかったようですね。私が考えると、「中級」であれば、内部的にコードがどのように戻るかまで説明されることを期待していますが、中がどのように戻るのか分からず、ただあるものを取り込む講義でした。 今後の講義では、さまざまなプロジェクトの例や内部ロジックなどの説明も追加されたらと思います。

    • codefactory
      知識共有者

      こんにちは!残念ながら感じた部分を満たしていないので申し訳ありません。真正性のある受講評に私も多くの反省をするようになりますね!今後さらに発展する様子お見せします。講義聞くのに苦労しました。ありがとうございます!

    • 私も受講中ですが(まだ1割程度の受講ですが)、この受講評価を見て、すごく共感できました。 就活生に良い講義だと思います。 通常は全講義修了したら受講評価を書くのですが、私もこの方と同じく共感点が3点ほどあったため、 私のせいで受講スコアが下がるのは望まないので、このコメントを受講評価だと思って書きます。

  • jamescode73422님의 프로필 이미지
    jamescode73422

    受講レビュー 2

    平均評価 5.0

    5

    29% 受講後に作成

    本当に完璧に近い講義です。講義名が「中級」と呼ばれていますが、「中級・高級」と言っても無防備なほど講義の内容がしっかりしています。まさに実務で適用可能な内容がほとんどなので、現業Flutter開発者の方はもちろん、就職を準備している方には本当にぴったりな講義といえます。 率直に言って、このクオリティの講義がこの程度の価格で学ぶことができるというのは本当に食べ物です。 開発を15年以上やってきた私だけでなく、1-2年でも実務をしてみた人は、おそらく何を言うのか知っています。 こうして詳細に知らせてくれる人がどんな会社に通っているのかというと、私は「あなたの給料をみんなその人に与えても1年だけ学んで来て」と心から慰め助言してくれます。 良い射手に学ぶほど速い成長はありません。開発者として本当にしっかりと成長するには、学ぶ人の姿勢と情熱も明らかに必要ですが、すでにその道を歩いてきたベテランが最適なコースで案内してくれれば、もっとうまくいきません。 Flutterは数年前から騒がれていましたが、まだ中高級人材が不足しています。私が考えるためにこの講義を繰り返し聞いて、すべてを自分のものにマスターするなら、本当に良い条件で楽しく働けるようになります。会社のプロジェクトだけでなく、作ろうとするアプリもどっしりとするほど実力向上になるでしょう。 私はフラッターを勉強しようと書店で売っているほとんどすべての本を購入し、オンラインクローンコーディングもたくさんありました。他のプラットフォームでフラッターについて本当にじっくりと教えてくれる講義も聞いてみました。ところでこれが一番便利です。最も実用的で、最も苛性比があります。これを先に学び、不足している部分を満たしていくことを心からアドバイスします。 続いて講師様に心から感謝いたします。

    • codefactory
      知識共有者

      ありがとうございますㅠㅠいつも応援してくれる受講生の方のためにもっと頑張って講義を制作することになりそうです。次はぜひもっといい講義撮りましょう!

  • sbw91303643님의 프로필 이미지
    sbw91303643

    受講レビュー 4

    平均評価 3.0

    5

    69% 受講後に作成

    他サイトでフラッター講義を一つ聞いてフラッターということを始めました。サイトや講師分言及はしませんが。 その講義を聞いて不満が本当に多かった。ただ、ヤングタを練習する気分だったし、クエリへの答えも涼しくなかった。そう講義をすべて聞いたが、私が得たのはヤングタの実力。それ以上ではありませんでした。 以後、一人でグーグルをして息*で1:1課外も申請して個人プロジェクトを一つ試してみました。そのコードを今まで見れば本当.. 言葉も出ないくらいに粗雑で、なぜこんなに絞りたいと思うほどに乱雑です。結局、お金だけを使って正しく学ぶことができなかったんです。 個人プロジェクトの進捗があまりにも進んで別の講義を探し始めたし、その時見つけたのがコードファクトリー様の講義でした。当時、コードファクトリー様の講義と他の講義のひとつの中で悩んでいましたが(コパック様の講義が2つだったので…ちょっと悩んでいましたね……ㅎㅎㅎㅎ)その時、コパック様の講義を聞くことになったのが本当の幸運だとしか思いませんね。 4時間ダーツ講義を聞いた時も、初級講義を聞く時もウィンドウを使ってビルド速度やセッティングエラーのために食べたこと。今はMacBookでやっていてとても涼しいですねㅎㅎ そのように初級講義を一度聞き、率直に聞く時は理解がうまくいかない部分も多くて質問も数回してグーグルもたくさんやってみてどうして進めました。その間、個人プロジェクトも着替えて再び進行中です。 私が初級講義を聞いて本当の実力が増えた増えたんだと気付くようになったのが今中級講義を聞くようになった直後でした。 初級講義に初めて触れるときは、コードをすべて書いて対照してみて、理解して従うことに忙しかったが、中級講義の序盤部分、UI部分やスクリーン部分を作る基本的な部分は画面を見ず、講師様が言うことだけ入っても従うことを見てはああ!本当初級講義の効果があったんだな!ということをしっかり悟りましたね。 まだ残りの分量が多く、難しい部分は始まらなかったでしょうが、中級講義もやはり講師様を信じて追いつくと、頑強後には私も知らない新しいレベルアップになっていると確信しています。中級鋼の序盤部分ですが最後まで落ち込むことなくよく続いて進んで私も自分できれいなコードを作れるコパック様の弟子開発者になってみます!

    • codefactory
      知識共有者

      ありがとうございますㅠㅠ本当に私にとっては大きな力になる受講評です!より良い講義を作るように努力します!

  • harashow884974님의 프로필 이미지
    harashow884974

    受講レビュー 4

    平均評価 4.5

    5

    58% 受講後に作成

    本当に待っていた講義がいよいよ出てきましたね。出るとすぐに川の走っているのに内容があまりにも気付いて待ってやりがいがあります。 現業アンドロイド開発者なのに、今年末からフルーターで小規模プロジェクトを複数連続して行わなければならない状況で、ダート講義とフルーター初級講義を聞いて、個人プロジェクトを進めていました。一人で足りない部分があったので、他のflutter中級講義を聞いたが、川の構成やレベルで残念な部分が多すぎました。 幸い、プロジェクトを進める直前に中級講義が上がってすぐに聞いていますが、本当に本当に内容構成が良く、講義の準備が完璧です。掲示板に中級講義がいつ上がるのかと見ていたのですが、より完璧に準備してもらうと時間がかかると言われました。 ありがたい気持ちにして書いていますが、もしも受講前にお悩みの方がご覧になれば、ただすぐに受講してください!

    • codefactory
      知識共有者

      ありがとうございます!もっと良い講義を作れるように頑張ります!

  • apswtrare1695님의 프로필 이미지
    apswtrare1695

    受講レビュー 4

    平均評価 5.0

    5

    5% 受講後に作成

    初級から聞き始めて中級まで聴いています。 フラッターが急になったときは終わりました。 基礎から一つ一つ扱ってくださるからこれ本当に感謝してどう感謝挨拶を伝えるべきか分からないですね。 高級講義もお待ちしております><!

    • codefactory
      知識共有者

      ありがとうございます!たくさん助けて欲しい!

¥15,870

codefactoryの他の講座

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

似ている講座

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