AIの頭脳（miibo）に、キャラクターの魂を乗せたHTMLアプリ
犬のキャラクターをモチーフにした、友達感覚で話せるAIフレームです。 キーワードに応じてキャラクターの表情が自動で切り替わり、「感情を動かすAI」「関係性を作るUI」として設計されています。
- ランディングページ：https://chotbotlabo.net/dawan_ai/
- カスタマイズツール：https://chotbotlabo.net/dawan_customization_tools/
- AIエンジン（miibo）：https://miibo.ai/
- 6種類の表情変化：入力キーワードに応じてキャラクター画像が自動で切り替わる
- まばたきアニメーション：3〜6秒ごとにランダムでまばたき（間隔・速さは変更可）
- タイプライター表示：AIの返答が1文字ずつ表示される演出
- 定型メッセージ：ハンバーガーメニューからよく使うメッセージをワンタップ送信
- 音声入力：マイクで話しかけてそのまま送信（Vercel版のみ）
- 効果音：送信音・タイプライター音のオン/オフ切り替え
- プログラミング不要でカスタマイズ可能：専用GUIツールでコード生成できる
- miiboのアカウント（有料・トライアルあり）
- miiboのAPIキーとエージェントID
- PC（Windows / Mac）
- VSCode（または任意のエディタ）
- ブラウザ（Chrome推奨）
- GitHubアカウント
- Vercelアカウント（無料）
dawan_aiKit/
├── dawan_local_ver※※/ # ローカル版（PC・家族内利用向け）
├── dawan_vercle_ver※※/ # Vercel版（インターネット公開向け）
└── README.md
- このリポジトリをダウンロード（ZIP展開 または
git clone） local/js/内のapi_id.example.jsをapi_id.jsにコピーapi_id.jsを開き、miiboのAPIキーとエージェントIDを入力
const MEBO_API_KEY = "ここにAPIキーを入力";
const MEBO_AGENT_ID = "ここにエージェントIDを入力";local/index.htmlをブラウザで開く
- このリポジトリをGitHubにフォーク（またはクローンして自分のリポジトリにプッシュ）
- Vercel でプロジェクトをインポート
- Output Directory を
.（カンマ） に設定 - 環境変数を設定：
| 変数名 | 値 |
|---|---|
MEBO_API_KEY |
miiboのAPIキー |
MEBO_AGENT_ID |
miiboのエージェントID |
- デプロイ実行
⚠️ api_id.jsは.gitignoreに含まれています。APIキーを直接コードに書いてGitHubに上げないよう注意してください。
専用の**カスタマイズツール（GUI）**を使えば、プログラミング不要で各種設定を変更できます。 https://chotbotlabo.net/dawan_customization_tools/
| ファイル | 内容 | 難易度 |
|---|---|---|
js/greeting.js |
起動時のあいさつメッセージ | ★☆☆ |
js/quick_reply.js |
ハンバーガーメニューの定型メッセージ | ★☆☆ |
js/sound.js |
効果音のオン/オフ | ★☆☆ |
js/keyword.js |
キーワード→表情の対応設定 | ★★☆ |
js/script.js |
タイプライター速度・まばたき間隔など | ★★☆ |
css/style.css |
背景色・背景画像・フォントサイズなど | ★★☆ |
image/ |
キャラクター画像の差し替え | ★★☆ |
image/ フォルダの画像ファイルを自分のキャラクター画像に差し替えるだけで、
まったく別のAIフレームとして転用できます。
（ソースコードはMITライセンスのため商用利用も可能です）
音声入力にはブラウザの音声認識機能（Web Speech API）を使用しています。 無音状態が続くと認識が自動終了します。これはブラウザ間の互換性を確保するために 「1発話ごとに認識を完結させる」方式を意図的に採用しているためです。
だわんは「気軽にひとこと話しかけるAI」として設計されています。音声入力も長文の正確な入力よりも、 短いひとことや日常会話での利用を想定しており、この仕様はだわんの用途と合致しています。
MIT License — 無償利用・商用利用・改変・再配布すべて可能です。
MIT License
Copyright (c) 2025 オトーワン
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
著作権は作者（オトーワン）に帰属します。
| 利用 | 可否 |
|---|---|
| 個人利用・雑談・癒しなど | ✅ OK |
| SNS・ブログでの紹介 | ✅ OK |
| カスタマイズして自分用AIとして利用 | ✅ OK |
| キャラクター画像の再配布・商品化 | ❌ NG |
| だわんキャラクターのままでの商用利用 | ❌ NG（要相談） |
自分のキャラクター画像に差し替えれば、商用利用を含めて自由に使えます。
- 本プロジェクトは「現状有姿」で提供されます。動作保証は行いません。
- 不具合・サービス停止が発生する可能性があります。
- AIの応答内容の正確性は保証されません。
- 本プロジェクトの利用によって発生したいかなる損害についても、作者は責任を負いません。
- だわんはエンターテインメント・雑談を目的としたAIフレームです。医療・カウンセリング・福祉の代替にはなりません。
- AI機能にはmiiboを使用しています。AIの挙動・データ取り扱いはmiiboの利用規約に準拠します。
- APIキー・エージェントIDは利用者自身の責任で管理してください。
api_id.jsにAPIキー・エージェントIDを記載したままGitHubなどの公開リポジトリにアップロードすると、第三者にキーが盗まれ、無断利用・不正アクセス・意図しない課金が発生する危険があります。- このような情報漏洩によって生じたいかなる損害・不利益についても、作者（オトーワン）は一切の責任を負いません。公開前に必ず
api_id.jsが.gitignoreに含まれていることを確認してください。 - 本プロジェクトに対するサポートは原則行いません。
オトーワン X（Twitter）：@otousan19 note：oto_wan_ai