Claude と一緒に動画字幕を自動翻訳する Chrome 拡張を作った

プログラミング経験の浅い著者が Claude と Codex の支援を受けながら、Whisper で動画をローカル文字起こしし、ChatGPT 要約用にワンタップコピーできる Web アプリ「もじおこし」を制作。API キー管理やランニングコストゼロに保ちながら、バッファリング問題や HTTPS 制限といった技術課題を解決した実装記録。

Anthropic が提供する Claude Certified Architect - Foundations (CCAR-F) 試験の合格体験記。試験の特徴は「Foundations」という名称に反して応用知識を問う実践的シナリオ出題であり、公式ガイドと学習コースだけでなく実際の使用経験が必要。筆者が合格後に試験プロセスやバッジシステムが更新されたため、最新情報を含めた準備方法を共有。

Vite + TypeScript + Biome + Vitest の初期構築を Claude に丸投げするための再利用プロンプトと47項目チェックリストを提供。個人開発のセットアップを実測90分から10分に短縮し、依存衝突・設定ドリフト・CI 落ちを回避する手順を12回の失敗ログと生成テンプレ込みで配布。読了後は自分のスタックを差し替えるだけで動く構築自動化セットが手元に残る。

AI にコード実装を依頼する前に、背景・目的・変更範囲・責務分割・入出力・境界条件・テスト観点をまとめた8項目の設計メモを書くことで、曖昧な依頼を減らし、レビューで説明できる実装を得やすくなった。設計メモで観点漏れをゼロにはできないが、自分の解像度を上げつつレビューで漏れを拾う二段構えの方法を紹介。