以下の内容はhttps://creators.bengo4.com/entry/2025/12/16/000000より取得しました。


Web技術でAIキャラクターを使ってAIエージェントを作成するためのOSSの紹介

Web技術でAIキャラクターを使ってAIエージェントを作成するためのOSSの紹介
Web技術でAIキャラクターを使ってAIエージェントを作成するためのOSSの紹介

この記事は弁護士ドットコム Advent Calendar 2025の 16 日目の記事です。

こんにちは。弁護士ドットコム株式会社でエンジニアをしている井出です。
昨年の Advent Calendar 2024 では UnityとDifyで自分専用のAIエージェントを作成する ブログを書きました。

こちらの記事のフィードバックで Unity が難しいというご意見が少なからずありました。確かに Web エンジニアにとっては Unity のそもそもの概念や UI、バージョンに強く依存するところなどとっつきにくいところが多数あったかと思います。

そこで今回は Web エンジニアに馴染みのある技術を使って AI キャラクターを動かし、AI エージェントとして利用できる OSS として AITuberKitProject AIRI を紹介します。

AITuberKit

github.com

概要

AITuberKit は、AI キャラクターとのチャットや YouTube 配信が簡単にできるツールキットです。

AITuberKitは、誰でも簡単にAIキャラクターとチャットできるWebアプリケーションを構築できるオープンソースのツールキットです。 豊富なAIサービス、キャラクターモデル、音声合成エンジンに対応し、高いカスタマイズ性を備えた対話機能とAITuber配信機能を中心に、様々な拡張モードを提供しています。

ドキュメントも整備されており、商用ライセンスも存在します。

docs.aituberkit.com

github.com

しかし残念ながら現在は新規機能開発は停止しておりますので、そこだけご注意ください。

note.com

セットアップ

クイックスタートに書いてあるとおりにすれば基本的には問題ありません。

docs.aituberkit.com

ただし、Node.js のバージョンには注意する必要があります。バージョンが新しすぎるとエラーになります。私が起動を確認したバージョンは 20.19.6 です。

アプリケーションが起動してAIキャラクターが表示されている様子
アプリケーションが起動してAIキャラクターが表示されている様子

画面説明や使い方もクイックスタートに書いてあるので一読してください。またモデルも VRM に対応しているので独自のものに変更可能です。

モデルを独自の VRM モデルに差し替えた画面
モデルを独自の VRM モデルに差し替えた画面

独自の VRM モデルでチャットをしている様子
独自の VRM モデルでチャットをしている様子

またクイックスタートには書いてありませんが、TTS (Text to Speach) サービスをセットアップしていないとエラーになります。こちらはデフォルトが VOICEVOX になっているため、インストールしておいてください。

voicevox.hiroshiba.jp

AI エージェントとして使うための外部連携方法

AITuberKit には外部連携方法が 2 つあります。これらを利用することで AI エージェントのフロントとして利用できます。

外部連携モード(ベータ版)

1 つ目は外部連携モードです。こちらは Websocket で連携することが可能です。

docs.aituberkit.com

外部連携モードの設定画面
外部連携モードの設定画面

残念ながら私の環境では正常に動作しなかったため、どのように利用できるのかは読者のみなさまでご確認ください。

API 連携

API を使って外部から AI キャラクターにしゃべらせることが可能です。

docs.aituberkit.com

API連携のテスト画面
API連携のテスト画面

API連携を使用してAIキャラクターに発言させている様子
API連携を使用してAIキャラクターに発言させている様子

これを利用して Dify や独自の RAG システムなどを使用して最終的に生成したテキストを AI キャラクターにしゃべらせることが可能です。

dify.ai

Project AIRI

github.com

概要

Project AIRI は Neuro-sama にインスパイアされた OSS です。

モデル駆動の魂の容器、ちょっとしたことができるデスクペット。 Neuro-samaのようなバーチャルペアも私たちの世界の一部にしましょう!

