道園 渚

音楽制作から、音に反応するWebアプリを作るようになるまで

React / TypeScript / Three.js / WebGL / Web Audio API を使用し、音声に反応して3Dビジュアルが変化するWebアプリケーションを制作しました。

アップロードした音源を解析し、リアルタイムで3Dビジュアルに反映させるだけでなく、生成したビジュアライザーを1920×1080のMP4動画としてレンダリング・ダウンロードできる機能も実装しています。

フロントエンド実装、UI設計、音声解析処理、3D表現、動画レンダリング機能、Cloudflare周りの設定・デプロイまで担当しました。

また、Codex / Cursor / GitHub Copilot などのAI支援ツールを活用し、実装方針の整理、コード生成補助、リファクタリング、エラー解決などを行いながら開発を進めました。

音楽制作の経験を活かし、音・映像・Web技術を組み合わせたインタラクティブな表現と、実際のコンテンツ制作に使える出力機能の両立を目指しました。

使用技術：
React / TypeScript / Vite / Emotion / Material UI / Three.js / WebGL / Web Audio API / Cloudflare / Codex / Cursor / GitHub Copilot

音声反応型3Dビジュアライザー

個人開発（Independent） / フロントエンドエンジニア

Park Yongmin

DISUPPER, 個人事業主 / バックエンドエンジニア

TAKANORI KATAISHI

株式会社yutori, 代表取締役社長

Muroi Toshinori

Mitsuru Haga

フリーランス, ウェブエンジニア

卓也 指原

株式会社ZOZO, 組織・人材開発部　組織開発

Accomplishments / Portfolio

Google AI プロフェッショナル認定証

Awards and Certifications

Publications

JavaScript

HTML/CSS

React

TypeScript

Three.js

WebGL

Web Audio API

仕事で使えるスプレッドシート関数

仕事で使える人事・労務管理ツール

仕事で使える組織サーベイツール

直近の企業でマネジメントに携わった年数

道園渚

道園渚

道園 渚

道園 渚

道園渚

道園渚