VSCode上でDeepL翻訳が使えるVSCode拡張機能です。
コメントなどを一行単位で翻訳できる拡張機能は色々ありますが、Translonはファイルを丸ごと翻訳することが可能です。
Playwrightという自動化ツールを使用して自動でDeepLのサイトを開き、VSCodeでの変更を検知したらブラウザ側を書き換え、ブラウザでの変更を検知したらVSCodeを書き換え…というような仕組みでリアルタイム翻訳を実現しています。(VSCodeとブラウザを接続しているだけなので、スクレイピングには当たりません。)
通常のPlaywrightには専用のヘッドレスブラウザが同梱されていますが、パッケージサイズが大きくなってしまうため、既にPCにインストールされたブラウザを使えるように、playwright-coreを使用しました。
使用した技術
- VSCode Extension API
- Playwright
- TypeScript