Business social network with 4M professionals

道園渚

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

4Connections 5Followers

Message

道園渚

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

Message

違和感を、形にする。

音楽制作をバックグラウンドに、React / TypeScriptを中心としたフロントエンド開発に取り組んでいます。個人開発では、Three.js / WebGL / Web Audio APIを用いて、音声解析の結果に応じて3Dビジュアルがリアルタイムに変化し、1920×1080のMP4動画としてレンダリング・ダウンロードできるWebアプリケーションを設計・実装・公開しました。

waveform.tranjectories.xyz

Recent stories

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

23 days ago

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

23 days ago

Ambition

In the future

音楽・映像・3D表現とWeb技術を組み合わせ、ユーザーの操作や音、データにリアルタイムで反応するインタラクティブな体験を作っていきたいです。 React / TypeScriptを軸に、Three.js / WebGL / Web Audio APIなどを活用し、視覚と聴覚の両方に働きかけるWebアプリケーションの開発に取り組みた

株式会社P&S1 month

フロントエンドエンジニアPresent

Jul 2026 - Present

HTML/CSS/JavaScriptなどを用いたLP等のWebサイト制作

個人開発（Independent）8 years

フロントエンドエンジニアPresent

2018 - Present

2018年からWeb制作・個人開発を始め、基礎的なHTML / CSS / JavaScriptの学習と制作を経て、現在はReact / TypeScriptを中心としたフロントエンド開発を行っています。個人開発では、Three.js / WebGL / Web Audio APIを活用した音声反応型3Dビジュアライザーや、音源解析からMIDIデータを生成

株式会社ソレモ2 months

フロントエンドエンジニア

Jun 2026 - Jul 2026

React / TypeScriptで開発されたメディア関連Webサービスのフロントエンド開発に従事しました。複数画面で使用される音声プレビュー機能の共通コンポーネントを担当し、既存コードや仕様の調査、コンポーネント設計、表示バリエーションの追加、再生状態の管理、操作メニューの実装、UI調整、

N高等学校3 years

Apr 2020 - Mar 2023

Personal Achievements

wantedly.com
音楽制作から、音に反応するWebアプリを作るようになるまで
Jul 2026
音声反応型3Dビジュアライザー
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
May 2026