とくなが まさとも

HTML/CSS/JSとSupabaseで、インフラコスト0の爆速Webアプリを作った話

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   

とくながまさとも

とくながまさとも

とくなが まさとも