- 1. DiscordでAIと音声対話できるBOTを作ってみる
- 2. 非同期でのNode.jsのReadStreamの振る舞いを確認してみる
- 3. Google Cloud Runのデプロイは.gitignoreを見ている
- 4. npm i –legacy-peer-deps
- 5. Flask + Webpack with VSCodeの開発環境
- 6. PreprosでNODE_ENVを使ってステージングと本番でJSの処理を切り替える
- 7. 【Node.js】コードからNFTを作成する方法
- 8. symbol-sdk@3.1.0でTypeScriptがサポートされたので試してみる
- 9. Node.JSのメモ
- 10. Express.jsプロセスのクラスタリング化について
- 11. NestJS でクライアントリクエストを受け取る
- 12. akashic engine × TypeScriptでfetchが見つからないと言われた時
- 13. Node.js Error: EPERM: operation not permitted, mkdir の対応
- 14. 【Javascriptメモ】Node.jsで改行なしで出力する方法
- 15. Node.jsでmysql2を扱う時の備忘録
- 16. [備忘録] lambda(Node.js) から spotify api を呼んでみた
- 17. Reactで実家の飲食店ホームページ作成してみた
- 18. Promise.allの性能向上とPromiseバッチ処理のためのライブラリ
- 19. ffmpeg.wasmを使ってブラウザ上でBlobデータのmimeTypeを変換する
- 20. 天気予報アプリをReactで作ってみた
DiscordでAIと音声対話できるBOTを作ってみる
# はじめに
どうも、限界受験生です。
会話する相手が欲しいけどいない時間帯やコーディングしている最中に音声で質問したいときありますよね(きっと僕だけじゃないはず)
そこで、タイトルにある通りDiscordでAI(ChatGPT)とボイスチャンネルでずんだもんの音声で会話できるBOTを作ってみようと思います。
GCPやOpenAIのAPIは無料枠があるので今回の記事では基本無料で出来るものとなっています。:::note alert
無料枠を超える場合は利用料金が発生するのでご注意ください。
また、バージョンにより、この記事とは違う部分が出てくるかもしれませんので、ご注意ください。
:::# 使用技術
今回は僕の得意なJSを使用して書きたいと思います。
APIはDiscord API、Google Cloud Speech API、ChatGPT API、VOICEVOX APIの4つのAPIを使用していきたいと思います。
GCPのKeyFile発行やDiscordのTokenの発行、ChatGPTのKeyの発行方法は以下の記事をお読みください。
+ [GCP KeyFile発行
非同期でのNode.jsのReadStreamの振る舞いを確認してみる
# 前準備
## 環境
OS：Windows 11 Home 64 ビット オペレーティング システム
CPU：11th Gen Intel(R) Core(TM) i7-1185G7 @ 3.00GHz 3.00 GHz
RAM：32.0 GB
Node.js：Node.js v20.4.0.## 入力用テキストファイルを作成する
“`in.txt
1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
（中略）
1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
“`## ログ
Google Cloud Runのデプロイは.gitignoreを見ている
Cloud Runのビルドでハマったのでメモ
`gcloud run deploy`でCloud Runでデプロイ時に確実に含まれているはずのファイルが
`Module not found: Error: Can’t resolve ‘./setting’ in ‘/workspace/src’`
となる現象が発生。しばらく悩んだところ、
デバッグ用の設定ファイルをgit commitでいちいち更新扱いになるのが面倒くさかったので.gitignoreにファイルを追加していたのが原因のようでした。Cloud Runのビルドはどうやら.gitignoreを使用しているようで、ここでignoreしたファイルはdeployに含まれない模様。.gitignoreから削除したことで解消。
npm i –legacy-peer-deps
“`
https://github.com/MicrosoftArchive/redis
https://github.com/coreybutler/nvm-windows/releases
nvm install 8.10.0
nvm use 8.10.0npm i –legacy-peer-deps
“`
Flask + Webpack with VSCodeの開発環境
# 概要
個人開発中のFlaskアプリでjavascriptが大きくなりすぎたため、jsファイルを分割して管理することにしました。
しかし分割しすぎるとパフォーマンスに問題がでるらしく、回避のためwebpackで数個のjsファイルにbundle(build)する形をとることにしました。
ここで困ってしまったのが、「**FlaskとWebpackを併用する場合のフォルダ構造やデバッグ/ビルドの設定のあるべき姿**」とは?という点です。
結局正解は分からないままなのですが、備忘録がてら自分がどうしたかを記載しておきます。
# 前提知識
### Flaskとは
Webアプリのバックエンドをpythonで書くことができるフレームワークの１つです。他にはdjangoなどがあります。