Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
Programming

/

Mobile Application Development

今すぐフラッターアプリ開発 [ToDoリスト]

このレッスンでは、フラッターでモバイルアプリを開発する方法を学びます。もはやAndroidとiOSアプリの開発を別に学ばないでください！フラッターアプリでUIを開発し、そのUIをバックエンドAPIと連動し、データをグローバルに管理できる状態管理パターンProviderを学びます。

（1.0）受講レビュー 1件

受講生 35名

  • kookh09875453
텍스트 강의
플러터
앱
앱개발자
todo앱
Flutter

こんなことが学べます

  • フラッターアプリUIの開発

  • フラッターアプリUIとAPI連携

  • フラッター状態管理パターン provider

生産性の高いアプリ開発フレームワークフラッター、
バックエンドAPI連携に挑戦してください。

💾受講前に確認してください。

  • この講義はテキスト形式の講義です。受講前の講義 [プレビュー] 授業を必ず確認してください。 （別途の映像は収録されておりません。）

フラッターアプリUI開発+
バックエンドAPI連携

このレッスンでは、Flutterでアプリを開発する方法を学びます。
フラッターアプリでUIを開発し、そのUIをバックエンドAPIと連携し、データをグローバルに管理できる状態管理パターンProviderを学習します。

生産性を高めたいなら

バックエンド開発者だがアプリ開発をしたかった私がフラッターを選んだ理由は簡単です。フラッターフレームワークで開発をすれば、Android、iOSを全てサポートするからです。

また、VSCode環境で開発できるため、既存のAndroid StudioやXCodeの代わりに一般的に使われる開発環境で開発することで、生産性の高い開発ができます。

フラッターアプリ - バックエンドAPI連携まで

フラッターアプリとバックエンドAPIを連動させる素材を見つけるのは難しかった。講義や本はたくさん出てきましたが、バックエンドAPIと連動する例はまれです。 Firebaseと連携する例はたくさんありましたが、ログイン、会員登録、ToDo、カテゴリ、テンプレートなどの認証が必要なAPIと連動するサービスはありませんでした。

バックエンドAPIと連動せずにSQLite、Firebaseだけを使用しては、求職市場やサービス開発に限界が明確です。

この講義の特徴

  • ✅ FirebaseとSQLiteを使用しません。
  • ✅フラッターアプリでバックエンドAPIを連動してデータを処理する方法を説明します。
  • ✅バックエンドAPIはNestJSを提供します。 NestJSで生成されたSwagger APIドキュメントを提供します。

こんな方におすすめです

  • 👩モバイルアプリの開発をしたいのですが、Android / iOSのうちの1つだけを勉強するのが不満足な方
  • 👨 目で見える画面を開発したいバックエンドAPI開発者
  • 👩モバイルアプリフロント開発が必要なWebフロントエンド開発者

講義目標

🚩 以下のようなフラッターUIを開発し、そのUIがNestJSバックエンドAPIと連動する方法を提供します。また、APIドキュメントを表示して開発する必要があるため、NestJSによって自動生成されたSwagger APIドキュメントも提供します。

1. フラッターUI

2. Swagger API ドキュメントの提供

学習内容

1. フラッターUI

2. バックエンド API 連動: Repository

  • 会員登録、ログイン、私の情報を見るなどの画面はバックエンドAPIと連動が必要です。
  • NestJS で作成したバックエンド API を実行する方法を提供します。

3. 状態管理パターン: Provider

  • バックエンドにAPIをインポートしてすぐに画面に表示することはできません。途中で状態管理パターンProviderを使用する必要があります。
  • フラッター UI ↔ Provider (グローバル変数管理 - 状態管理パターン) ↔ リポジトリ (API 連動)

講義知識共有者
今すぐ

履歴

  • Flutter、VueJS、NestJS、AWS開発者
  • コンピューター専攻学士・修士卒業
  • 6社の開発経験
  • 複数の個人プロジェクト体験

こんな方に
おすすめです

学習対象は
誰でしょう？

  • 生産性の高い開発者になりたい方

  • フラッターでバックエンドAPIと連動する方法を学びたい方

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

  • 基本的なコーディング変数、配列、条件文、反復文など

こんにちは
です。

739

受講生

38

受講レビュー

88

回答

4.0

講座評価

10

講座

カリキュラム

全体

85件

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

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

受講レビュー

全体

