開発ブログ
Focus Mixerの開発を通じて学んだ技術的知見、設計の思想、UI/UXの考え方などを発信しています。 Web技術が好きなエンジニアや、集中術に興味があるすべての人に向けて書いています。
記事一覧
Web Audio API
Web Audio APIで作る環境音ミキサー — 設計と実装の全記録
近日公開
ブラウザ標準APIのみで高品質な環境音ミキサーを実現する方法を解説。
AudioContext、GainNode、ループ再生の実装パターン、
モバイルのオートプレイ制限への対処法まで網羅します。
2026年 公開予定
UIデザイン
「引き算」のUI — ミニマリストツールのデザイン哲学
近日公開
機能を削ぎ落とすことで生まれる集中体験。
SFテイストのダークモードUIを構築する際に考えたCSSアーキテクチャ、
カラーシステム、タイポグラフィの選定プロセスを紹介します。
2026年 公開予定
インフラ・配信
静的サイトでAudioを最適配信する — OGGとキャッシュ戦略
近日公開
GitHub Pages上で12種類の音源ファイルを効率よく配信するために取り組んだ
ファイルフォーマット選定（MP3→OGG変換）、ファイルサイズ最適化、
ブラウザキャッシュの設計について解説します。
2026年 公開予定
このブログについて
Focus Mixerは、AliceIndexが個人開発したプロジェクトです。 このブログでは、開発過程で直面した技術的な課題やその解決策、 ツールを作る上で考えたことをありのままに記録していきます。