강의

멘토링

커뮤니티

BEST
Programming

/

Mobile Application Development

[Blocアプリ]本番アプリを作成する(書籍レビューアプリ):SNSログイン、Firebaseの適用、Blocステータス管理、GoRouter

単純なクローンコーディングではなく、実戦アプリを作ってみて、フラッター状態管理Blocを訓練することが目的である講義です。

難易度 中級以上

受講期間 無制限

  • devman
실습 중심
실습 중심
클론코딩
클론코딩
모바일앱
모바일앱
flutter
flutter
Flutter
Flutter
bloc
bloc
Firebase
Firebase
실습 중심
실습 중심
클론코딩
클론코딩
모바일앱
모바일앱
flutter
flutter
Flutter
Flutter
bloc
bloc
Firebase
Firebase

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

受講後に得られること

  • Flutter

  • Blocステータス管理

  • GoRouterを使用したルート処理

  • Dioの活用 Naver Open APIの使用

  • Firebase Database

  • Firebase SNS ログイン (Google, Apple)

フラッターBlocは実務にどのように使用されますか?
このレッスンで確認してください!

シンプルなユーティリティアプリは作成できます...
さまざまな機能を備えた規模のあるサービスアプリは、どのように作成できるのか悩んでいますか?

単純なフォロー式クローンコードNO!Flutter Blocによる状態管理
Naver Book APIを活用した本レビューアプリを作成!

今回の講義は?

  • 実務で使えるさまざまな機能を盛り込んで、一緒に開発し学習できるようにしました。
  • 単にコードを入力して従う方法ではなく、構造の説明やフローなどを説明してアプリを作っていくことができる不思議な点を取り上げました。
  • Naver open APIを申請して活用する方法Firebaseを活用して、データベース認証システムやファイルアップロードなど、本番で活用できる機能を学習できるように整理されました。

学習内容📚

1. プロジェクト設定

  • プロジェクトの作成とGithubの連携
  • 初期フラッタープロジェクト依存性
  • 基本的なプロジェクトフレーム設定
    • フォルダ構造の説明
    • アプリの実行 Flow 説明
    • デフォルトルート設定

2. 外部連動

  • Naver Open API Book api アプリケーションと Post Man を活用する api の使用
  • Firebaseプロジェクトの連動と設定
  • Naver Open APIとFirebaseデータフロー説明
  • DioによるNaver Open APIの設定

3. Splashページ/アプリ紹介ページ

  • アプリの実行時に常に向き合うページと、アプリの最初の実行時にアプリを紹介するページを簡単に作成します。

4. SNSログインと会員登録

  • Firebase SNSログインGoogleとAppleを設定します。
  • GoRouterを使用して、ログインと会員登録の状態に応じて自動ルーティングする方法を学びます。
  • 簡単な情報で会員登録を進めますが、プロフィール画像も入力してファイルをアップロードする方法も学びます。

5. 検索

  • ネイバーブックAPIを介してデータを受け取り、画面を作成します。
  • Naver Open APIのPaginationを見て、ページング処理を行う方法を学びます。

6. 本の詳細ページとレビューを書くページ

  • Naverbook APIに基づいて詳細ページを作成します。
  • レビュー情報があるときとないときの画面を構成し、レビュー作成機能まで適用してみます。

7. レビュー詳細ページ

  • 会員レビューを確認できるページを作成します。
  • 他の人の共感を得るために良い機能を適用してみてください。

8. 会員ページ

  • 会員ページでどの作品をレビューしたかを確認できるようにします。
  • レビュー情報が好きなメンバーの情報を今後も確認できるように、お気に入り機能を通じてフォロー/フォロー機能を実装してみます。

9. ホーム画面

  • 最新のレビューア情報/人気のレビューアトップ10情報でホーム画面を整理して作成します。
  • PageViewを介して水平方向にリストするウィジェットを作成します。

番外編 - 1編

  • 番外編でお気に入りのレビューアの投稿だけを確認できるページを作成します。
  • ホーム画面で最新レビューTOP10しか見られなかった部分をもっと見るメニューを通じて、より多くのレビューを最新の順序で確認できるように構成をします。

番外編 - 2編

  • レビューアページからマイページにアクセスするとき、お気に入りメニューの代わりに設定メニューを介してニックネーム、一行紹介、プロフィール画像を変更できるように改善します。
  • ログアウトボタンを使用して他のアカウントにアクセスできるように改善します。