1件

1.0

1件の受講レビュー

  • p909님의 프로필 이미지
    p909

    受講レビュー 1

    ∙

    平均評価 1.0

    1

    34% 受講後に作成

    Nếu bài giảng chỉ được thực hiện bằng tài liệu thì tôi nghĩ cần phải đính kèm phần giải thích để có thể hiểu và thực hiện đầy đủ bằng tài liệu.

    ￥4,036

    kookh09875453の他の講座

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

    Phát triển phụ trợ NodeJS ngay bây giờ [Saju Mansepower]강의 썸네일

    Phát triển phụ trợ NodeJS ngay bây giờ [Saju Mansepower]

    kookh09875453

    Trong bài giảng này, bạn có thể tìm hiểu cách phát triển nhanh chóng API phụ trợ thông qua thực hành dịch vụ của Saju Manse Force. Bao gồm thiết kế ExpressJS, Sequelize (ORM), MySQL, JWT, DB và API cũng như giao tiếp HTTP.

    초급

    초급

    Node.js, JWT

    Phát triển phụ trợ NodeJS ngay bây giờ [Saju Mansepower]강의 썸네일

    Phát triển phụ trợ NodeJS ngay bây giờ [Saju Mansepower]

    kookh09875453

    Kiến trúc và chi phí bảo mật của Naver Cloud강의 썸네일

    Kiến trúc và chi phí bảo mật của Naver Cloud

    kookh09875453

    Thông qua bài giảng này, bạn sẽ có thể hiểu được việc xây dựng kiến ​​trúc bảo mật của Naver Cloud và chi phí vận hành dự kiến.

    입문

    입문

    vpc, Naver Cloud

    Kiến trúc và chi phí bảo mật của Naver Cloud강의 썸네일

    Kiến trúc và chi phí bảo mật của Naver Cloud

    kookh09875453

    Phát triển chương trình phụ trợ NestJS ngay bây giờ [Danh sách việc cần làm]강의 썸네일

    Phát triển chương trình phụ trợ NestJS ngay bây giờ [Danh sách việc cần làm]

    kookh09875453

    Khóa học này sẽ hướng dẫn bạn cách phát triển API phụ trợ. Bao gồm NestJS, TypeORM, MySQL, xác thực JWT, thiết kế DB và API, giao tiếp HTTP, tự động hóa tài liệu API Swagger, tự động hóa kiểm tra API e2e và mẫu Kho lưu trữ.

    초급

    초급

    NestJS

    Phát triển chương trình phụ trợ NestJS ngay bây giờ [Danh sách việc cần làm]강의 썸네일

    Phát triển chương trình phụ trợ NestJS ngay bây giờ [Danh sách việc cần làm]

    kookh09875453

    DevOps ngay bây giờ - Terraform강의 썸네일

    DevOps ngay bây giờ - Terraform

    kookh09875453

    Trong khóa học này, bạn sẽ tìm hiểu về Terraform, công cụ quản lý đám mây AWS và cơ sở hạ tầng AWS dưới dạng mã.

    초급

    초급

    Terraform, AWS

    DevOps ngay bây giờ - Terraform강의 썸네일

    DevOps ngay bây giờ - Terraform

    kookh09875453

    Linux - Tận dụng các máy chủ đám mây miễn phí ngay bây giờ강의 썸네일

    Linux - Tận dụng các máy chủ đám mây miễn phí ngay bây giờ

    kookh09875453

    Thông qua bài giảng này, bạn có thể tìm hiểu cách có một máy chủ Linux miễn phí trị giá 20.000 won mỗi tháng và cách sử dụng nó.

    초급

    초급

    Linux, Oracle

    Linux - Tận dụng các máy chủ đám mây miễn phí ngay bây giờ강의 썸네일

    Linux - Tận dụng các máy chủ đám mây miễn phí ngay bây giờ

    kookh09875453

    Phát triển backend NestJS ngay bây giờ [Saju Mansepower]강의 썸네일

    Phát triển backend NestJS ngay bây giờ [Saju Mansepower]

    kookh09875453

    Trong khóa học này, bạn sẽ tìm hiểu cách phát triển nhanh các API phụ trợ. Bao gồm NestJS, TypeORM, MySQL, xác thực JWT, thiết kế DB và API, giao tiếp HTTP và tự động hóa tài liệu API Swagger.

    초급

    초급

    NestJS

    Phát triển backend NestJS ngay bây giờ [Saju Mansepower]강의 썸네일

    Phát triển backend NestJS ngay bây giờ [Saju Mansepower]

    kookh09875453

    Sự phát triển phía trước của VueJS ngay bây giờ [Saju Mansepower]강의 썸네일

    Sự phát triển phía trước của VueJS ngay bây giờ [Saju Mansepower]

    kookh09875453

    Trong khóa học này, bạn sẽ học cách phát triển giao diện người dùng một cách nhanh chóng. Bao gồm VueJS, mẫu quản lý trạng thái Vuex, giao diện người dùng thành phần Vuetify, chuyển động trang Vue-router, tích hợp API phụ trợ Axios và thiết kế thành phần.

    초급

    초급

    Vue.js

    Sự phát triển phía trước của VueJS ngay bây giờ [Saju Mansepower]강의 썸네일

    Sự phát triển phía trước của VueJS ngay bây giờ [Saju Mansepower]

    kookh09875453

    Trải nghiệm điểm kỳ dị AI ngay bây giờ [Text To Image]강의 썸네일

    Trải nghiệm điểm kỳ dị AI ngay bây giờ [Text To Image]

    kookh09875453

    Đừng tìm ảnh nữa, hãy tự tạo! Với khóa học này, bạn sẽ trải nghiệm kỳ tích AI khi hình ảnh được tạo ra chỉ từ một dòng văn bản.

    입문

    입문

    Stable Diffusion

    Trải nghiệm điểm kỳ dị AI ngay bây giờ [Text To Image]강의 썸네일

    Trải nghiệm điểm kỳ dị AI ngay bây giờ [Text To Image]

    kookh09875453

    DevOps AWS ngay bây giờ강의 썸네일

    DevOps AWS ngay bây giờ

    kookh09875453

    Khóa học này là lớp AWS Cloud và DevOps kéo dài một ngày. Nội dung trang 370 của bản PDF đã được dịch thành bài giảng văn bản.

    초급

    초급

    AWS

    DevOps AWS ngay bây giờ강의 썸네일

    DevOps AWS ngay bây giờ

    kookh09875453

    似ている講座

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

    Tạo ứng dụng Flutter dựa trên GetX강의 썸네일

    Tạo ứng dụng Flutter dựa trên GetX

    siriusb

    Bạn có thể học nó vào buổi sáng và tạo ứng dụng của riêng mình vào buổi tối. Tạo ứng dụng Flutter có cấu trúc dựa trên GetX.

    초급

    초급

    Flutter, getx

    Tạo ứng dụng Flutter dựa trên GetX강의 썸네일

    Tạo ứng dụng Flutter dựa trên GetX

    siriusb

    [2025 Renewal]Tạo ứng dụng trong vòng một tháng không cần coding với FlutterFlow강의 썸네일

    [2025 Renewal]Tạo ứng dụng trong vòng một tháng không cần coding với FlutterFlow

    ilgyu865859

    Đây là một khóa học nhập môn giúp bạn tạo ứng dụng với FlutterFlow (FlutterFlow), nền tảng xây dựng ứng dụng không cần code số 1 thế giới! 🤗 Khi tạo lại y hệt Twitter, bạn sẽ học các khái niệm một cách tự nhiên... điều này sẽ rất dễ dàng và thú vị! 🥳

    입문

    입문

    No-code, FlutterFlow, Flutter

    [2025 Renewal]Tạo ứng dụng trong vòng một tháng không cần coding với FlutterFlow강의 썸네일

    [2025 Renewal]Tạo ứng dụng trong vòng một tháng không cần coding với FlutterFlow

    ilgyu865859

    Thực hành phi tiêu cho người mới bắt đầu강의 썸네일

    Thực hành phi tiêu cho người mới bắt đầu

    ordinarydeveloper

    Để phát triển Flutter, bạn cần biết Dart. Đây là quá trình chọn lọc và thực hành những nội dung thiết yếu của Dart.

    입문

    입문

    dart, Flutter

    Thực hành phi tiêu cho người mới bắt đầu강의 썸네일

    Thực hành phi tiêu cho người mới bắt đầu

    ordinarydeveloper

    [Người mới bắt đầu Python] Ứng dụng dịch giọng nói ChatGPT được tạo bằng Flutter강의 썸네일

    [Người mới bắt đầu Python] Ứng dụng dịch giọng nói ChatGPT được tạo bằng Flutter

    huhjuang5228

    Khóa học này dành cho những người đã học Python nhưng chưa chắc chắn về cách sử dụng nó. Tận dụng 99,9% kiến ​​thức cơ bản của chương trình!!! Hãy thử tạo ứng dụng dịch giọng nói Flutter bằng mã ví dụ cơ bản bằng cách giảm thiểu mã khó. Trò chuyện với chatGPT, dịch cuộc hội thoại với bạn bè nước ngoài, vẽ hình ảnh bằng giọng nói và nâng cấp ứng dụng hội thoại với tinh chỉnh.

    초급

    초급

    Python, Flutter, ChatGPT

    [Người mới bắt đầu Python] Ứng dụng dịch giọng nói ChatGPT được tạo bằng Flutter강의 썸네일

    [Người mới bắt đầu Python] Ứng dụng dịch giọng nói ChatGPT được tạo bằng Flutter

    huhjuang5228

    Flutter로 만드는 LLM 챗봇 (feat. Gemini)강의 썸네일

    Flutter로 만드는 LLM 챗봇 (feat. Gemini)

    jasonkang

    Mới dùng Flutter ư? Flutter Contributor sẽ hướng dẫn bạn từ đầu! Bắt đầu phát triển Flutter với dự án AI ứng dụng Gemini.

    초급

    초급

    Flutter, Chatbot, gemini

    Flutter로 만드는 LLM 챗봇 (feat. Gemini)강의 썸네일

    Flutter로 만드는 LLM 챗봇 (feat. Gemini)

    jasonkang

    Tạo dịch vụ kiếm tiền trong 4 tuần cho người không phải lập trình viên: AI Vibe Coding Web + App ALL IN ONE

    dingcodingco

    Không biết code cũng OK! Biến ý tưởng của bạn thành doanh thu thực tế chỉ trong 4 tuần. Sử dụng AI và các công cụ mới nhất, tạo đồng thời website và app rồi kết nối ngay với dịch vụ.

    입문

    입문

    Flutter, Next.js, cursor

    Tạo dịch vụ kiếm tiền trong 4 tuần cho người không phải lập trình viên: AI Vibe Coding Web + App ALL IN ONE

    dingcodingco

    Học Springboot + Flutter RestAPI tạo bảng tin nhanh hơn ai hết강의 썸네일

    Học Springboot + Flutter RestAPI tạo bảng tin nhanh hơn ai hết

    yeseong0412

    Học Springboot + Flutter RestAPI tạo bảng tin nhanh hơn ai hết Phát triển server CRUD với Springboot và tạo bảng tin riêng của bạn bằng Flutter!

    초급

    초급

    Flutter, Kotlin, Spring Boot

    Học Springboot + Flutter RestAPI tạo bảng tin nhanh hơn ai hết강의 썸네일

    Học Springboot + Flutter RestAPI tạo bảng tin nhanh hơn ai hết

    yeseong0412

    [Code Factory] [Giới thiệu] Chinh phục hoàn toàn ngôn ngữ Dart trong 4 giờ강의 썸네일

    [Code Factory] [Giới thiệu] Chinh phục hoàn toàn ngôn ngữ Dart trong 4 giờ

    codefactory

    Nếu bạn học ngôn ngữ Dart thông qua khóa học này, bạn có thể nâng cấp lên cấp độ mà bạn có thể bắt đầu sử dụng Flutter!

    입문

    입문

    Flutter, oop, Functional Programming

    [Code Factory] [Giới thiệu] Chinh phục hoàn toàn ngôn ngữ Dart trong 4 giờ강의 썸네일

    [Code Factory] [Giới thiệu] Chinh phục hoàn toàn ngôn ngữ Dart trong 4 giờ

    codefactory

    Phát triển Dart cơ bản - Trưởng nhóm Jung강의 썸네일

    Phát triển Dart cơ bản - Trưởng nhóm Jung

    devjeongdaeri

    Đây là khóa học tìm hiểu về ngôn ngữ Dart được sử dụng trong phát triển Flutter.

    입문

    입문

    Flutter, dart

    Phát triển Dart cơ bản - Trưởng nhóm Jung강의 썸네일

    Phát triển Dart cơ bản - Trưởng nhóm Jung

    devjeongdaeri