01
AI Character System
Unity / FastAPI / OpenAI API によるAIキャラクター会話システム
UnityFastAPIOpenAI APIVOICEVOXVRM
Interactive Developer
Web・3D・AI を横断しながら、触れて理解できる インタラクティブなシステム体験を設計・実装しています。
AIツールを補助として使いながら、生成されたコードを読み解き、 構造を理解した上で実装と改善を積み重ねています。
Next.jsTypeScriptReactThree.jsAI API
Room Navigation
Portfolio 2026
ROOM の3D空間から Chat、Model、Music へ移動できます。 作品一覧ではなく、空間の中でポートフォリオを回遊できる導線です。
Monitor
Chat
Rack
Models
Piano
Music
01 — AI Character
AI Character System
概要
Unity をベースに、FastAPI を通じて OpenAI API と VOICEVOX を連携させた、 3Dキャラクター対話システムです。
システム構成
Unity 側で VRM キャラクター表示、会話UI、リップシンク制御を担当し、 FastAPI 側で API 通信とチャットログ管理を処理しています。
実装機能
- LLMストリーミング応答
- VOICEVOXによる音声合成
- 音声に連動したリップシンク
- 会話履歴を保持するチャットログ管理
学習と改善
AIツールを補助として使いながら開発を進め、生成されたコードを読みながら システム構造を理解し、責務分割や処理の流れを見直して改善しています。
Stack
UnityFastAPIOpenAI APIVOICEVOXVRM
03 — MODELING
Character Modeling
Blender を中心にキャラクターモデルとROOM用アセットを制作し、VRM / GLB 変換後の表示確認まで進めています。 Web表示時の見え方やデータ構成も含めて調整しています。
進めている内容
- キャラクターモデリング
- VRM / GLB 変換と表示確認
- ROOM用オブジェクト制作
- Web表示向けの構成調整
Stack
BlenderSubstance Painter
04 — About
About Me
04 — About
About Me
Web開発・3D表現・AIシステムを組み合わせた インタラクティブ体験の制作に興味があります。
AIツールを活用しながら開発を進め、生成されたコードを読みながら システム構造の理解を深めています。
現在は
- Next.js
- Three.js
- Unity
- AI API
を中心に学習と制作を続けています。
UX + EngineeringReal-time Interaction
UX + EngineeringReal-time Interaction
Domain
3D / Web / AI
Goal
Interactive experiences for portfolio and product.
Focus
AIは補助として使い、設計・実装・調整・改善は自分の手で積み重ねながら、コードを読み解いて構造理解を深めています。
Core Stack
- Next.js
- Three.js
- Unity
- AI API
Stack
Next.jsThree.jsUnityAI API
06 — Conversational AI
Chat
ポートフォリオの内容や制作背景を、会話形式でそのまま確認できます。 技術スタックや実装意図もすぐ質問できます。
Chat Preview
Portfolio context loaded自己紹介を短くお願いします技術スタックは？一番こだわった実装は？
こんにちは。ポートフォリオの技術スタックや制作背景についてお答えします。
このポートフォリオの技術スタックは？
YOU
Next.js / TypeScript / Three.js / React Three Fiber / xAI API を軸に構成しています。
メッセージを入力
CHATページへ移動
テキスト中心の軽量な構成で、
スマホでも確認しやすくしています。
Stack
Next.jsTypeScriptxAI APIGrok APITailwind CSS
Chat Preview
Portfolio context loaded自己紹介を短くお願いします技術スタックは？一番こだわった実装は？
こんにちは。ポートフォリオの技術スタックや制作背景についてお答えします。
このポートフォリオの技術スタックは？
YOU
Next.js / TypeScript / Three.js / React Three Fiber / xAI API を軸に構成しています。
メッセージを入力
05 — Music
Music Library
Logic Proを使用した楽曲制作・ミキシング・マスタリング。 ポートフォリオ内の音響制作にも使用しています。
05 — Music
Music Library
Logic Proを使用した楽曲制作・ミキシング・マスタリング。 ポートフォリオ内の音響制作にも使用しています。
現在の基準
- 配信時の聴感をそろえる
- -14 LUFS前後を基準に調整
- 各プラットフォームの音量差をチェック
現在の課題
- 低域の整理と音圧バランス改善
- 再生環境差を小さくする検証を継続
- ミキシングに最適化された作曲・編曲の習得
Stack
Logic ProGarageBandMixing
AVAVA feat.初音ミク
Original Soundtrack
0:00
現在の基準
- 配信時の聴感をそろえる
- -14 LUFS前後を基準に調整
- 各プラットフォームの音量差をチェック
現在の課題
- 低域の整理と音圧バランス改善
- 再生環境差を小さくする検証を継続
- ミキシングに最適化された作曲・編曲の習得
Stack
Logic ProGarageBandMixing
Stack
Logic ProGarageBandMixing
