banner
bayi-95

bayi-95

"探索"本身就是一件很有趣的事情 :)
github

Google翻訳に基づくウェブサイトの多言語対応ソリューション

序文#

ウェブサイトの国際化ニーズはますます高まっています。

i18n#

一般的な i18n の多言語対応策は、複数の言語ファイルを管理する必要があります。その欠点は、作業量が多く、メンテナンスが煩雑で、1 つの単語を変更するとすべてを変更する必要があることです。

Google 翻訳の提案#

たまたまあるウェブサイトで、そのウェブサイトの多言語対応策に興味を持ち、調べてみました。以下は、Google 翻訳に基づくオンライン多言語翻訳の提案です。

<!-- 要素のコンテナ -->
<div id=”google_translate_element”></div>
// 以下のプラグインがロードされると、このメソッドが実行されます
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en', 
    layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
  },'google_translate_element');
}
// プラグインのサポートをインポートし、cbには実行するコールバックメソッドの名前を指定します
<script type='text/javascript' src='https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'></script>

欠点#

科学的なインターネット接続が必要ですが、海外からアクセスする場合はまあまあです。もちろん、これはただのアイデアを提供するだけであり、具体的な状況に応じて考慮する必要があります。

効果#

このウェブサイトにアクセスすると、科学的なインターネット接続の状況下で、右下の翻訳ボタンを見ることができ、言語を切り替えてオンラインで翻訳することができます。

image

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。