技術 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日(土) 約6分 Claude Code × Xcode CLI でiOSアプリのビルドからApp Store公開まで自動化する Xcode CLIツールをClaude Codeから呼び出して、iOSアプリのビルド、実機転送、App Storeへのアップロードまでを自動化する方法。 iOS Xcode CLI 自動化 Claude Code
技術 2026年1月10日(土) 約5分 AIと喋れる環境を作る（1）音声API調査編 キャラ付けAI+アバター+音声会話を目指して、まずは音声APIを比較調査してみた AI 音声合成 音声認識 TTS STT Gemini OpenAI ChatGPT VOICEVOX Google Cloud
技術 2026年1月9日(金) 約4分 pnpm 10.26未満に深刻な脆弱性：今すぐアップデート pnpm 10.0.0〜10.25に2件の深刻な脆弱性（CVE-2025-69263、CVE-2025-69264）が発見された。ロックファイル整合性バイパスとリモートコード実行の危険性があり、即座のアップデートが必要。 pnpm セキュリティ 脆弱性 Node.js
技術 2026年1月8日(木) 約3分 Xでカメラアングルの話が出てたので出してみた AI画像生成で使えるカメラアングル・ショットサイズ・カメラエフェクトの対応表。プロンプトと出力結果を並べて確認できる。 AI 画像生成 構図 Nano Banana Pro Gemini 実験
技術 2026年1月8日(木) 約4分 VLESS + REALITY サーバー構築とクライアント接続の概要 実在サイトの TLS 証明書を借用して偽装する VLESS + REALITY のサーバー構築方法、各プラットフォームのクライアントアプリ、カスタムアプリ開発の方向性をまとめた概要記事。 VPN VLESS REALITY Xray ネットワーク 中国
技術 2026年1月8日(木) 約4分 Hysteria2 サーバー構築とクライアント接続の概要 QUIC偽装で高速な Hysteria2 のサーバー構築方法、各プラットフォームのクライアントアプリ、カスタムアプリ開発の方向性をまとめた概要記事。 VPN Hysteria2 QUIC ネットワーク 中国
