Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Mobile Application Development

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

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

  • 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% 受講後に作成

    If you make a lecture only with documents, I highly recommend that you attach an explanation that can be sufficiently understood and implemented in the documents.

    ¥4,042

    kookh09875453の他の講座

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

    似ている講座

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