予想される質問 Q&A 💬

Q. フラッターの最新バージョンは互換性がありますか?

レッスンの準備の時点で、Floterの最新バージョン3.10.0で作業していました。

Q. フラッター入門者も理解できますか?

プロジェクト作成からフォルダ構成、画面構成する基礎的な部分も扱うが、アプリ作成の核心となる状態管理やAPI活用などに取り組むため、多少難しく感じられることはありますが、入門者でも「Blocマスターコース基礎から応用まで」の映像を通じて学習を終えたら十分この講義を通じて実力を高めることができるだろう。マスターされていないので、繰り返し学習することをお勧めします。

Q. 状態管理を Bloc に選択した理由はありますか?

アプリ開発において状態管理は必須です。状態管理を助けるライブラリがたくさん存在しますが、アプリは開発することができますが、Blocを通じて講義を作った理由は、国内/海外コミュニティの場合、最も適切な状態管理で断然Blockとしても、Bocでもたくさんありましたが、今回の講義ではBlocを選び、無料講義の「Blocマスターコース基礎から応用まで」もBloc基盤で制作しました。

Q. Blocをよく知らなくても、今回の講義を通じて学べますか?

今回の講義は、Blocの使用に慣れるための目的のプロジェクトですので、Blocの説明は省略します。

Q. 番外編とは何ですか?

番外編は既存計画していた機能ではありませんでしたが、講義を準備しながら、番外編の機能まで含めると、受講される方に役立つようになります。

Q. 使用されたソースは提供されますか?

アプリを作成するためのデザインリソースと完成したフルソースも提供されています。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 簡単なアプリくらいは作ってみましたが本番アプリを作るのに助けが必要な方

  • Blocステータス管理を本番アプリでどのように活用するかを学びたい人

  • 1人の開発者でアプリをサービスしたい人

  • [フラッター状態管理] Blocマスターコース基礎から応用まで!講義を学んだ方

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

  • [フラッター状態管理] Blocマスターコース基礎から応用まで!無料講義学習後に受講してください。 (基礎Blockの使い方については扱いません。)

こんにちは
です。

1,613

受講生

38

受講レビュー

62

回答

4.8

講座評価

2

講座

프로필

블로그 : 개발하는남자 블로그

유튜브 : 개발하는남자 유튜브

깃허브 : 개발하는남자 깃허브

소개

개발을 즐기는 사람이 되고 싶은 개발자.

안녕하세요 개발하는남자 개남입니다. 

이력

2024.07 📚 개발하는남자의 핸즈온 플러터 책 출간

2023.07 💻 인프런 플러터 Bloc 응용 강의

2023.03 💻 인프런 플러터 Bloc 기초 강의 

カリキュラム

全体

57件 ∙ (13時間 56分)

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

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

受講レビュー

全体

14件

4.7

