「任意のコンテンツを他言語に対応するための軽量なスクリプト・「Translater.JS」」のご紹介| Webデザイン参考記事まとめアプデ

2018年11月24日(土)

任意のコンテンツを他言語に対応するための軽量なスクリプト・「Translater.JS」

0

29

2

24

Translater.JS

See the Pen WYJevW by kachibito (@kachibito) on CodePen.

Translater.JSはWebページ内の任意のコンテンツを他言語対応にするためのライブラリです。基本的にはAPIを使った自動翻訳等ではなく、他言語も自身で書くタイプのものとなりますのでCMSなどで生成された大量ページの翻訳には向きませんが、ペラサイト等には最適かもしれません。仕様上、非依存且つ軽量なスクリプトとなっています。上動作サンプルのように画像とそのaltやtitle属性も対応可能です。使い方もシンプルで
var tran = new Translater(); if (tran.getLang() === "default") tran.setLang('jp');
デフォルトの言語を設定すれば後はマークアップするだけです。
日本語 English 中文
言語の切り替え...

WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『任意のコンテンツを他言語に対応するための軽量なスクリプト・「Translater.JS」』についてまとめています。

この記事は特にjavascript・jQuery・Googleについて書かれており、気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。