강의

멘토링

로드맵

BEST
Programming

/

Mobile Application Development

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

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

  • devman
실습 중심
클론코딩
모바일앱
flutter
Flutter
bloc
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,587

受講生

38

受講レビュー

62

回答

4.8

講座評価

2

講座

프로필

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

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

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

소개

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

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

이력

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

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

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

カリキュラム

全体

57件 ∙ (13時間 56分)

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

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

受講レビュー

全体

14件

4.7

14件の受講レビュー

  • 011414님의 프로필 이미지
    011414

    受講レビュー 6

    平均評価 5.0

    5

    100% 受講後に作成

    이제야 한바퀴 돌아서 수강평을 남깁니다. 시중에 별로인 강의도 많고, 괜찮은 강의도 많고 수많은 서적과 사이트, 강의를 봤는데요. Bloc 패턴인 Cubit 기반으로 한 이 강의는 정말 추천 드립니다. 강의를 다 듣고 실습을 마친 상황에서 느낀 점 몇자 적어 봅니다. <장점> 1> Flutter 에서 알아야 될 핵심 지식을 거의 대부분 다룸 ~ Firebase Authentication, Cloud Firebastore, Firebase Storage ~ 상태관리 : Cubit ~ 중요 컨트롤 : PageView, SliderBar ~ 모델링 : JsonSerializable, Equatable 2> 강사님의 열정 굿! ~ Flutter 초보자들에게 가급적 자세히 설명해 주려고 하는 의지. ~ 오류가 거의 없는 샘플 <아쉬운 부분> ~ 어느 정도 플러터를 접한 사람에게는 정리가 좀 안되어 있다는 느낌 예) 한가지 소스를 한번에 끝내지 않고, 기능 추가에 따른 수정과 개선이 잦음 물론 단점이 어떤 사람이 보기에는 장점이 될 수도 있습니다만, 전체적인 총평은 정말 훌륭한 강의라고 생각되고 강사님의 노력과 전달하려고 하는 의지를 많이 느낄 수 있었습니다. 추가로 강의가 계획되어 있다면 아래 부분을 다뤘줬으면 좋겠습니다. ~ Google, Apple 이외의 Social 인증 (email/password, 카카오, 유투브, ..) ~ Cubit 대신 Bloc 으로 처리 ~ 각종 쓸만한 패키지, 컴포넌트 소개 ~ 인증 프로세스의 다른 예 ~ 페이징 처리의 다른 사용 예 끝으로, 좋은 강의를 제공해 주셔서 감사드립니다. 덕분에 그동안 궁금했던 부분이 많이 해소가 되었습니다.

    • 개발하는남자
      知識共有者

      011414님 진심이 담긴 수강평 감사합니다. 또한 장점과 아쉬운 부분까지 말씀해 주시니 부족한 점이 어떤 것인지 알 수 있었습니다. 강의를 준비하면서 최대한 쉽고 이해를 주기 위해서 노력하면서 만들었는데 그 부분을 느끼셨다니 이보다 좋은 수강평은 없는 것 같습니다. 최근 ^^:; 개인적인 문제로 유튜브나 인프런 강의등을 작업하지 못하고 있는 실정입니다만 이렇게 좋은 평을 읽고 나니 힘이 나네요 ~! 개인적인 문제는 앞으로 3개월 내에 해결될 예정이라 그 이후에 추가로 요청 주신 내용을 인프런이나 유튜브에 공유 하도록 노력하겠습니다. 다시한번 감사합니다 ^^

  • winuss님의 프로필 이미지
    winuss

    受講レビュー 1

    平均評価 5.0

    5

    96% 受講後に作成

    강의 내용부터가 새롭습니다. 클론강의나 쇼핑몰같은 기존에 이미 있는 서비스를 바탕으로 한 강의가 대부분인것 같은데, 이 책리뷰는 서비스화 해보고 싶을만큼 매력적인 주제이고 그 안에서 배울게 많네요. 좋았던 점 몇가지 적습니다. 1. 화려하진 않지만 깔끔한 UI (학습을 위한 강의 이기에 ui에 집중하지 않았지만 완성도 있는 심플함...) 2. 디렉토리 구조 설계 및 각 장단점 (매우 공감) 3. 중간중간 문제가 발생했을때 처리해 나아가는 과정까지 그대로 제공 4. 개발을 하면서 리팩토링까지 (이미 리팩토링 한 코드를 입력한게 아니라 의식의 흐름대로 개발하고 리팩토링해 나가는 형식이 좋았음) 5. Cubit을 이용한 BLOC패턴 반복 사용으로 자연스럽게 학습됨 강의 너무 잘 들었습니다. 시간 내서 한번 더 학습 할 계획입니다. 앞으로도 좋은 강의 부탁드리겠습니다! ps, 최근 출간하신 '개발하는남자의 핸즈온플러터' 신경 많으쓰셨더라고요. 플러터 학습을 위해 함께 보면 좋을 것 같습니다. 감사합니다!

    • 개발하는남자
      知識共有者

      너무 좋은 수강평 남겨주셔서 감사합니다. 그리고 좋으셨던 부분을 읽어보니 얼마나 강의에 집중하셨고 공부하셨는지를 느낄 수 있어서 더욱 힘이 나는 수강평입니다. 앞으로 더욱 도움이되는 영상강의 공유 하도록 노력하겠습니다 ps 책까지 구매해주셔서 너무 감사합니다~!

  • bht9011님의 프로필 이미지
    bht9011

    受講レビュー 50

    平均評価 5.0

    5

    23% 受講後に作成

    다 보지는 못했지만 정말 좋은 강의입니다.

    • 개발하는남자
      知識共有者

      끝까지 완주 하시길 응원합니다. ^^ 긍정적인 리뷰 감사합니다.

  • 열심히님의 프로필 이미지
    열심히

    受講レビュー 6

    平均評価 5.0

    5

    93% 受講後に作成

    우선.... 너무 감사드린다고 말씀드리고싶습니다.. 1. 현재 회사에서 앱개발자 없이 상태관리를 setStatus 로만 상태관리를 진행되어있어서 매일 오류에 직면하고 있는 와중에 상태관리를 개발하는남자님의 무료강의를 들으면서 모든 setStatus 를 bloc 으로 현재 리팩토링겸 진행중이고 많은 도움이 되었습니다 ㅠㅠ. 2. 강의에서 goRouter 를 사용해보고 나서 goRoter 의 핵심을 족집게 강의로 알려주십니다! ( 회사에선 AutoRouter 를 사용하고있는데 goRouter 가훨씬..좋은것 같습니다 ㅠㅠ ) 3. 그리고 모델생성할때 frezzed 대신 JsonSearlizable 사용하는게 코드 유연성도 좋고 정말 좋은것 같습니다!! *** 결론 : 이 강의 하나면 정말 실무에서도 큰 문제없이 해결할수 있습니다..!!! 그리구 질문&답변이 엄청 빠르게 해주셔서 금방금방해결되어서 좋았습니다~

    • 개발하는남자
      知識共有者

      닉네임처럼 열심히해주셔서 감사합니다~! 실무 프로젝트에서 진행중에 계시는 군요 ^^ 도움이 되셨다니 다행입니다. 앞으로도 궁금하신 사항이 있으면 메일 보내주시면 도움 드릴 수 있도록 하겠습니다 . 감사합니다 ~!

  • pc.doomco님의 프로필 이미지
    pc.doomco

    受講レビュー 4

    平均評価 5.0

    5

    100% 受講後に作成

    플러터에 관심이많은 학생입니다 잘보고 수강평 잘남길게요~

    • 개발하는남자
      知識共有者

      감사합니다 ~! 이 강의가 pc.doomco님께 도움이 되었으면 좋겠습니다 ^^ 평 남겨주셔서 감사합니다 ~!

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

¥49,500

25%

¥8,130

devmanの他の講座

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

似ている講座

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