ウェブサイト翻訳

このサービスはウェブサイト翻訳(国際化)の編集・更新を楽にするためのツールを提供します。

internationalization.page の略で「アイ・ジュウハチ・エヌ・ページ」と読みます。 長いので、i18n と略すのはわりと一般的みたいです。

ログイン、または新規登録

翻訳管理と更新の難しさ

今までウェブサイトで翻訳の仕組みを入れるには、

以下のような大変な作業をしていたのではないでしょうか?

まず翻訳する箇所を抽出しなければなりません

HTMLタグから該当する箇所を抜き出す。

翻訳箇所の抽出

それぞれに対訳一覧を作ります

抽出した箇所の対訳を作成します。

対訳表の作成

言語差し替えプログラムの作成必要がある

訳した言語を差し替えるプログラムを作成しなければなりません。

言語差し替えプログラムを作成する

ブラウザ言語の判定が必要

アクセスユーザーのブラウザー言語の判定をするプログラムが必要です。

ブラウザーの言語を判定する

ページの表示を切り替えプログラムも必要

判定した言語に合わせてページ表示切り替えプログラムを作る必要があります。

判定された言語に合わせてページを切り替える

場合によってはUIが必要?

ユーザーによってUIから言語を切り替えられるプログラムが必要になるかもしれません。

ユーザーによる言語切り替えられる?

すべてi18n.pageにお任せ

本ウェブサービスで翻訳作業を行えば、以下のような流れで簡単にできます。

翻訳箇所は簡単、自動抽出

URLまたはファイルからタグ解析して翻訳箇所をリスト化します。

翻訳箇所を自動抽出します

対訳はGoogle翻訳にお任せ

抽出した箇所をGoogle翻訳できます(自分で翻訳も可能です)。

Google翻訳による対訳の作成

リストは追加削除可能

リストは自由に追加削除可能で、編集しやすく順番変更もできます。

リストは自由に追加・削除と編集可能です。

リストができたらコード出力

リストからすぐにコード出力、後はあなたのサイトに一行書くだけです。

コード出力ボタンを押すだけ

自動でページの表示を切り替え

自動判定してページの内容表示切り替え

判定された言語に合わせてページを切り替える

UIも自動表示

コード出力オプションでユーザー自身が言語を切り替えられるUIを表示できます。

ユーザーによる言語切り替えられる?

このサイトについて

メイン編集画面

翻訳丸投げしない、細かくカスタマイズもしない

Google翻訳などを使って丸ごとサイト翻訳してしまうほどではないが、翻訳のためにスクリプト開発をするほどでもない。

ウェブサイトから翻訳できそうな箇所を自動抽出

それを翻訳する(一応Google翻訳も使えます)

1つのJavaScriptファイルが出力される

あとは、サイトにそのファイルを読み込ませるだけ

大まかな流れ

「i18n.page」がどういうツールなのかを大まかな流れで説明します。

先のサイトで読み込む

ウェブサイトにJSファイルを読み込むと自動翻訳機能が付きます。

JavaScriptファイル出力

そのJSONファイル(データ)も含めた1本のJSファイルを結合、出力します。

JSONファイル出力

翻訳言語ごとに置換文字列をJSONファイルにまとめます。

ウェブサイトを読み込む

翻訳したいウェブサイトを読み込みます。

翻訳箇所の抽出

i18n.pageは翻訳箇所を自動抽出します。

置換文字列リスト作成

翻訳で置換したい文字列リストを作成します。

Tips & FAQ

前述のとおり自動翻訳をやや力技で実現しているので、導入には少しだけコツが要ります。

左端のカラムは編集可能ですが、出力されるJavaScriptファイルには含まれません。 言ってみれば、i18n.page上での編集の際の目安というかラベル扱いです。
たとえば「多数の開発事例がある」を「Numerous development cases」と略したいとしたとしても、 翻訳順序の先頭に「開発」→「Development」とあると、先に置換されてしまって「多数のDevelopment事例がある」となってしまいます。 この場合、長い単語を順番リストの先に置くとうまく置換されます。
JavaScriptによる文字列置換(replace)は、改行も含めて行うため、HTML内で「<br />」などや、 通常の改行があると、正常に置換されないことがあります。そういう場合は複数に分けてリスト化することをオススメします。
おそらくローカルにあるからです。サーバー上にアップロードしてみると正常に動作すると思います。

料金、ライセンス

i18n.page の使用は今のところフリーでご利用いただけます。 まさかの大人気になって、しょっぱいバックエンドが落ちるようなら、広告でも入れようかなと考えています。

i18n.page の使用は今のところ無料です。まさかの大人気になってサーバーが落ちるようなら広告入れるかも。

出力されるJSファイルはMITライセンスです。商用、個人に関わらず自由に使用、改変、頒布できます。

しばらくはBETA扱いで運営します。なんかあったらごめんなさい。 フィードバック大歓迎ですが、対応しきれなかったらこれまたごめんなさい。

ライセンス、プライバシーポリシーなどは、一応ありますので、気になるようならフッターを参照なさってください。

モバイル対応

PCでなくとも翻訳、編集作業ができます。 最終的に出力するJavaScriptファイルはウィンドウにテキストとして出力でき、 クリップボードへコピー可能ですので、モバイル環境によってはそこで作業を完結させることができるでしょう。

QRコード
example 例示矢印