技術 2026年1月11日(日) 約2分 音声ハウリング対策：ウェブ会議・WebRTCで忘れがちなポイント ウェブ会議やWebRTCアプリで発生するハウリングの原因と対策。ローカル再生のミュート、エコーキャンセレーション、ハードウェア対策をまとめた。 WebRTC 音声 ハウリング
技術 2026年1月11日(日) 約9分 投票システムの本質は「投票権」の設計にある キャラ投票を例に、時間制限・SNS認証・シリアルコードなど投票権パターンの設計と実装を解説 設計 セキュリティ 認証
技術 2026年1月11日(日) 約11分 ウェブ界隈の低レイテンシ・リアルタイム同期通信：技術比較と実装ガイド WebSocket, WebRTC, SSE, HTTP/3, WebTransport, マネージド型など、小規模・低レイテンシの双方向同期が必要な場面での技術選択と実装例を解説。 WebSocket WebRTC リアルタイム 低遅延 同期通信
技術 2026年1月11日(日) 約4分 数万人同時視聴イベントの設計パターン 大規模な同時視聴イベントで、動画再生に合わせたWeb演出を同期させるアーキテクチャ設計 設計 JavaScript イベント リアルタイム
技術 2026年1月11日(日) 約4分 SVGで幼児向けウェブ塗り絵を作った話 SVGのパスをクリックして色を塗る仕組み。fill属性を変えるだけのシンプルな実装を、バニラJSで解説する。 JavaScript SVG Canvas 実験
技術 2026年1月11日(日) 約5分 昔作ったカラオケ採点、今ならもっとマシに作れるんじゃね？ ブラウザでカラオケ採点を作った昔話と、今風にリベンジするならどうするかの考察 JavaScript Web Audio API FFT 音声解析 実験
技術 2026年1月11日(日) 約5分 AIと喋れる環境を作る（2）音声入力の実装編 Web Speech APIやMediaRecorderを使って、ブラウザで音声入力を実装する方法を解説 AI 音声認識 Web Speech API MediaRecorder JavaScript 実験
技術 2026年1月10日(土) 約8分 iOSアプリのGoogle広告コンバージョン計測：Adjustだけじゃ完結しない話 iOS 14.5以降のATT制限下でGoogle広告のコンバージョンを計測する実装方法。Adjust SDKだけでは不十分で、Firebase + ODMプラグインの三点セットが必要な理由と実装手順 iOS Google広告 Adjust Firebase コンバージョン計測 実験
技術 2026年1月10日(土) 約4分 Astroでローカル動画を遅延読み込み：preload="metadata"とrehypeプラグイン 記事にWebM/MP4を埋め込むとページが重くなる。preload="metadata"で最初のフレームだけ読み込み、クリックで再生開始する仕組みをrehypeプラグインで実装した。 Astro パフォーマンス rehype JavaScript
技術 2026年1月10日(土) 約2分 ブラウザで動画が作れるツールを作った 画像と字幕を並べてパタパタアニメーションを作れるブラウザツール。WebM/MP4/SRT出力対応。 JavaScript Canvas ffmpeg 実験
日記 2026年1月10日(土) 約3分 ケトルベルトレーニング入門：スイング、デッドリフト、ゴブレットスクワット 死蔵していたケトルベルを作業場に運んできた。基本の3種目を正しいフォームで覚える。 トレーニング 筋トレ 健康 運動 ケトルベル
