Abstract Architecture

Interactive Developer

SHIZUYA KUBOTA

Web・3D・AI を横断しながら、触れて理解できる インタラクティブなシステム体験を設計・実装しています。

AIツールを補助として使いながら、生成されたコードを読み解き、 構造を理解した上で実装と改善を積み重ねています。

ROOM Navigation

Portfolio 2026
ROOM navigation preview

ROOM の3D空間から Chat、Model、Music へ移動できます。 作品一覧ではなく、空間の中でポートフォリオを回遊できる導線です。

Monitor

Chat

Rack

Model

Piano

Music

ROOMページへ移動

応募職種

Web開発(フロントエンド寄り)

Strongest Project

3D Portfolio Room

3D × Web統合 / 軽量化最適化(GLB -95.3%)

Core Tech

Next.jsTypeScriptThree.jsBlenderAI API
Featured Works

Core Projects

HOME では AI Character と ROOM を主要プロジェクトとして見せ、 そのほかの制作領域は後段の supporting section に整理しています。

01

AI Character System

AI character system preview

Unity / FastAPI / OpenAI API によるAIキャラクター会話システム

UnityFastAPIOpenAI APIVOICEVOXVRM

02

3D Portfolio Room

3D portfolio room preview

React Three Fiber / Three.js を使用したWeb3Dポートフォリオ

React Three FiberThree.jsBlender
01 — AI Character

AI Character

概要

Unity / FastAPI / OpenAI API / VOICEVOX を連携させた、 3Dキャラクター対話デモです。

実装構成

Unity 側で VRM キャラクター表示、会話UI、リップシンク制御を担当し、 FastAPI 側で API 通信とチャットログ管理を処理しています。

実装機能

  • LLMストリーミング応答
  • VOICEVOXによる音声合成
  • 音声に連動したリップシンク
  • 会話履歴を保持するチャットログ管理

Stack

UnityFastAPIOpenAI APIVOICEVOXVRM
04 — About

About Me

Domain

3D / Web / AI

Goal

インタラクティブ体験の設計と実装。

Web開発・3D表現・AIシステムを横断し、インタラクティブ体験の設計と実装を進めています。

AIは補助として活用しつつ、生成コードを読み解きながら構造理解と改善を重ねています。

UX + EngineeringReal-time Interaction

Focus

AIは補助として使い、設計・実装・調整・改善は自分の手で積み重ねながら、コードを読み解いて構造理解を深めています。

Concept visual

Core Stack

  • Next.js
  • Three.js
  • Unity
  • AI API
Stack visual

Stack

Next.jsThree.jsUnityAI API
Supporting Work

Creative + Utility

HOME では主要プロジェクトを前面に出しつつ、Model・Music・Chat は補助的な制作領域として まとめて確認できるようにしています。

Model

Character Modeling

Blender を中心に、キャラクターモデルと ROOM 用アセットの制作を進めています。

Modeling preview
BlenderSubstance Painter
Music

Music Production

Logic Pro による作曲・編曲・ミックス制作。ポートフォリオ内の音響にも反映しています。

Music production preview
Logic ProGarageBandMixing