400万人が利用するビジネスSNS

道園渚

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

4つながり 5フォロワー

メッセージ

登録してプロフィールを閲覧

道園渚

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

メッセージ

登録してプロフィールを閲覧

違和感を、形にする。

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

waveform.tranjectories.xyz

この先やってみたいこと

未来

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

株式会社P&S1ヶ月

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

2026年7月 - 現在

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

個人開発（Independent）8年間

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

2018年 - 現在

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

株式会社ソレモ2ヶ月

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

2026年6月 - 2026年7月

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

N高等学校3年間

2020年4月 - 2023年3月

個人の実績

wantedly.com
音楽制作から、音に反応するWebアプリを作るようになるまで
2026年7月
音声反応型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
2026年5月