Flutter x SupabaseでAIチャットアプリを作ろう

Flutter x SupabaseでAIチャットアプリを作ろう

【概要】 FlutterとSupabaseを使ったアプリ開発を学ぶことができる、ハンズオン形式の教本です。初学者向けに、簡単なAIチャットアプリを開発しながら、FlutterとDartの基礎をさらに学び、Supabaseの各種サービスとOpenAI APIの基礎的な使い方を身につけていきます。 【学べること】 👤 Supabase Authenticationを使った認証機能 📚 Supabase Databaseを使ったDB連携 🔐 Row Level Securityを使ったセキュリティ対策 🤖 OpenAI APIを使った大規模言語モデルの活用方法 📱 ワイヤレスデバッグの方法 【カバーしていないこと】 ・状態管理パッケージの使用方法 (全てStatefulWidgetを使った実装になっています) ・アーキテクチャの設計と実装 ・AppStoreやPlayStoreへのリリース方法

Chapters
Chapter 01無料公開

はじめに

Chapter 02無料公開

Chatpter1: Getting Started!!

Chapter 03無料公開

   Flutterプロジェクトをセットアップ

Chapter 04無料公開

   Supabase連携をセットアップ

Chapter 05無料公開

   OpenAI APIをセットアップ

Chapter 06無料公開

Chapter2: Supabase Authenticationを使った認証機能を実装する

Chapter 07

   トップページのUIを作成しよう

Chapter 08無料公開

   TextField、TextFormField、Formの概要

Chapter 09

   ログインページとサインアップページのUIを作成しよう

Chapter 10

   サインアップ処理の実装

Chapter 11

   ログイン処理の実装

Chapter 12

   ドロワーとログアウト処理の実装

Chapter 13無料公開

   StatefulWidgetのライフサイクルメソッド

Chapter 14

   トップページのリダイレクト処理を実装

Chapter 15無料公開

Chapter3: Supabase Detabaseを使ったデータベース機能を実装する

Chapter 16

   テーブルとモデルクラスを定義

Chapter 17

   MessageTextFieldの作成

Chapter 18

   MessageList, MessageBubbleの作成

Chapter 19無料公開

   Supabase Databaseのメソッド紹介

Chapter 20

   チャットルーム、チャットメッセージの追加を実装する

Chapter 21無料公開

   Streamクラスの概要

Chapter 22

   チャットメッセージの取得を実装

Chapter 23

   AppDrawerListTile、ChatRoomEditDialogの作成

Chapter 24

   チャットルームの取得を実装

Chapter 25

   チャットルームの更新を実装

Chapter 26

   チャットルームの削除を実装

Chapter 27無料公開

   Row Level SecurityでDB操作をセキュアにする

Chapter 28

   Row Level Securityを設定する

Chapter 29無料公開

Chapter4: OpenAI APIを使ってAIとチャットする

Chapter 30無料公開

   OpenAI APIについて

Chapter 31

   AIとのチャット機能を実装

Chapter 32無料公開

Last Chapter: 実機でワイヤレスデバッグしてみよう

Chapter 33無料公開

さいごに

Community
Author
heyhey1028
Topics
公開
本文更新
文章量
336,875
価格
1,200