【概要】
FlutterとSupabaseを使ったアプリ開発を学ぶことができる、ハンズオン形式の教本です。初学者向けに、簡単なAIチャットアプリを開発しながら、FlutterとDartの基礎をさらに学び、Supabaseの各種サービスとOpenAI APIの基礎的な使い方を身につけていきます。

【学べること】
👤 Supabase Authenticationを使った認証機能
📚 Supabase Databaseを使ったDB連携
🔐 Row Level Securityを使ったセキュリティ対策
🤖 OpenAI APIを使った大規模言語モデルの活用方法
📱 ワイヤレスデバッグの方法

【カバーしていないこと】
・状態管理パッケージの使用方法 (全てStatefulWidgetを使った実装になっています)
・アーキテクチャの設計と実装
・AppStoreやPlayStoreへのリリース方法

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

はじめに

Chatpter1: Getting Started!!

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

　　　Supabase連携をセットアップ

　　　OpenAI APIをセットアップ

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

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

　　　TextField、TextFormField、Formの概要

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

　　　サインアップ処理の実装

　　　ログイン処理の実装

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

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

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

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

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

　　　MessageTextFieldの作成

　　　MessageList, MessageBubbleの作成

　　　Supabase Databaseのメソッド紹介

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

　　　Streamクラスの概要

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

　　　AppDrawerListTile、ChatRoomEditDialogの作成

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

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

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

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

　　　Row Level Securityを設定する

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

　　　OpenAI APIについて

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

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

さいごに

読者コミュニティ｜Flutter x SupabaseでAIチャットアプリを作ろう

flutter

supabase

openai

heyhey1028