【AIチャットアプリ開発】Next.js & Firebase & ChatGPT APIを使ったWebアプリ開発講座

話題のOpenAIのAPIを使ったAIチャットアプリケーションをNext.js13とFirebase最新バージョンを使って開発する講座です。ChatGPTクローンを構築する中でモダンな技術を実践的に網羅できるお得な講座となっています。
4.43 (151 reviews)
Udemy
platform
日本語
language
Web Development
category
instructor
【AIチャットアプリ開発】Next.js & Firebase & ChatGPT APIを使ったWebアプリ開発講座
1,299
students
3 hours
content
Jan 2024
last update
$69.99
regular price

What you will learn

ChatGPT APIを使ってチャットアプリケーション開発が学べる

Nextjs13の最新バージョンでの開発ができる

Firebase最新バージョン9.0以降でのJavascriptライブラリの利用法が学べる

Firebase Cloud Firestoreでデータベースをリアルタイムで監視・取得ができる

Firebase Authenticationを用いたメール・パスワードでユーザー管理ができる

Firebase Hostingサービスを使ってNextjsで開発したサービスをデプロイできる

tailwindCSSを使ってログイン・新規登録ページのUIが構築できる

react-hook-formライブラリを使ってフォームのバリデーションチェックができる

フォームで扱う変数の状態管理をuseFormのHooksを使って実装できる

サイドバーとチャット欄のUIをTailwindCSSで実装できる

react-iconsを使ってアイコンを追加できる

onSnapshotを使ってリアルタイムでデータ呼び出しができる

複合クエリを利用する際に、Firebaseでindex登録ができる

useContextを使ってユーザーとルーム情報をグローバルで管理できる

Open AIのAPIを利用してGPT3.5でbotからのレスポンスを受け取れるようになる

新規登録・ログイン・ログアウトをFirebaseライブラリを使って実装できる

useRefを使ってメッセージ追加時に自動スクロールが実装できる

Nextjs13をビルドしてoutディレクトリに静的ファイルを出力できる

firebase CLIを使ってHosting作業の手順を学べる

Screenshots

【AIチャットアプリ開発】Next.js & Firebase & ChatGPT APIを使ったWebアプリ開発講座 - Screenshot_01【AIチャットアプリ開発】Next.js & Firebase & ChatGPT APIを使ったWebアプリ開発講座 - Screenshot_02【AIチャットアプリ開発】Next.js & Firebase & ChatGPT APIを使ったWebアプリ開発講座 - Screenshot_03【AIチャットアプリ開発】Next.js & Firebase & ChatGPT APIを使ったWebアプリ開発講座 - Screenshot_04
5541590
udemy ID
9/5/2023
course created date
10/6/2023
course indexed date
Bot
course submited by