Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
Programming

/

Mobile Application Development

Flutterでメッセンジャーアプリ作り

FlutterのRiverpodの状態管理とFirebaseを活用してメッセンジャーアプリを制作します。

（5.0）受講レビュー 6件

受講生 91名

  • devmoo
실습 중심
flutter
Flutter
Firebase
riverpod
dart
Android

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

こんなことが学べます

  • Riverpod を活用した状態管理

  • Firebase Authを活用した電話番号認証登録およびログイン

  • Cloud Storageを活用した画像 / 動画ファイル アップロード

  • Firestore の トランザクション / バッチ

  • Flutter と Firebase サービスを活用したチャット (1対1 / グループ)

  • メディアメッセージ送信（画像 / 動画）

  • 返信メッセージ

  • プッシュ通知（チャットメッセージ通知）

  • 多言語 / テーマ変更

  • Flutter アニメーション

Flutterによる韓国代表メッセンジャーアプリ
KTalkを作ろう！

Flutterで作るメッセンジャーアプリ！

実務で利用可能なさまざまな機能を学習できるように講義を作成しました。
有名なメッセンジャーアプリを作成し、必要なフラッター関連の機能を学びましょう！

1.電話番号認証と会員登録/ログイン

  • Firebase Authenticationの電話番号認証を使用して、会員登録とログイン機能を実装します。

2. Light/Dark Theme

  • Riverpodを使用して明るさ、暗さのテーマ機能を実装します。

3. 多言語

  • Riverpod、flutter_localizations、intlパッケージを使用して多言語機能を実装します。

4.チャットルームの作成/テキストメッセージの送信

  • 友達リストから1：1チャットルームを作成し、テキストメッセージを送信する機能を実装します。

5. イメージメッセージの送信

  • firebase storage, image_picker を使用してイメージメッセージ転送機能を実装します。

6. 動画メッセージの送信

  • firebase storage、image_picker、flutter_file_downloader を使用して動画メッセージ転送機能を実装します。

7. 返信

  • flutter animationを使用して返信機能を実装します。

8. グループチャット

  • 3人以上が参加するグループチャット機能を実装します。

9. Toast メッセージ通知

  • fluttertoastを使用して新しいメッセージ通知機能を実装します。

10. Push Notification メッセージ通知

  • flutter_local_notifications を使用して Push メッセージ通知機能を実装します。

受講前の注意

練習環境

  • 練習環境にはWindows 10、Android Studioが必要です。

  • Flutter開発環境が構築されている必要があります。 （レッスンでは3.22.1バージョンを使用します。）

  • 受講生には最終的なソースコードと実習資料（画像ファイルなど）を提供します。

  • Flutterの基礎知識と状態管理の基礎知識が必要で、Flutterを使ってTo-doアプリや簡単なメモ帳を作成した経験があれば、十分に受講できます。

  • 講義の内容はAndroidに合わせてあります。


学習対象

  • メッセンジャーアプリを作成したい人

  • Todoアプリ 次のステップに進みたい方

  • リバーポッドの状態管理を学びたい方

  • 各種Firebaseサービスを体験したい方

選手の知識と注意事項

  • Flutterで簡単なアプリを作るほどのスキル

  • 状態管理の基礎知識

  • 2024年11月1日より、Firebaseの各種サービスを使用するためには、サービス使用量に応じて料金が設定されるBlazeプランを利用するように変更されました。 Blazeプランを利用するにはクレジットカードの登録が必要です。ただし、無料使用量を超えない限り、料金は請求されず、講義内容は無料使用量内で十分に作業が可能であると思います。詳細については、Firebaseの料金ポリシーを参照してください。

こんな方に
おすすめです

学習対象は
誰でしょう？

  • メッセンジャーアプリを作りたい方

  • Riverpod 状態管理を学習したい方

  • Firebase の主要サービスを経験したい方

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

  • Flutterで簡単なアプリを作る程度のスキル

  • 状態管理に関する基礎知識

こんにちは
です。

196

受講生

15

受講レビュー

101

回答

5.0

講座評価

2

講座

안녕하세요

한국, 일본에서 웹 개발 및 안드로이드 앱 개발자로 활동했습니다.
프로그래밍 강사로도 활동하면서 지식을 전파하여 사람을 가르친다는 일에
책임감을 갖고 학생분들이 성장하는 모습에 보람을 느끼고 있습니다.

excusme@naver.com

カリキュラム

全体

75件 ∙ (18時間 52分)

講座資料（こうぎしりょう）:

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

受講レビュー

全体

6件

5.0

