技術2026年1月11日(日)約4分SVGで幼児向けウェブ塗り絵を作った話SVGのパスをクリックして色を塗る仕組み。fill属性を変えるだけのシンプルな実装を、バニラJSで解説する。JavaScriptSVGCanvas実験
技術2026年1月11日(日)約5分昔作ったカラオケ採点、今ならもっとマシに作れるんじゃね?ブラウザでカラオケ採点を作った昔話と、今風にリベンジするならどうするかの考察JavaScriptWeb Audio APIFFT音声解析実験
技術2026年1月11日(日)約5分AIと喋れる環境を作る(2)音声入力の実装編Web Speech APIやMediaRecorderを使って、ブラウザで音声入力を実装する方法を解説AI音声認識Web Speech APIMediaRecorderJavaScript実験
技術2026年1月10日(土)約8分iOSアプリのGoogle広告コンバージョン計測:Adjustだけじゃ完結しない話iOS 14.5以降のATT制限下でGoogle広告のコンバージョンを計測する実装方法。Adjust SDKだけでは不十分で、Firebase + ODMプラグインの三点セットが必要な理由と実装手順iOSGoogle広告AdjustFirebaseコンバージョン計測実験
技術2026年1月10日(土)約2分ブラウザで動画が作れるツールを作った画像と字幕を並べてパタパタアニメーションを作れるブラウザツール。WebM/MP4/SRT出力対応。JavaScriptCanvasffmpeg実験
技術2026年1月8日(木)約3分Xでカメラアングルの話が出てたので出してみたAI画像生成で使えるカメラアングル・ショットサイズ・カメラエフェクトの対応表。プロンプトと出力結果を並べて確認できる。AI画像生成構図Nano Banana ProGemini実験
技術2026年1月8日(木)約2分macOSでLogicoolマウスが動かない?Options+/G HUBの証明書切れ問題と対処法2026年1月にLogi Options+とG HUBが証明書期限切れで動作しなくなる問題が発生。対処法と、なぜこんな事態になったのかを解説。macOSLogicoolトラブルシューティング実験
技術2026年1月7日(水)約4分Claude Code設定の理想と現実settings.jsonで「毎回Ask」から解放されたい。Xで話題の設定5選を検証してみたら、理想と現実のギャップが見えてきた。Claude CodeAI開発効率化設定実験
技術2026年1月6日(火)約3分Blender MCP で複数画像から3Dモデルを生成するHyper3D Rodinに複数アングルの画像を送って3D生成の精度を上げる実験。Tポーズと立ちポーズで結果が変わった話。BlenderMCPClaude3DAIHyper3D実験
技術2026年1月6日(火)約5分Blender MCP で画像から3Dモデルを生成してみたHyper3D Rodinを使って画像やテキストから3Dモデルを生成。遭遇したバグの原因調査と修正も。BlenderMCPClaude3DAIHyper3D実験
技術2026年1月5日(月)約8分Android MCPサーバーでエミュレータテストを自動化するClaude CodeにAndroid MCPサーバーを統合して、Flutterアプリのエミュレータテストを自動化する方法。セットアップ手順から実装例まで、初心者向けに解説。AndroidMCPテスト自動化FlutterClaude Code実験
技術2026年1月4日(日)約4分【Claude Code】テスト中は寝てたいのでAIにぶん投げる方法を考えてみたralph-wiggumプラグインで一晩テストを自動実行させる環境構築Claude CodeE2E テスト自動化実験