ChatGPTキャラクターマスコットアプリの紹介【準備＆インストール編】

# これは何？

デスクトップに常駐表示できるデスクトップマスコット
ユーザーが設定したキャラクターとの会話が楽しめます。

Live2Dモデルは春日部つむぎちゃんを使用させていただきました。

**性格、言葉遣い、語尾などのキャラクター設定が可能です！**

![GPT_DesktopMascot_会話ログ読み込み後.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3124829/2e85e3fb-8a0f-eb33-7cb1-c65f0a89c684.png)

# 動作環境

「Windows11 64bit」で動作確認済

:::note warn
「Windows10」でも動作するかとは思いますが動作未検証です。
※ 32bitは非推奨（動くか不明？）
:::

# 料金

**アプリ自体は「無料」で利用できます！**

ただし、OpenAIのサービスを使用しているため、**API利用料がかかります。**
アカウント登録時に18ドル分のクレジットあり

OpenAIのAPI利用料に関しては従量課金制となっており、
後述する「Prompt.txt」で記述したキャラクター設定、会話文の長さに比例して料金がかかります。

OpenAIのホームページでどのくらい使用したかが確認できるため、都度確認するのをおススメします。

https://auto-worker.com/blog/?p=7005

:::note info
**追記 2023/03/07（月）**
最新版はChatGPTのAPIを使用しており、利用料金は1000トークン当たり0.0020ドルです。
text-davinciの1/10の料金設定になっています。
:::

# 利用規約

ご自由にお使いください！

ただし、VOICEVOX、Live2Dのキャラクターモデルの規約を遵守するよう、よろしくお願いいたします。

# 準備

### 【１】VOICEVOXのインストール

公式ページよりVOICEVOXをインストールしてください。

https://voicevox.hiroshiba.jp/

### 【２】OpenAIのアカウント作成

公式ページよりOpenAIのアカウント作成を行ってください。

https://openai.com/

### 【３】キャラクターマスコットアプリのダウンロード

以下のダウンロードリンクよりzipファイルをダウンロードし解凍してください。

https://drive.google.com/drive/folders/1kH8x7OsLn87Kfoz9Sar6rpnVZGP_RkYU?usp=sharing

アプリを右クリックして「ダウンロード」をクリックするとダウンロードが開始されます。
**※ 最新版は「Ver1.1.0」**

:::note warn
サイズが大きいためGoogleのウイルスチェックができない旨のメッセージが表示される可能性もあります。
ウイルスチェックはダウンロード後に行ってください。
※ セキュリティの観点から大事！
:::

:::note info
**2023/03/05 追記**
ついにChatGPTのAPIがリリースされました！
古いアプリの場合、最新アプリに更新してください。（**最新版の「Ver1.1.0」から対応**）
最新版の場合、精度が高く、応答速度も速く、発生する料金が1/10になるためおススメです！

**また、天気情報の取得、会話ログの読み込み、感情パラメータの導入にも対応しております。**
:::

### 【４】VOICEVOXを起動

以下のようにVOICEVOXのメイン画面が表示できていればOK！

![VOICEVOX_立ち上げ.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3124829/f3b6ea6c-db59-f8ff-86b7-d9f2b2890114.png)

### 【５】マスコットアプリを起動

zipファイルを解凍して「DesktopMascotTsumugi.exe」を起動すると、
以下の画像のようにLive2Dキャラクター（春日部つむぎ）が表示されます。

![GPT_DesktopMascot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3124829/95c808cc-558f-5b73-3b6f-a8b37dc41bdf.png)

チャット欄左下に「VOICEVOX 起動中」と表示されているか確認する。

:::note warn
「VOICEVOX 停止中」と表示されている場合、
VOICEVOXが起動できていないか、エンジン準備中の可能性があります。
待機しても解消されない場合、マスコットアプリ、またはVOICEVOXを再起動してください。
![VOICEVOX_停止中.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3124829/22d928ff-3848-be84-821d-42231dae5f67.png)
:::

### 【６】OpenAIのAPIキー発行

OpenAIのホームページにログインし、APIキーを発行してください。
APIキー発行手順については以下のサイトが参考になるかと思います。

https://auto-worker.com/blog/?p=6988

:::note warn
OpenAIのAPIキーは発行時のみ確認ができます。（再確認はできません）
APIキーを忘れた場合は再発行してください。
:::

