
このセクションで作るSidebarコンポーネントの完成版とロゴ画像のを載せておきます。
※openAI APIを利用するには最低5ドルをクレジットカードで支払う必要があります。
このコースではNext.js openAI API firebase を使って多機能なAIチャットアプリを0から開発します。
openAI APIとはchatGPTの開発元のopenAI社が提供するAPIで、これを使うことで
chatGPTのようなAI機能を持ったチャットアプリを作ることができます。
このコースを受講することで、OpenAI APIの基本的な使い方からアプリへの導入方法まで幅広く学ぶことができます。
■具体的には以下の機能を作ります。
☆AI機能
・チャット機能(テキストでAIとチャットをする機能)
・画像生成機能
・音声認識機能(音声ファイルからテキストを生成する機能)
・音声合成機能(テキストから音声を生成する機能)
・画像解析機能(画像とテキストでAIとチャットする機能)
ーーーーーーーーーーーーーーーーーーーーーーーー
☆その他
・ユーザー認証機能(google認証)
・チャット永続表示機能
・ファイルアップロード機能
・tailwind.cssとshadcn/uiによるデザインの作成方法
・firebaseサービスへのセキュリティールールの設定方法
・etc
ーーーーーーーーーーーーーーーーーーーーーーーー
■使用技術
・Next.js14/typescript(app router使用)
・node.js ( ver: 20.15.0 )
・npm ( 9.8.1 )
・firebase ( firestore, Cloud Storage, Authenticationを使用 ver: 10.10.0)
・openAI API
・shadcn/ui (デザイン作成に使用)
・ tailwindcss( デザイン作成に使用 ver: 3.3.0)
・React Hook Form ( フォーム管理に使用 ver: 7.51.2)
・Zod(フォームのバリデーションチェックに使用 ver: 3.22.4)