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
はじめに
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: 実機でワイヤレスデバッグしてみよう
さいごに
Community
Author
Topics
- 公開
- 本文更新
- 文章量
- 約336,875字
- 価格
- 1,200円