Google 翻訳ツール: 多言語ウェブサイトを素早く実装

Google 翻訳ツール: 多言語ウェブサイトを素早く実装
Google Chinaは、ウェブサイトやブログを素早く簡単に多言語化できる翻訳ツールをリリースした。ウェブサイトに JavaScript コードを 1 行追加するだけで、すぐにウェブサイトを世界中のさまざまな言語に翻訳できます。翻訳は、Google の翻訳 URL を直接呼び出すことによって実現されます。

ほんの 1 分ほどかけて、Web ページのコードに HTML コードを貼り付けるだけで、他の 23 の言語を話す海外のネットユーザーが、Google 翻訳を通じて中国語の Web ページを母国語で簡単に理解できるようになります。

図 1: Google 翻訳ウィジェットのメニュー選択コントロール

上記の HTML コードを Web ページ コードに貼り付けると、図 1 に示すように、Google 翻訳ウィジェットのメニュー選択コントロールが Web ページの相対位置に追加されます。メニューにはユーザーに「言語を選択」するように求めるメッセージが表示され、「言語を選択」のテキストはユーザーのブラウザ インターフェース言語で表示されます。たとえば、ユーザーが英語のブラウザを使用している場合、プロンプト テキストは「Select Language」になります。ユーザーがロシア語のブラウザを使用している場合、プロンプト テキストは「Выберите язык」になります。このように、外国語のユーザーは、Google 翻訳ウィジェットを通じて使い慣れた言語で閲覧することができます。ユーザーがメニューを押すと、Google 翻訳ウィジェットはメニューに 20 の言語を表示します。

図2: Google翻訳ウィジェットメニューにリストされている言語

ユーザーが中国語を選択すると、Google 翻訳ウィジェットはすぐに Web ページを外国語ユーザーが使用する言語に機械翻訳します。メニューのテキストが理解できない場合があります。これは、Google 翻訳ウィジェットが、その言語を話す人が理解できるように、その言語で言語名を表示するためです。たとえば、メニューではロシア語の「Русский」で表示します。これを「Russian」(中国語で表示)と表示すると、ロシア語話者は理解できません。

図 3: Google 翻訳ガジェットが中国語のウェブページ http://2008sanya.tianya.cn/ をロシア語に翻訳します。

現在、Google 翻訳ウィジェットは、中国語のウェブページ(および他の言語のウェブページ)を、中国語(繁体字)、英語、アラビア語、ブルガリア語、ポーランド語、韓国語、デンマーク語、ドイツ語、ロシア語、フランス語、フィンランド語、オランダ語、チェコ語、クロアチア語、ルーマニア語、ノルウェー語、ポルトガル語、日本語、スウェーデン語、スペイン語、ギリシャ語、イタリア語、ヒンディー語の 23 の言語に翻訳します。つまり、ウェブサイトが Google 翻訳ウィジェットを使用すると、ウェブサイトはすぐに他の 23 の言語で表示できるようになります。これは、国際標準に追いつき、世界中のネットユーザーに中国の広範で奥深いウェブ情報を理解してもらいたいと願うすべての意欲的なウェブサイト所有者にとって大きな恩恵です。もちろん、自動機械翻訳の品質は、専門的だが高価な翻訳会社による手動翻訳の品質にはまだ遠く及ばず、翻訳されたテキストは間違いなく手動翻訳ほど「忠実で正確でエレガント」ではありません。しかし、翻訳会社にウェブページを 23 の言語に翻訳してもらうには、どれだけの時間と費用がかかるか考えてみてください。Google 翻訳ウィジェットは、時間と費用が限られている場合に「何もないよりはまし」な外国語情報を提供します。
Google 翻訳ウィジェットを使用すると、わずか 1 分で世界を征服し、Web サイトを即座にグローバルな国際化にアップグレードできます。 Google 翻訳ウィジェットの設定ページに移動します。

図4: Googleが提供する言語

<<:  JavaScript カスタム カレンダー効果

>>:  いくつかの一般的な CSS レイアウト (要約)

推薦する

Vue codemirrorはオンラインコードコンパイラの効果を実現します

序文Web 上でオンライン コード コンパイルの効果を実現したい場合は、 CodeMirrorを再度...

Docker イメージ + nginx を使用して Vue プロジェクトをデプロイする方法

1. Vueプロジェクトのパッケージ化開発されたvueプロジェクトに次の名前を入力し、パッケージ化し...

5分でReactルーティングについてお教えします

目次ルーティングとは純粋コンポーネントの基本的な使用純粋なコンポーネントの使用に関する注意事項ルーテ...

CSS のグリッドプロパティの使用に関する詳細な説明

グリッドレイアウト親要素に追加された属性グリッドテンプレートの列/グリッドテンプレートの行要素の行ま...

CSS の子要素の Z インデックスと親要素の兄弟ノードの階層問題を解決する

1. 問題の出現フラット リストを作成しました。リストの一部には、マウスをホバーすると表示されるポッ...

MySQL 5.7.21 履歴データディレクトリからデータを復元するチュートリアルの解凍バージョン

状況の説明: データベースが異常に起動およびシャットダウンしたため、サービスを再度起動したときに「起...

IE アドレスバーのアイコン表示問題を解決する 3 つの手順

<br />この Web ページ制作スキル チュートリアルは、Web サイトのアイコンを...

選択にスタイルを追加するための純粋な CSS (スクリプトなし) 実装

通常は ul、li を介して選択のデフォルト スタイルを変更して、実現をシミュレートします。このよう...

Dockerオーバーレイはホスト間のコンテナ相互通信を実現します

目次1. Dockerの設定2. レジストリとネットワークを作成する3. コンテナを起動する環境説明...

MySql データベース クエリの特殊コマンド

まずMySQLのインストールMySQLソフトウェアをダウンロードし、インストールパスを変更しますMy...

小さなページングデザイン

ユーザーが目的のものを探すために前進するか後退するかを選択できるようにします。たとえば、Taobao...

HTML減量 HTMLタグを合理化してWebページを作成する

HTML4 についてHTML (XHTML ではありません)、MIME タイプは text/html...

Vue で wangeditor リッチテキスト編集を使用する際の問題

wangEditor は、JavaScript と CSS に基づいて開発された Web リッチ テ...

ページネーションの例とベストプラクティス

<br />構造と階層により複雑さが軽減され、読みやすさが向上します。記事やサイトが整理...

JavaScript でプライベート メンバーを作成する

目次1. クロージャを使用する2. ES6クラスを使用する3. ES2020提案を使用する4. We...