14件の受講レビュー

  • 0114148033님의 프로필 이미지
    0114148033

    受講レビュー 7

    平均評価 5.0

    5

    100% 受講後に作成

    今は一周して受講評を残します。 市中にあまりない講義も多く、まともな講義も多く、数多くの書籍やサイト、講義を見ました。 BlocパターンのCubitベースのこの講義は本当におすすめです。 講義をすべて聞いて実習を終えた状況で感じた点数字を書き留めます。 <利点> 1> Flutter で知っておくべき重要な知識をほとんどほとんどダルーム ~ Firebase Authentication、Cloud Firebastore、Firebase Storage 〜状態管理:Cubit ~ 重要なコントロール: PageView, SliderBar 〜モデリング:JsonSerializable、Equatable 2>講師の情熱グッド! 〜Flutter初心者になるべく詳しく説明してもらう意志。 〜エラーの少ないサンプル &lt;残念な部分&gt; 〜ある程度フラッターに触れた人には整理が少しできていない感じ 例)一つのソースを一度に終わらず、機能追加による修正と改善が頻繁 もちろん欠点がある人が見るには長所になることもありますが、 全体的な総評は本当に素晴らしい講義だと思います。 講師様の努力と伝えようとする意志をたくさん感じることができました。 さらに講義が計画されている場合は、以下の部分を取り上げてほしいと思います。 〜Google、Apple以外のソーシャル認証(email/password、カカオ、YouTube、..) ~ Cubitの代わりにBlocで処理 ~各種使えるパッケージ、コンポーネント紹介 ~ 認証プロセスの他の例 ~ ページング処理の他の使用例 最後に、良い講義を提供していただきありがとうございます。 おかげでこれまで気になっていた部分がたくさん解消になりました。

    • devman
      知識共有者

      011414さん、誠にありがとうございました。また、長所と惜しい部分まで教えてくださると、足りない点がどんなものか分かりました。講義を準備しながら、できるだけ簡単で理解を与えるために努力しながら作りましたが、その部分を感じましたが、これより良い受講評はないようです。最近^^:;個人的な問題でYouTubeやインフラ講義などを作業できていない実情ですがこんなに良い評価を読んでみると力が出ますね~! 個人的な問題は今後3ヶ月以内に解決される予定であり、その後、さらにリクエストいただいた内容をインフラストラクチャやYouTubeに共有するよう努めます。 もう一度ありがとうございます^^

  • winuss님의 프로필 이미지
    winuss

    受講レビュー 1

    平均評価 5.0

    5

    96% 受講後に作成

    講義内容からが新しくなります。 クローン講義やショッピングモールなど既存にすでにあるサービスをもとにした講義がほとんどのようですが、このブックビューはサービス化してみたいほど魅力的なテーマで、その中で学ぶことが多いですね。 良かった点はいくつかあります。 1.派手ではないがすっきりとしたUI 2. ディレクトリ構造の設計と各長所と短所(非常に共感) 3. 中間中間問題が発生したときに処理して進む過程までそのまま提供 4. 開発をしながらリファクタリングまで 5. Cubitを使ったBLOCパターンの繰り返し使用で自然に学習 講義はとてもよく聞きました。 時間をかけてもう一度学習する予定です。 これからも良い講義をお願いします! ps、最近出版された&#x27;開発する男性のハンズオンプラッター&#x27;気になりました。フラッター学習のために一緒に見ればいいようです。ありがとうございます!

    • devman
      知識共有者

      あまりにも良い受講評を残してくれてありがとう。 そして、良かった部分を読んでみると、どれくらい講義に集中して勉強されたのかを感じることができ、さらに力強い受講評です。今後さらに役立つ映像講義を共有するよう努めてまいります。 ps本まで購入してくれてありがとう!

  • coen님의 프로필 이미지
    coen

    受講レビュー 57

    平均評価 5.0

    5

    23% 受講後に作成

    全部見たことがないけど、本当にいい講義です。

    • devman
      知識共有者

      最後まで完走いただき応援します。 ^^ 肯定的なレビューありがとうございます。

  • gmocca님의 프로필 이미지
    gmocca

    受講レビュー 6

    平均評価 5.0

    5

    93% 受講後に作成

    まず……とても感謝しています。 1. 現在会社でアプリ開発者なしで状態管理をsetStatusでのみ状態管理を進めています。 毎日エラーに直面している間に状態管理を開発する男性の無料講義を聞きながら すべてのsetStatusをブロックに現在リファクタリング兼進行中であり、多くの助けになりましたㅠㅠ。 2. 講義で goRouter を試してから goRoter の核心をピンセットで講義で教えてください! (会社ではAutoRouterを使用していますが、goRouterがはるかに..良いようですㅠㅠ) 3. そしてモデル生成するときにfrezzedの代わりにJsonSearlizableを使うのがコードの柔軟性も良く、 本当に良いようです! *** 結論:この講義の一つなら本当に実務でも大きな問題なく解決できます。 そういう質問&回答がすごく早くしてくれてすぐに解決されてよかったです〜

    • devman
      知識共有者

      ニックネームのように頑張ってくれてありがとう〜! 実務プロジェクトで進行中におられますね^^ 役に立ったのは幸いです。 今後もご不明な点がございましたらメールでお送りください。 ありがとうございます〜!

  • pcdoomco2688님의 프로필 이미지
    pcdoomco2688

    受講レビュー 4

    平均評価 5.0

    5

    100% 受講後に作成

    フラッターに興味がある学生です。

    • devman
      知識共有者

      ありがとうございます〜! この講義がpc.doomcoに役立つことを願っています^^ 平残してくれてありがとう〜!

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

¥46,200

30%

¥8,308

devmanの他の講座

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

似ている講座

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