https://kitepon-rgb.github.io/WebAICoding/tags/oltranslator/Recent content in OLTranslator on Claude Code 始めましたHugojaSat, 28 Mar 2026 00:00:00 +0000https://kitepon-rgb.github.io/WebAICoding/post/oltranslator-app/Sat, 28 Mar 2026 00:00:00 +0000https://kitepon-rgb.github.io/WebAICoding/post/oltranslator-app/<h2 id="oltranslatorとは">OLTranslatorとは</h2> <p>画面上の外国語テキストをOCRで読み取り、日本語訳をその場にオーバーレイ表示するWindows用アプリです。</p> <p>翻訳したい範囲をドラッグで選ぶだけで、あとは自動でOCRと翻訳を繰り返します。ゲーム、配信、ドキュメントなど、画面に外国語が映っていれば使えます。</p> <p>開発はVS Code + GitHub Copilotで、約2週間。設計と方針は自分で決めて、実装はAIに任せるスタイルで作った。</p> <hr> <h2 id="主な機能">主な機能</h2> <ul> <li><strong>ローカルOCR</strong> — ネット不要で画面上のテキストを認識します</li> <li><strong>ローカル翻訳を同梱</strong> — インストールするだけで翻訳できます。APIキーの設定は不要です</li> <li><strong>オンライン翻訳にも対応</strong> — Google Cloud Translation、DeepL、Azure Translator、Amazon Translateが使えます</li> <li><strong>オーバーレイ表示</strong> — 翻訳結果が元の文字位置に重なって表示されます。クリックは透過するので操作の邪魔になりません</li> <li><strong>英語・韓国語対応</strong> — ソース言語を切り替えられます</li> <li><strong>常駐型</strong> — システムトレイに入り、選択範囲を記憶します。次回起動時に自動で再開します</li> </ul> <hr> <h2 id="使い方">使い方</h2> <ol> <li>アプリを起動します</li> <li>翻訳したい画面範囲をドラッグで選択します</li> <li>OCRと翻訳が自動で始まり、結果がオーバーレイ表示されます</li> </ol> <hr> <h2 id="動作環境">動作環境</h2> <ul> <li>Windows 10 / 11（64bit）</li> <li>x64プロセッサ（AVX2対応推奨）</li> </ul> <hr> <h2 id="開発で苦労したところ">開発で苦労したところ</h2> <p>一番大変だったのは、OCRで拾ったテキストの扱いです。</p> <p>画面上の文字は行ごとにバラバラに認識されるので、一つの文が複数のブロックに分かれます。これを正しく繋げないと、翻訳がめちゃくちゃになります。逆に、繋げすぎると別の文が混ざります。</p> <p>例えば、ゲームのUIで左右に並んだ別々のテキストが一つの文として結合されてしまったり、逆に一文が3行に分かれて別々に翻訳されて意味不明になったり。座標の近さだけで判定すると誤結合するし、厳しくすると今度は分断される。この閾値の調整にかなり時間を使いました。</p> <p>もう一つは、翻訳しなくていいものを翻訳させないこと。数字だけの行、記号、UIのラベル。こういうノイズを翻訳に回すとAPIトークンの無駄だし、結果もおかしくなります。特にオンライン翻訳はリクエストごとにコストがかかるので、ノイズを減らすことが精度にもコストにも直結する。何を翻訳して何をスキップするか、フィルタリングのルール作りが地味に大変でした。</p> <h2 id="こだわったところ">こだわったところ</h2> <p>いろんな翻訳サービスを気軽に試せるようにしました。ローカル翻訳は同梱してあるのでそのまま使えますし、Google、DeepL、Azure、Amazonのオンライン翻訳もAPIキーを入れるだけで切り替えられます。「どのサービスが自分に合うか」を実際に比べてもらえるようにしたかったので。</p> <hr> <h2 id="ダウンロード">ダウンロード</h2> <p><a href="https://booth.pm/ja/items/8061243">OLTranslator — リアルタイム画面翻訳アプリ（BOOTH）</a></p> <hr> <h2 id="関連記事">関連記事</h2> <p>この後、音声版として<a href="https://kitepon-rgb.github.io/WebAICoding/post/livetr-app/">LiveTR</a>を作った。こっちはClaude Codeで4日。開発環境の違いによる体感の差は「<a href="https://kitepon-rgb.github.io/WebAICoding/post/ai-coding-tool-journey/">Copilot → Cursor → Claude Code for VSC。俺が辿り着くまでの話</a>」で書いている。</p> <hr> <p><em>このブログ「Claude Code 始めました」は、Claude MAX ユーザーが実際の開発で使いながら学んだことを記録していくサイトです。</em></p>