技術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コンバージョン計測実験
技術2026年1月10日(土)Astroでローカル動画を遅延読み込み：preload="metadata"とrehypeプラグイン記事にWebM/MP4を埋め込むとページが重くなる。preload="metadata"で最初のフレームだけ読み込み、クリックで再生開始する仕組みをrehypeプラグインで実装した。AstroパフォーマンスrehypeJavaScript
技術2026年1月10日(土)ブラウザで動画が作れるツールを作った画像と字幕を並べてパタパタアニメーションを作れるブラウザツール。WebM/MP4/SRT出力対応。JavaScriptCanvasffmpeg実験
技術2026年1月10日(土)Claude Code × Xcode CLI でiOSアプリのビルドからApp Store公開まで自動化するXcode CLIツールをClaude Codeから呼び出して、iOSアプリのビルド、実機転送、App Storeへのアップロードまでを自動化する方法。iOSXcodeCLI自動化Claude Code
技術2026年1月10日(土)AIと喋れる環境を作る（1）音声API調査編キャラ付けAI+アバター+音声会話を目指して、まずは音声APIを比較調査してみたAI音声合成音声認識TTSSTTGeminiOpenAIChatGPTVOICEVOXGoogle Cloud
技術2026年1月9日(金)pnpm 10.26未満に深刻な脆弱性：今すぐアップデートpnpm 10.0.0〜10.25に2件の深刻な脆弱性（CVE-2025-69263、CVE-2025-69264）が発見された。ロックファイル整合性バイパスとリモートコード実行の危険性があり、即座のアップデートが必要。pnpmセキュリティ脆弱性Node.js
技術2026年1月8日(木)Xでカメラアングルの話が出てたので出してみたAI画像生成で使えるカメラアングル・ショットサイズ・カメラエフェクトの対応表。プロンプトと出力結果を並べて確認できる。AI画像生成構図Nano Banana ProGemini実験
技術2026年1月8日(木)更新VLESS + REALITY サーバー構築とクライアント接続の概要実在サイトの TLS 証明書を借用して偽装する VLESS + REALITY のサーバー構築方法、各プラットフォームのクライアントアプリ、カスタムアプリ開発の方向性をまとめた概要記事。VPNVLESSREALITYXrayネットワーク中国
技術2026年1月8日(木)Hysteria2 サーバー構築とクライアント接続の概要QUIC偽装で高速な Hysteria2 のサーバー構築方法、各プラットフォームのクライアントアプリ、カスタムアプリ開発の方向性をまとめた概要記事。VPNHysteria2QUICネットワーク中国
