blogこの広告は、90日以上更新していないブログに表示しています。MDN(https://developer.mozilla.org/ja/docs/Glossary/Web_standards)でした。翻訳コミュニティミートアップ・10回目開催を迎えて(https://www.webdino.org/updates/blog/201812111734/)です。Uemmra3のフルスタックエンジニア?日記)にお伝えしたMDN翻訳ツールのインストール方法をお伝えします。だいたいのマシンにはインストール済みで困ってたのですが、今日は漫画喫茶のマシンに入れてみたいと思います。行っていますが、ES2015が普通に使える環境なら動くはずです。https://github.com/mozilla-japan/translation/raw/master/MDN/TranslationHelper.user.jsMDNで翻訳画面や日本語記事の編集画面を開くと自動で作動します。なっており、実は現状Greasemonkeyでは動作せず、Tampermonkeyをインストールします。念のため、このツールはブラウザーの挙動を変えるため、自己責任でお願いします。TampermonkeyのインストールREADMEのリンクから飛んで、「Firefoxに追加」をクリックして、権限設定を確認します。インストールが成功すると、このようなグラサンのようなタブができています。これがTampermonkeyのタブです。https://github.com/mozilla-japan/translation/raw/master」とある部分をクリックするとという、個別のユーザースクリプトのインストール画面に移り、ここで「インストール」を押すと完了です。Tampermonkeyのダッシュボードで確認してみましょう。ようなメニューを操作するとのように追加したユーザースクリプトが見えるはずです。実際にMDNを編集してみましょう。Githubでログインして、任意のページを編集してみるとこのようなUIができています。Helper」のリンクをクリックしてみると、このような実行結果が出ます。拡大するとのようなメッセージが表示されます。青いメッセージは処理の確認です。0件」のところで確認できますね。赤いメッセージは変換処理前後の文字数が同一と言っています。一度処理済みの本文ではこのようなメッセージが出るので気にしなくてもいいです。あとは下のタグの部分にも同様なメニューが追加されています。これはやたら長い記事を翻訳するときに、上下のメニューの近いほうを選べるようにしているほか、「英語版のタグと揃える」のボタンにて、タグを全てコピーする機能もあります。まとめというわけで、今日はMDN翻訳ツールのインストール方法をお伝えしました。日本語ロケールへの翻訳の痒い所に手が届くツールだと思います。一度使ってみて、色々な意見を(GithubのIssueとかで)ください。これがオープンソースソフトウェアの面白いとこだと思います。