【週末アプリ作成】デスクトップ・チャットマスコット(微修正 v1.3)
※2026/1/6 0時過ぎにコードの修正をしました。
任意の日付のスケジュールとタスクを取得できるようになりました。
・「今日の予定を教えて」
・「〇月〇日のタスクを教えて」
チャットマスコットのコードを微修正しました。
v1.3 更新内容
コンテキスト管理、記憶管理を実装
Google カレンダー、ToDoリスト(タスク)からイベントを取得し、通知を表示
その他UI改善:マウスによるアバターの拡縮、移動、回転、チャットボードの色変更(ライト/ダーク)
次の更新でモーションを実装かなぁ…🤔
v1.1 更新内容
Gemini-APIに対応
メモリ管理機能を追加
コンテキストサイズ設定と使用量表示を追加
モーション取り込み機能を追加(vrma形式)
マルチOS対応(Node.jsが動く環境であれば。Windows, Macintosh, Linux)
v1.0 実装機能
OpenAI API/OpenAI API互換LLMでのチャットボット
VRM 1.0による3Dアバター取り込み機能
チャット内容に応じてアバター表情の自動切換え、リップシンク
アイドル時の瞬き、揺れモーション
任意のシステムプロンプト設定対応
コンテキスト管理、記憶管理のシステム概要図

Google カレンダー、ToDoリストのイベント通知
イベントを取得してメッセージを添えて通知してくれます。
「OK」をクリックすると通知の吹き出しが閉じます。
⚠️コード内にユーザー呼称とAIアシスタント名を直接記載しています。
「chat.html」の以下の364行~372行を任意に書き換えてください。
あなたはユーザーのパートナー「りん」です。
ユーザーのToDoリストに「今日やるべきタスク」があります。
ユーザーに、このタスクを忘れないよう、可愛らしくリマインドしてください。
タスク: ${data.title}
期限: ${data.timeInfo}
出力例:
「先輩、今日中に『${data.title}』やるんじゃなかった? 応援してるからね!」
⚠️重要⚠️
Google カレンダーと ToDoリスト(タスク)のイベント取得には、
「Google Calendar API」と「Google Tasks API」、および「OAuth認証」の設定が必要となります。
設定手順を用意しましたので、こちらを参考に設定をしてみてください。
ライセンスと免責事項
このツールは個人使用を目的としています。noteの利用規約に違反しないよう、常識の範囲内でご使用ください。
本ツールの使用によって生じたいかなる損害についても、製作者は責任を負いません。
使用ライブラリ
このアプリケーションは以下のオープンソースライブラリを使用しています:
- Three.js (MIT License) - Copyright © 2010-2024 three.js authors
- @pixiv/three-vrm (MIT License) - Copyright © 2020 pixiv Inc.
- Electron (MIT License) - Copyright © Electron contributors
- Google APIs Node.js Client (Apache License 2.0) - Copyright © Google LLC
これらのライブラリは MIT License の下で提供されています。