Neuro-sama は AI VTuber として YouTube で活動しています。

www.youtube.com

Neuro-sama についてより知りたい場合は下記 ITmedia のニュース記事を見ると分かりやすいです。

www.itmedia.co.jp

Project AIRI については下記ドキュメントサイトがあります。

airi.moeru.ai

いろいろドキュメントが抜けている部分もありますが、大枠の理解には役に立つことが書いてあります。

セットアップ

基本的には下記 README に書いてあるとおりで問題ありません。

github.com

起動して LLM プロバイダーの API Key などの設定をすると利用可能になります。サポートされているプロバイダーは多岐にわたるので README を見てご自身の利用したいものを選択してください。

github.com

AIキャラクターと会話している様子
AIキャラクターと会話している様子

設定は分かりづらいですが右上のアイコンから可能です。

設定アイコンの画像
設定アイコンの画像

Live2D の他に VRM にも対応しているので独自のモデルも利用可能です。

独自のモデルを設定している様子
独自のモデルを設定している様子

ステージたまごっち(デスクトップアプリ)とは

Project AIRI は Electron を使用してデスクトップアプリケーションとして動作させることが可能です。デスクトップアプリケーションとしてビルドするには「ステージたまごっち」と呼ばれるビルドを行う必要があります。

www.electronjs.org

もともとは Tauri を利用していましたが WebGPU 周りで問題が出たため、最新のバージョンだと Electron に移行しています。ただし、Tauri を利用していたときの古いコードや設定などがまだ残っているため注意してください。

また Electron 移行している最新のバージョンはまだアルファ版であり、私の環境では正常に動作しなかったため動作が確認できていません。読者のみなさまの環境でご確認ください。

Windows を利用しているエンジニアへの注意点

モジュールインストール時にシンボリックリンク作成でエラーになる場合があります。原因はストレージのフォーマットタイプによるものです。

learn.microsoft.com

FAT32 と exFAT はシンボリックリンクが作成できないため、NTFS を使用してください。

AI エージェントとして使うための外部連携方法

Project AIRI があらかじめ準備しているものを利用可能です。

github.com

しかしアーキテクチャやコードを見るとプラグインが作れそうに見えると思います。

github.com

組み込まれている機能は server-sdk モジュールを使っているのでこれを利用すれば良さそうですが、本体コードをよく見ると呼び出しは本体コードにあらかじめ組み込んで呼び出す仕組みになっているため、本体コードを修正せずに呼び出すことは(少なくとも現状は)できないように見えます。もし理解が間違っていたらご指摘ください。

この拡張性に関しては作者がアーキテクチャの再考をしており、去年の UnityとDifyで自分専用のAIエージェントを作成する ブログで使用した ChatdollKit を参考にしています。

github.com

そのため、ユーザー独自のプラグインを近い将来利用できるようになるのではないかと考えています。

おまけ

README トップの画像の青髪の子は組み込み済みのモデルでは利用できません。ではこの子は何なのかというと、次期バージョンモデルになります。

airi.moeru.ai

まだリポジトリに取り込まれてはいないようですが、かなりよく出来ているので実装が楽しみです。

まとめ

Three.js、WebGPU、Electron など Web 技術を使用してここまでのことができるようになってきました。特に Project AIRI ではローカル推論のための Transformer.js の利用やローカル TTS 推論エンジンの開発など最新の技術の取り込み・開発をしています。そのため Web 技術で AI キャラクターを利用したエンタープライズレベルの AI エージェントを開発することが近い将来できるようになるかもしれません。

いかがでしたでしょうか。通常の Web サービス開発では利用しないような技術が多いため、Web エンジニアでも目新しい発見がたくさんあるのではないでしょうか。この年末年始にぜひ触ってみていただければと思います。




以上の内容はhttps://creators.bengo4.com/entry/2025/12/16/000000より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14