![見出し画像](https://assets.st-note.com/production/uploads/images/110584797/rectangle_large_type_2_aba2c66e5c8173bdce47f2715288a2ea.png?width=1200)
【ワールドの作り方:上級編vol.3】ChatGPT応用 プロンプトを使ってみよう
Vket CloudではChatGPTにプロンプトを設定して呼び出すことができます。
プロンプトを設定することによって、Vket Cloudにて呼び出すチャットボットに返答の性格付け、設定に基づいたロールプレイ、しりとりなどの遊びなどなど…メタバース内の遊びが広がること間違いなしです!
ここではプロンプト設定用のウェブページにてプロンプトを作る方法と、VketCloudSDKでの呼び出し方について解説します。
ChatGPTのおさらい
そもそもChatGPTとは何か?についてはVol.1 【ChatGPT導入 基礎知識編】にて解説します!
ここでは、ChatGPTの様々な使い方を押さえているほか、返答や振る舞いを決めるためのプロンプト(指示書)の基本について深堀りします。
まだ読んでいない方はぜひ読んでみてください!
また、Vol.2 【ChatGPT導入 ワールドに連携してみよう】ではVketCloudSDK付属のチュートリアル用シーンを使ってChatGPTを触る方法を解説しています。
もし手っ取り早くChatGPTをVket Cloudで体験してみたい場合は読んでみましょう。
Vket Cloud向けのプロンプトの設定方法の紹介
プロンプトの作成と調教
Vket Cloud向けに新たにChatGPTのプロンプトを設定したい場合、まずVket Cloudトップページにログインし、マイページのダッシュボードから「AIプロンプト管理(β)」を選択し、AIプロンプト管理画面に移動します。
![](https://assets.st-note.com/img/1727834018-1ocwB4NfK5EUgi7LClaHbGWq.png)
AIプロンプト管理画面では、チャットボットの振る舞いを決めるためのプロンプトを入力して、サイト上で正しい挙動をしているかテストすることができます。
![](https://assets.st-note.com/img/1689823011950-tovUrQjggt.png?width=1200)
ここでは試しにコンビニ店員になったVketちゃんを作るための設定をしていきます!
新規のプロンプトを作るため、はじめに左のメニューから「登録」を選択します。
![](https://assets.st-note.com/img/1689823143843-tDrNWeL4tv.png)
登録ページではプロンプト識別用の名前と簡単な概要を入力して登録します。
後から見てもわかりやすい情報を入れると便利です。
![](https://assets.st-note.com/img/1688977186038-VqSbyOCAtf.png?width=1200)
「登録」を押すと、一覧にて新しいプロンプトが生成されます。
![](https://assets.st-note.com/img/1689823291604-KjSuEUSQks.png?width=1200)
ここではまだ何も中身を設定していないため、右から2番目の「調教する」を選択してプロンプトを構築していきます。
![](https://assets.st-note.com/img/1689823311538-tbVwVdbq64.png?width=1200)
プロンプトは3つのロールに分けられており、入力した情報によってチャットボットの振る舞いが変わっていきます。
ロールとは、チャットの振る舞い方のお手本(モデル)を作るために前提知識、質問、返答の枠組みをチャットボットに読ませるための分類です。
![](https://assets.st-note.com/img/1688979938495-f6u47ctjw0.png?width=1200)
また、ロールの厳密な役割についてはOpenAIのマニュアルにて以下のように説明されています。
system: assistantロールでの返答を定義するためのロール。GPTには事前知識がないので、systemロールで返答の仕方などを定義します。
user: assistantの返答内容や返し方を決めるにあたってモデルとなる質問です。
assistant:モデルとなる返答を設定します。assistantは以前に入力されたやり取りから返答を類推しますが、もし事前に返答の例を定義したい場合はassistantロールのプロンプトで定義します。
プロンプトを追加するにはロールを選択した上でテキストボックスに入力し、「送信」を選択します。
![](https://assets.st-note.com/img/1689823860838-zePJdz20EL.png?width=1200)
質問->回答のようにまとめてプロンプトを打ちたい場合、「プロンプト追加」を選択してプロンプトを複数記入します。
![](https://assets.st-note.com/img/1689823875040-tcE6cuVwJi.png?width=1200)
例えば今回のコンビニ店員Vketちゃんの場合は、以下のようにsystem(🌐のマーク)とuser(Vket Cloudロゴのマーク), assistant(Vketちゃんのマーク)のプロンプトを記入しました。
![](https://assets.st-note.com/img/1689823882170-5Hs12ep8VL.png?width=1200)
また、ここで追加したプロンプトを訂正したい場合は右のゴミ箱アイコンを選択してプロンプトを一度消去します。
![](https://assets.st-note.com/img/1689830603267-1o1iFjILqq.png?width=1200)
プロンプトの書き方についてはVol.1 【ChatGPT導入 基礎知識編】にて解説しているため、プロンプト作成の際に参考にしましょう。
作成したプロンプトのテスト
作成したプロンプトを基にした会話を試すためには、「お話する」を選択します。
![](https://assets.st-note.com/img/1689830763797-D6iWITZTxI.png?width=1200)
ここではChatGPT公式のサービスと同様に、会話を行うことができます。
例として、以下のように質問するとコンビニ店員のVketちゃんが返答してくれます。
![](https://assets.st-note.com/img/1688979964620-mFFZp6jbpm.png?width=1200)
ここでの会話はChatGPTの振る舞いに影響を与えるため、返答内容への影響を与えないテストを行う場合は「性能チェック」を選択します。
![](https://assets.st-note.com/img/1689830773772-UCEWnrDK9G.png?width=1200)
VketCloudSDKとの連携
AIプロンプト管理画面にて十分な対話ができるプロンプトを設定出来たら、VketCloudSDKにて呼び出しのための設定を行います。
ここで、ChatGPTの挙動が簡単に確認できるワールドの組み方を説明します。もしVketCloudSDKを導入していない場合は、以下の記事を参考に開発環境を構築しましょう。
1.Vket Cloudのワールド構築の基礎オブジェクトを配置
新規のシーンを立ち上げたら、Hierarchyの上で右クリックし、「Add essential objects for VketCloud」を選択し、基礎オブジェクトを配置します。
![](https://assets.st-note.com/img/1689924851079-lf6dJPr2IF.png)
この時、初期状態では足場がないためCubeを仮の足場として置いておきます。「World」オブジェクトを右クリックし、「3DObject」>「Cube」とクリックし、Cubeを配置します。
その後配置したCubeのInspectorのScaleをX=10、Y=0.1、Z=10にします
![](https://assets.st-note.com/img/1727835526-NCDKxkRcjBdypYzQve1WITq4.png)
変更後に下記のようになっていればOKです。
![](https://assets.st-note.com/img/1727835605-of4N1duS8FbcHpnljV9eU5RP.png?width=1200)
2.WorldオブジェクトにVKC Attribute Scriptコンポーネントを追加
WorldコンポーネントにVKC Attribute Scriptコンポーネントを追加します。
このコンポーネントによって、ワールドにてChatGPTを呼び出すためのスクリプトが動かされます。
まず、HierarchyからWorldを選択し、InspectorにてVKC Item Field内のAdd Componentをクリックします。
一番下にあるAdd Componentではないので注意してください。
![](https://assets.st-note.com/img/1727836392-1MrsUnqIluhtpLFVedHAj4NK.png)
この操作によってVKC Attribute Scriptがワールドに追加されます。
3.HeliScriptにChatGPTTestを設定
初期状態のVKC Attribute ScriptにはComponentが何も入っていないので、右下の「+」を押してComponentを追加します。その後、Selectを押してChatGPTTestを指定します。
![](https://assets.st-note.com/img/1727836586-NMGW5T0lr3vZpHiYC7B4kSLA.png)
4.ChatGPTTestのIDをプロンプトのものに書き換え
本シーンではChatGPTのプロンプトを「ChatGPTTest」と言うHeliscript(※1)を使用して呼び出しています。
AIプロンプト管理画面にて設定したプロンプトを呼び出すには、ChatGPTTestのhsファイル(※2)を編集します。ファイルの場所は、先ほどのComponent選択画面で「ChatGPTTest」の名前をクリックすると、Projectウインドウでファイルの場所を表示してくれます。
![](https://assets.st-note.com/img/1727837219-VBk6LtXWCJAO82eodaHzUDQZ.png)
その後hsファイルを「Visual Studio Code」などのソフトで開き、先ほど設定したプロンプトの一覧にあるIDとNameを「CharacterID」と「CharaName」の部分にそれぞれ書き換えます。
※=の後ろのスペース、およびCharaNameの「” ”」を消さないように注意
![](https://assets.st-note.com/img/1727837839-saIZ1hluyBnJzLYiVjeSPEco.png?width=1200)
※1:VketCloudSDK専用の独自言語
※2:HeliScriptファイルのこと。
なお、プロンプトIDは他のユーザーも使えるため、面白いプロンプトができたら共有してみましょう!
※管理画面では自分が作ったプロンプトのみ表示されます。
スクリプトを変更した上でビルドすると、実際にワールドにてプロンプトを設定したChatGPTを呼び出せるようになります!
![](https://assets.st-note.com/img/1727838504-j6h40HVnxgKBeiRL3IOvMSCQ.png?width=1200)
ぜひ様々なプロンプトを設定して遊びを設計してみてください!
![](https://assets.st-note.com/img/1688983707524-GfrRfxLsfC.png?width=1200)