Built Systems

Music tools, web apps, and operations support, documented with design intent and working outputs.

Card Lighting Demo - Interactive Holographic Card

01 2026.05.22

カード表面のホロ表現とポインター追従ライティングを再現するAstro製インタラクティブデモ

AstroTypeScriptTweakpaneCSSVitest

02 2026.04.01

箱と直方体だけで盆栽を描く、Three.js製の3Dビューア兼ミニジェネレータ

Three.jsViteJavaScript3DVitest

03 2026.03.25

ブラウザ内でPDFを開き、選択した文字列を黒塗りして再ダウンロードできる静的Webアプリ

ReactTypeScriptVitePDFiumVitest

04 2025.12.08

JavaScriptスニペットをbookmarklet URLとドラッグ登録用リンクに変換するAstro製ワンページアプリ

AstroTypeScriptWeb ComponentsMonaco EditorTerser

05 2025.10.02

ふわふわしたホバリング操作でステージを進む、Phaser製のブラウザ向けアクションゲーム

TypeScriptVitePhaserMatter.jsVitest

06 2025.07.15

Markdownテーブルをタスクに変換しタイマー管理できるChromeサイドパネル拡張機能

AstroTypeScriptChrome ExtensiondaisyUIVitest

07 2025.06.15

ローカル音源の任意区間をループ再生し耳コピ練習を効率化できるPWA対応音楽プレイヤー

AstroTypeScriptWeb Audio APIPWAnoUiSlider

08 2024.12.01

リアルなアクアリウム風静的Webアプリケーション。Three.jsとGLSLシェーダーを使用した、ブラウザで動作する癒し系アプリ

TypeScriptThree.jsGLSLTailwindCSSDaisyUIVite

09 2024.01.15

モダンなウェブ技術を使用したオフライン対応のタスク管理PWA

ReactTypeScriptViteSQLitePWA