📖 前提

本勉強会における「AI」とはLLMおよびOpenAI社の提供するGPT-3.5-Turbo、GPT-4を指します。

🍲 作業の準備

npm・gitコマンドが使用できる環境構築

すでに動作する環境が整っている方はこの手順は省略して構いません。 この項目についてがわからない方はセットアップのサポートを行いますので会場スタッフにお声掛けください。

🙌 ハンズオン

手順の内容について分からない・エラーが出てしまったなどありましたら会場スタッフにお声掛けください。

1. ハンズオン用のリポジトリをローカル環境にcloneして動作させる

https://github.com/algorithms-co-jp/20230525-handson-sample-game

2. .envファイルの内容を設定する

• 手順1でcloneしたプロジェクト内に含まれている.env.exampleのファイル名を変更して .envとしてください。

• OPENAI_API_KEYの値にイベントページに記載されているAPIキーの値を設定してください

  

  このような形になっていればOKです

3. 動作させてみる

• プロジェクトのフォルダをターミナルで開いてください
• npm install を実行し、パッケージのインストールを行ってください
• npm run devを実行し、http://localhost:3000 でアプリケーションが動作することを確認してください

4. プロンプトや画面の項目を変更してみる

AIに行わせる処理は server/api/game.post.js に実装されています。 このファイルの中を変更してみましょう。

• LLMのmodelを変更してみる