技術2026年1月12日(月)SupabaseのAPIキーが丸見えでも安全な理由とRLSの重要性SupabaseのAPIキーがフロントエンドで露出する仕様の理由と、Row Level Security(RLS)による保護の仕組みを解説。AIコード生成ツールで作られたアプリが狙われている背景も紹介。SupabaseセキュリティRLSBaaS
技術2026年1月11日(日)表情から感情を検出するAPI、今どうなってる?8年前はCで外部ライブラリと格闘してた表情認識。今ならクラウドAPIで一発では?と思って調べたら、1社は倫理問題で撤退してた。AIAPI機械学習
技術2026年1月11日(日)10年前の音楽プレーヤー実装を発掘した2015年頃に作った版権音楽の試聴プレーヤーのコードを振り返る。当時の苦労と、今ならどれだけ簡単に書けるかの対比。JavaScriptiOSレガシーコード実験
技術2026年1月11日(日)QRコードでWebRTCシグナリング:完全サーバレスP2P通話の実験WebRTCのシグナリング情報をQRコードで交換し、サーバなしでP2P音声通話を実現する実験。SDPの分割・結合やICE候補収集の実装を解説。WebRTCQRコードP2P音声通話JavaScript実験
技術2026年1月11日(日)音声ハウリング対策:ウェブ会議・WebRTCで忘れがちなポイントウェブ会議やWebRTCアプリで発生するハウリングの原因と対策。ローカル再生のミュート、エコーキャンセレーション、ハードウェア対策をまとめた。WebRTC音声ハウリング
技術2026年1月11日(日)ウェブ界隈の低レイテンシ・リアルタイム同期通信:技術比較と実装ガイドWebSocket, WebRTC, SSE, HTTP/3, WebTransport, マネージド型など、小規模・低レイテンシの双方向同期が必要な場面での技術選択と実装例を解説。WebSocketWebRTCリアルタイム低遅延同期通信
技術2026年1月11日(日)SVGで幼児向けウェブ塗り絵を作った話SVGのパスをクリックして色を塗る仕組み。fill属性を変えるだけのシンプルな実装を、バニラJSで解説する。JavaScriptSVGCanvas実験
技術2026年1月11日(日)昔作ったカラオケ採点、今ならもっとマシに作れるんじゃね?ブラウザでカラオケ採点を作った昔話と、今風にリベンジするならどうするかの考察JavaScriptWeb Audio APIFFT音声解析実験
技術2026年1月11日(日)AIと喋れる環境を作る(2)音声入力の実装編Web Speech APIやMediaRecorderを使って、ブラウザで音声入力を実装する方法を解説AI音声認識Web Speech APIMediaRecorderJavaScript実験
技術2026年1月10日(土)iOSアプリのGoogle広告コンバージョン計測:Adjustだけじゃ完結しない話iOS 14.5以降のATT制限下でGoogle広告のコンバージョンを計測する実装方法。Adjust SDKだけでは不十分で、Firebase + ODMプラグインの三点セットが必要な理由と実装手順iOSGoogle広告AdjustFirebaseコンバージョン計測実験