道園 渚

音楽制作から、音に反応する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ビジュアライザー

株式会社P&S / フロントエンドエンジニア

 Takashi Uchiyama

個人活動, 宇宙飛行士挑戦エバンジェリスト

Kazushige Kobayashi

Yuichiro Shimizu

for Startups, Inc. / フォースタートアップス株式会社, 代表取締役社長

Sayuri Tominaga

Gen Fukushima

Accomplishments / Portfolio

Publications

JavaScript

HTML/CSS

React

TypeScript

Three.js

WebGL

Web Audio API

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

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

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

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

道園渚

道園渚

道園 渚

道園 渚

道園渚

道園渚