技術 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日(土) 約4分 Astroでローカル動画を遅延読み込み:preload="metadata"とrehypeプラグイン 記事にWebM/MP4を埋め込むとページが重くなる。preload="metadata"で最初のフレームだけ読み込み、クリックで再生開始する仕組みをrehypeプラグインで実装した。 Astro パフォーマンス rehype JavaScript
技術 2026年1月10日(土) 約2分 ブラウザで動画が作れるツールを作った 画像と字幕を並べてパタパタアニメーションを作れるブラウザツール。WebM/MP4/SRT出力対応。 JavaScript Canvas ffmpeg 実験
技術 2025年12月7日(日) 約6分 【OCR】2025年のウェブ実装の限界と知見まとめ ブラウザOCR、サーバーOCR、クラウドAPI、AIまで。日本語OCRをウェブで実装しようとして得た知見と各手法の限界をまとめる OCR JavaScript Tesseract.js NDLOCR Transformers.js AI Docker Google Cloud Vision PaddleOCR 日本語OCR ブラウザ 実験
技術 2025年12月7日(日) 約4分 AstroでYouTube埋め込みを軽量化:rehypeプラグインで遅延読み込みを実装 YouTube公式の埋め込みコードは重い。rehypeプラグインを自作して、サムネイル表示→クリックでiframe読み込みする仕組みを実装した。 Astro YouTube パフォーマンス rehype JavaScript
技術 2025年12月6日(土) 約2分 @paddlejs-models/ocr はブラウザで動かない(2025年時点) PaddleOCRのJavaScript実装をブラウザで使おうとして失敗した記録 JavaScript OCR PaddleOCR トラブルシューティング 実験
技術 2025年12月6日(土) 約3分 kuromoji.jsのpath.join()バグとCDN辞書読み込みの解決策 形態素解析をブラウザで実装しようとしてSudachiは重すぎ、kuromoji.jsはバグってた話。最終的にフォーク版でカスタムローダーを実装して解決。 JavaScript kuromoji 形態素解析 トラブルシューティング 実験
技術 2025年12月6日(土) 約5分 サーバー、MySQL、PHP、JavaScript、全ての日付が狂ってた話 AIに生成させたPHPスクリプトで日付が狂った話。サーバー・PHP・MySQL・JavaScriptそれぞれのタイムゾーン設定と罠について サーバー MySQL PHP JavaScript タイムゾーン AI AI駆動開発 実験
技術 2025年12月2日(火) 約5分 SPA/動的生成記事でのOGP付加の簡易解決 HTMLテンプレート+JavaScript動的生成のサイトで、OGPクローラー対応をPHPで解決した方法のメモ OGP SPA JavaScript PHP .htaccess SEO 実験