DTM特化型キュレーション&ブックマークサービス「MusicMachine」の個人開発
DTM(デスクトップミュージック)プラグインや音源、ニュースなどを効率的に集約・管理できるキュレーションサイトを個人開発しました。 「外部APIサーバーを立てずに、軽量かつスピーディーに実用的なWebアプリを作る」ことをコンセプトに、フロントエンドからデータベース設計まで一人で構築しています。 【こだわったポイント・苦労したこと】無駄を削ぎ落とした軽量・スピーディーな設計フレームワークに頼らず、HTML/CSSとVanilla JavaScript(ES6+)、そしてBaaSであるSupabaseを組み合わせることで、インフラコストと複雑性を抑えつつサクサク動くSPA(シングルページアプリケーション)風の挙動を実現しました。 実務を意識したデータベース設計とセキュリティ単にデータを保存するだけでなく、Supabase(PostgreSQL)のリレーション機能(記事とお気に入りの紐付け)や、RLS(行レベルセキュリティ) を適切に設定。認証ユーザーのみがお気に入り登録・削除を行えるよう、セキュリティ面も担保しています。 ターゲット層(DTMユーザー)に寄り添ったUI/UX自身が音楽制作(ギター演奏など)に触れているバックグラウンドもあり、「DTMソフト風」のダークモード基調のデザインを採用。直感的で目が疲れにくい、音楽好きに刺さるトーン&マナーに仕上げました。 【使用技術】Frontend: HTML5, CSS3, Vanilla JavaScript (ES6+) Backend / BaaS: Supabase (PostgreSQL, Supabase Auth) Design / Tools: Git / GitHub