見出し画像

【週末アプリ作成】デスクトップ・チャットマスコット(微修正 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 の下で提供されています。


ダウンロード

いいなと思ったら応援しよう!