記事一覧

2015年頃に作った版権音楽の試聴プレーヤーのコードを振り返る。当時の苦労と、今ならどれだけ簡単に書けるかの対比。

WebRTCのシグナリング情報をQRコードで交換し、サーバなしでP2P音声通話を実現する実験。SDPの分割・結合やICE候補収集の実装を解説。

ウェブ会議やWebRTCアプリで発生するハウリングの原因と対策。ローカル再生のミュート、エコーキャンセレーション、ハードウェア対策をまとめた。

キャラ投票を例に、時間制限・SNS認証・シリアルコードなど投票権パターンの設計と実装を解説

WebSocket, WebRTC, SSE, HTTP/3, WebTransport, マネージド型など、小規模・低レイテンシの双方向同期が必要な場面での技術選択と実装例を解説。

大規模な同時視聴イベントで、動画再生に合わせたWeb演出を同期させるアーキテクチャ設計

SVGのパスをクリックして色を塗る仕組み。fill属性を変えるだけのシンプルな実装を、バニラJSで解説する。

ブラウザでカラオケ採点を作った昔話と、今風にリベンジするならどうするかの考察

Web Speech APIやMediaRecorderを使って、ブラウザで音声入力を実装する方法を解説

2026年01月10日の日常を記録した日記

iOS 14.5以降のATT制限下でGoogle広告のコンバージョンを計測する実装方法。Adjust SDKだけでは不十分で、Firebase + ODMプラグインの三点セットが必要な理由と実装手順

記事にWebM/MP4を埋め込むとページが重くなる。preload="metadata"で最初のフレームだけ読み込み、クリックで再生開始する仕組みをrehypeプラグインで実装した。