Next.jsで作るChatGPTクローン開発!本格的な生成AIアプリケーションを開発して実践的なスキルをつけよう！

■はじめに

こんにちは、講師の吉田智哉です。

私は異業種からエンジニアに転職してから受託開発会社で様々な業界、業種のシステム開発を経験してきました。

その後、不動産のVRを開発する自社サービス開発会社に転職、フリーランスを経て起業しました。

起業した会社では受託開発、自社サービスの開発と、教育事業としてプログラミングスクールを運営しています。

本コースでは今最もホットな技術である生成AIと、最も人気のあるWebアプリケーションフレームワークであるNext.jsを組み合わせてChatGPTにそっくりなクローンアプリケーションをハンズオン形式で開発するチュートリアルです。

■このコースの概要説明

対象者

◆生成AIを使ったWebアプリケーションを開発してみたい方

◆生成AIを使った本格的なWebアプリケーションを開発してみたい方

◆実務レベルの本格的なNext.jsアプリケーションの開発の仕方を学びたい方

ハンズオン形式で手を動かしながら学ぶことができます。

■コースを受講することで…

・エンジニアにキャリアチェンジしたい方は、転職活動時にアピール材料となるポートフォリオに本アプリケーションを活用できます

・現役エンジニアの方は本コースでスキルを身に着けてキャリアアップ(昇進、昇格、昇給)につなげることができます

■こんな方が受講に向いています

・生成AIを使った本格的なアプリケーションを開発してみたい！

・プログラミング言語やWebアプリケーションフレームワークを学んでみたけど本格的なWebアプリケーションの作り方が分からない、知りたい方

■このコースは全部で22セクションです

1. はじめに

2. 開発環境を構築しよう

3. Next.jsのプロジェクトを作成しよう

4. チャットのUIを作成しよう

5. チャット機能の実装をしよう

6. チャットのUIの改善をしよう

7. データベースの設定をしよう

8. サインアップ機能の実装をしよう

9. サインイン機能を実装しよう

10. ヘッダーを実装しよう

11. チャットを保存できるようにしよう

12. ブラウザを再読み込みしてもメッセージが消えないようにしよう

13. 過去のチャット履歴を表示しよう

14. チャットのタイトルを作成しよう

15. サイドバーを開閉できるようにしよう

16. 新しいチャットを開始できるようにしよう

17. 大規模言語モデルを切り替えられるようにしよう

18. チャットの削除機能を実装しよう

19. カラーモードを切り替えられるようにしよう

20. Googleログイン機能を実装しよう

21. Vercelにデプロイしよう

22. ボーナスレクチャー

ハンズオン形式で実際に生成AIを使った開発、コーディングの様子を収録しています。

実際に手を動かしながら、学んでいただくことをおすすめします。

■最後に

本コースに興味をもっていただいた方は、動画終了後に「コース登録」へ進んでください。

もっと検討したいという方はプレビューで講座の一部が見れますので、ぜひ講座を覗いてみてください。

それでは、コースのなかでお会いできることを楽しみにしています！