6件の受講レビュー

  • 정 현님의 프로필 이미지
    정 현

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    • 서광태님의 프로필 이미지
      서광태

      受講レビュー 2

      ∙

      平均評価 4.5

      修正済み

      5

      100% 受講後に作成

      자세한 설명이 좋네요 그런데 이 강의 초급 강의는 아닌 거 같습니다. 많이 배웠고 잘 들었습니다.

      • 투먼쓰님의 프로필 이미지
        투먼쓰

        受講レビュー 2

        ∙

        平均評価 5.0

        5

        100% 受講後に作成

        카카오톡 / 인스타 두 강의 모두 들었습니다. 겹치는 내용이 많이 있을 줄 알았는데, 두 강의 모두에서 각자 새롭게 배울 수 있는 부분을 넣으시려고 꼼꼼히 신경쓰신것 같아요. 좋은 강의 감사드립니다.

        • 011414님의 프로필 이미지
          011414

          受講レビュー 6

          ∙

          平均評価 5.0

          5

          100% 受講後に作成

          처음 쭉 한번 듣고, 두번째는 처음부터 끝까지 따라해 봤습니다. 전체적으로 군더더기 없고 깔끔한 소스여서,, 공부하기도 굉장히 좋았고, 많은 것을 얻을 수 있는 강의였습니다. 다만, 한가지 아쉬운 점은 Flutter 강의 임에도 불구하고, Android 버전만 가능하다는 부분입니다. 이 부분만 보완이 된다면,, 채팅과 관련된 거의 모든 기능이 들어 있는 훌륭한 Flutter 강의가 될 것으로 자부합니다. 강의 준비하시느라 정말 고생 많으셨습니다.

          • 강민성님의 프로필 이미지
            강민성

            受講レビュー 1

            ∙

            平均評価 5.0

            5

            100% 受講後に作成

            기존 실력은 플러터로 간단한 앱만 여러개 만들었는데 그때마다 뭔가 부족한 느낌이었습니다. 이번에 채팅앱 만들기 강의를 통해서 실전에서 사용 가능할 만한 앱의 기능들을 구현할 수 있어서 매우 유익했습니다. riverpod 사용방법을 몰라서 애를 먹었는데 강의를 보면서 상태관리가 어떤식으로 사용되는지 생각하며 공부할 수 있었습니다. 플러터 초보에서 막히신 분이라면 꼭 이 강의를 추천하고 싶습니다!!

            • DEV MOO
              知識共有者

              감사합니다!

          ￥7,874

          devmooの他の講座

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

          Flutter로 SNS 앱 만들기강의 썸네일

          Flutter로 SNS 앱 만들기

          DEV MOO

          Flutter의 Provider / StateNotifier 상태 관리와 Firebase를 활용해서 SNS 앱을 제작합니다.

          초급

          초급

          Flutter, dart, Firebase

          Flutter로 SNS 앱 만들기강의 썸네일

          Flutter로 SNS 앱 만들기

          DEV MOO

          似ている講座

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

          Flutter로 SNS 앱 만들기강의 썸네일

          Flutter로 SNS 앱 만들기

          DEV MOO

          Flutter의 Provider / StateNotifier 상태 관리와 Firebase를 활용해서 SNS 앱을 제작합니다.

          초급

          초급

          Flutter, dart, Firebase

          Flutter로 SNS 앱 만들기강의 썸네일

          Flutter로 SNS 앱 만들기

          DEV MOO

          iOS/Android 앱 개발을 위한 실전 React Native - Intermediate강의 썸네일

          iOS/Android 앱 개발을 위한 실전 React Native - Intermediate

          Wintho

          React Native 기반 모바일 앱 개발을 위한 중급 강의입니다. 프론트엔드의 심화내용 학습 뿐만 아니라 Firebase 기반의 백엔드 내용까지 함께 배우면서, 서버 연동/ 로그인/ 데이터 송수신/ 공공API 활용 등이 가능한 하나의 완벽한 앱을 개발할 수 있도록 제작된 강의입니다.

          중급이상

          중급이상

          React Native, Redux, Firebase

          iOS/Android 앱 개발을 위한 실전 React Native - Intermediate강의 썸네일

          iOS/Android 앱 개발을 위한 실전 React Native - Intermediate

          Wintho

          [2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Vue.js강의 썸네일

          [2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Vue.js

          David

          "요즘 누가 유료로 웹서비스 구축하나, Firebase의 모든 것" 강의가 Vue.js로 새로 돌아왔습니다. 1인 창업을 꿈꾸는 초급 개발자를 위한 바이블이 되어드립니다.

          초급

          초급

          Firebase, Vue.js, PWA

          [2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Vue.js강의 썸네일

          [2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Vue.js

          David

          누구보다 빠르게 배우는 Springboot + Android RestAPI 게시판 만들기강의 썸네일

          누구보다 빠르게 배우는 Springboot + Android RestAPI 게시판 만들기

          Neo

          누구보다 빠르게 배우는 Springboot + Android(Compose) RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 Android로 나만의 게시판을 만들어보세요!

          입문

          입문

          Android, Kotlin, Spring Boot

          누구보다 빠르게 배우는 Springboot + Android RestAPI 게시판 만들기강의 썸네일

          누구보다 빠르게 배우는 Springboot + Android RestAPI 게시판 만들기

          Neo

          350개의 개인 앱을 만들어 월급의 7배 수익을 달성한 방법

          프로그래밍좀비

          350개의 앱을 통해 월급의 2~7배를 벌게 된 7년간의 여정과 노하우를 모두 담았습니다. 이제는 당신이 그 주인공이 될 차례입니다.

          초급

          초급

          Android, Google Ads, admob

          350개의 개인 앱을 만들어 월급의 7배 수익을 달성한 방법

          프로그래밍좀비

          Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작강의 썸네일

          Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

          임종태

          Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login를 쉽게 배울수 있어요~~

          초급

          초급

          Vue.js, PWA, Firebase

          Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작강의 썸네일

          Vue js와 UI를 한번에 학습/Nuxt3 + OpenWeatherMap 으로 실시간 날씨 앱 제작

          임종태

          FlutterFlow 쉽게하는 노코드 앱개발강의 썸네일

          FlutterFlow 쉽게하는 노코드 앱개발

          U진

          코딩 없이도 나만의 앱을 만들 수 있다! 🚀 초보자도 따라 할 수 있는 노코드 입문 강의! FlutterFlow를 활용한 실전 앱 개발로 쉽고 빠르게 앱을 완성해보세요.

          입문

          입문

          FlutterFlow, Firebase, No-code

          FlutterFlow 쉽게하는 노코드 앱개발강의 썸네일

          FlutterFlow 쉽게하는 노코드 앱개발

          U진

          깡샘의 쌩초보 안드로이드 One Day Class – Part2 코틀린 이해하기강의 썸네일

          깡샘의 쌩초보 안드로이드 One Day Class – Part2 코틀린 이해하기

          쌤즈(SSAMZ)

          이 강의를 통해 코틀린 언어의 핵심을 이해하고 안드로이드 앱 개발할 때 언어에서 막혀서 앱 개발이 안되는 우를 범하지 않고자 합니다.

          초급

          초급

          Android, Lambda, Kotlin

          깡샘의 쌩초보 안드로이드 One Day Class – Part2 코틀린 이해하기강의 썸네일

          깡샘의 쌩초보 안드로이드 One Day Class – Part2 코틀린 이해하기

          쌤즈(SSAMZ)

          예제로 뿌수는 코틀린 Kotlin 76제강의 썸네일

          예제로 뿌수는 코틀린 Kotlin 76제

          김대현

          76개의 예제로 실습하며 공부하는 코틀린 Kotlin 프로그래밍 언어. 당장 내일부터 코틀린으로 개발해야 하는데, 차근히 문법을 공부할 여유가 없나요? 이 강의에서 알려드리는 예제로 빠르게 코틀린의 모든 문법을 알아봅시다.

          초급

          초급

          Kotlin, Android, backend

          예제로 뿌수는 코틀린 Kotlin 76제강의 썸네일

          예제로 뿌수는 코틀린 Kotlin 76제

          김대현

          Only Javascript만으로 배우는 하이브리드앱 패키징강의 썸네일

          Only Javascript만으로 배우는 하이브리드앱 패키징

          노란창문

          본 강의는 웹 서비스 개발 기술인 Javascript를 사용하여 모바일 환경의 여러 가지 네이티브 앱 기능을 빠르게 만들 수 있는 방법에 대해 배우고 스토어 출시 과정까지 학습할 수 있는 강의입니다.

          초급

          초급

          하이브리드 앱, JavaScript, Android

          Only Javascript만으로 배우는 하이브리드앱 패키징강의 썸네일

          Only Javascript만으로 배우는 하이브리드앱 패키징

          노란창문

          누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기강의 썸네일

          누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기

          Neo

          누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 Flutter로 나만의 게시판을 만들어보세요!

          초급

          초급

          Flutter, Kotlin, Spring Boot

          누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기강의 썸네일

          누구보다 빠르게 배우는 Springboot + Flutter RestAPI 게시판 만들기

          Neo

          React + Firebase 풀스택 개발 - 파이어베이스 파이어스토어 Data Modeling강의 썸네일

          React + Firebase 풀스택 개발 - 파이어베이스 파이어스토어 Data Modeling

          브라이트코딩

          이 강의를 통해 파이어베이스로 DB의 관계를 구현하는 방법을 배우시게 됩니다. 빠르게 리액트 풀스택 개발자가 될 수 있습니다. 고용이 불안정한 지금 이 시대에는 새로운 기술을 배워 자신의 가치를 올려야 합니다. 그리고 무언가를 만들어야 합니다. 그 사이드 프로젝트와 아이디어를 구현 할 때 데이터의 "관계"를 구현할 수 있어야 합니다. 이 강의는 파이어베이스 "파이어스토어"로 "관계"를 구현할 수 있도록 도와 드립니다.

          초급

          초급

          Firebase, React, firestore

          React + Firebase 풀스택 개발 - 파이어베이스 파이어스토어 Data Modeling강의 썸네일

          React + Firebase 풀스택 개발 - 파이어베이스 파이어스토어 Data Modeling

          브라이트코딩

          풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기강의 썸네일

          풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기

          정재남

          개발부터 배포까지! 하나의 서비스를 완성하기 위한 험난한 여정을 여과없이 보여드립니다. 처음 써보는 기술들을 잔뜩 도입하여 좌충우돌 우당탕탕하면서도 어떻게든 헤쳐나갈 수 있어요!

          초급

          초급

          React, GraphQL, Firebase

          풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기강의 썸네일

          풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기

          정재남

          쉬운 모바일 테스트 자동화 시작하기 : Appium Studio강의 썸네일

          쉬운 모바일 테스트 자동화 시작하기 : Appium Studio

          QA대디

          Android 및 iOS 장치에서 테스트 자동화 개발이 궁금하신 모든 분을 위한 강의입니다. 이 강의를 통해 모바일 장치에서 자동화 테스트를 수행할 수 있게 됩니다.

          입문

          입문

          Appium Studio, 소프트웨어 테스트, QA(품질보증)

          쉬운 모바일 테스트 자동화 시작하기 : Appium Studio강의 썸네일

          쉬운 모바일 테스트 자동화 시작하기 : Appium Studio

          QA대디

          윤재성의 Google 공식 언어 Kotlin(코틀린) 프로그래밍 시작하기강의 썸네일

          윤재성의 Google 공식 언어 Kotlin(코틀린) 프로그래밍 시작하기

          소프트캠퍼스

          2024년 최신 버전 및 17시간 48분 러닝타임 이 과정 하나로 kotlin 완전 정복할 수 있습니다.

          초급

          초급

          Kotlin, Java, Android

          윤재성의 Google 공식 언어 Kotlin(코틀린) 프로그래밍 시작하기강의 썸네일

          윤재성의 Google 공식 언어 Kotlin(코틀린) 프로그래밍 시작하기

          소프트캠퍼스

          [Python 초보] Flutter로 만드는 ChatGPT 음성번역앱강의 썸네일

          [Python 초보] Flutter로 만드는 ChatGPT 음성번역앱

          다비

          Python 배우긴 했는데, 어떻게 활용할지 막막한 분을 위한 강의입니다. 프로그램 기초지식을 99.9% 활용!!! 어려운 코드를 최소화하여 기본 예제코드를 가지고 만드는 Flutter 음성번역앱에 도전해보세요. chatGPT와 대화하고, 외국인 친구와 하는 대화를 번역해주고, 음성으로 이미지를 그리고, 파인튜닝으로 대화앱을 업그레이드합니다.

          초급

          초급

          Python, Flutter, ChatGPT

          [Python 초보] Flutter로 만드는 ChatGPT 음성번역앱강의 썸네일

          [Python 초보] Flutter로 만드는 ChatGPT 음성번역앱

          다비

          Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)강의 썸네일

          Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

          짐코딩

          Vue3 & Firebase(v10)를 활용하여 커뮤니티를 만드는 강의로 Vue3 실전 활용법, Firebase 기초부터 실전, 최신 웹 기술 활용법, 지식공유자 경험 공유 등 다양한 방면으로 개발자로써 한 단계 성장할 수 있도록 돕습니다!

          중급이상

          중급이상

          Vue.js, Firebase, Quasar

          Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)강의 썸네일

          Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

          짐코딩

          비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

          딩코딩코

          코딩 몰라도 OK! 당신의 아이디어를 단 4주 만에 실제 수익으로 바꿔보세요. AI와 최신 도구를 활용해, 웹사이트와 앱을 동시에 만들고 바로 서비스까지 연결합니다.

          입문

          입문

          Flutter, Next.js, cursor

          비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

          딩코딩코

          [Unity] 함께 만들어가는 방치형 게임 개발강의 썸네일

          [Unity] 함께 만들어가는 방치형 게임 개발

          Pinous

          해당 강의는 방치형 게임을 만들어가면서 수익 창출을 목적으로 한 모바일 게임 개발을 진행하는데 중점을 두고 있습니다.

          중급이상

          중급이상

          C#, Unity, Firebase

          [Unity] 함께 만들어가는 방치형 게임 개발강의 썸네일

          [Unity] 함께 만들어가는 방치형 게임 개발

          Pinous