### 【７】設定画面よりOpenAIのAPIキーを入力

1. アプリの左上の歯車（:gear:）ボタンをクリック。

    ![GPT_DesktopMascot_設定ボタン.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3124829/bf5720fd-9936-da5d-7161-cb3809aca042.png)

1. 以下の設定画面が表示されます。

    ![GPT_DesktopMascot_設定画面_一般.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3124829/13cb0094-5309-13d6-ed5e-6675e25a3807.png)

1. 「OpenAI」タブをクリック

    ![GPT_DesktopMascot_OpenAIタブ.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3124829/630672c5-4916-45f6-687d-0a301ef4b45d.png)

    ![GPT_DesktopMascot_APIKey設定.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3124829/6346c3d6-510c-e1eb-2adf-a0c8851c41db.png)

1. OpenAIのホームページで発行したAPIキーをコピー
    - 「【６】OpenAIのAPIキー発行」で発行したAPIキーをコピーしてください。
    - 赤枠で囲ったボタンをクリックするとコピーができます。

    ![API key generated.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3124829/a535bc72-6adf-9feb-5879-035e2a8eca89.png)

1. 発行したOpenAIのAPIキーを「OpenAI API Key」に貼り付け（:clipboard:ボタンで貼り付け）

    ![GPT_DesktopMascot_APIKey設定.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3124829/ea30d103-5ada-bef0-be68-bc9d9be6f338.png)

    ![GPT_DesktopMascot_APIKey設定後.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3124829/af76d2b2-80bc-d9f7-6c1d-eb83896744de.png)


1. 一番下の「OK」ボタンをクリックし、設定を保存してください。

    ![GPT_DesktopMascot_OKボタン.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3124829/e7cf74e7-9b62-5b61-38fe-5cd56d402607.png)

:::note alert
APIキーは厳重に保管し取り扱いには注意してください。
（APIキーが外部に漏れると不正利用される可能性があります）
:::

### 【７】準備完了！

試しに「こんにちは！」と入力して「送信」ボタンをクリックしてみましょう！（Alt+Enterでも可）
キャラクターが喋り始めれば基本的な準備は完了です！

![GPT_DesktopMascot_初回あいさつ.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3124829/e72a92df-605c-1638-2905-b0eebf585c5a.png)

:::note info
ここまでの準備が完了していれば、
次回以降は「VOICEVOX」、「マスコットアプリ」を起動すれば利用可能となります。
:::

:::note warn
以下の画像のようなエラーが表示された場合はAPIキーの認証が失敗している可能性があります。
![OpenAI認証エラー.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3124829/d927d17e-b54f-4d3b-83d4-7c0f7b6d9be1.png)
:::

:::note warn
OpenAIサーバーへのアクセスが集中している場合、回答に時間がかかる場合があります。
※ 時間帯によるかもしれません？
:::

### あれ？キャラクター設定はどこでするの？

次の【機能編】の「◆ キャラクター設定(Prompt.txt)」にて紹介しております。

https://qiita.com/AIDeveloper777/items/a86ef0b096e7134932f7

# 最後に

**以下の関係者の皆様には大変感謝しております。**

**Live2D**
[公式サイト](https://www.live2d.com/)

**VOICEVOX**
[公式サイト](https://voicevox.hiroshiba.jp/)
開発者：[ヒホ（ヒロシバ）](https://twitter.com/hiho_karuta)

**春日部つむぎ　Live2Dモデル**
[公式サイト](https://kasukabe294.booth.pm/items/3645002)
イラスト：[春日部つくし](https://twitter.com/kasukaBe_nyoki)
モデリング：[米田らん*](https://twitter.com/komeda_run)

**春日部つむぎ　VOICEVOX**
ボイス：[春日部つくし](https://twitter.com/kasukaBe_nyoki)

**Twitterにて情報共有してくださった皆様**

ツール、声、モデル、情報を提供していただき、ありがとうございました！

本マスコットアプリの制作を通して、自社の商品説明や応対botなどに応用できそうだと感じました。
「OpenAIへのアクセスが集中している際にレスポンスが遅い」など、まだ実用上の課題は多いですが...
学べて良かったと思っております。

# 以下、参考にさせていただきました

https://auto-worker.com/blog/?p=7005

https://auto-worker.com/blog/?p=6988