簡便なウェブサイト翻訳ツール（サービス）をつくってみた - Qiita
これです。 i18n.page - ウェブサイト翻訳ツール https://i18n.page 宣伝も兼ねて、と言いたいところですが、実現するまでいろいろ面倒だったので、その辺りの苦労をシェアした方が良いかと思い、記事にしてみました。 まず、どのようなツール（サービス）か？ 翻訳したいウェブサイト、または HTML ファイルを読み込んで、翻訳できそうな箇所を自動抽出、それを手動、または Google 翻訳にかけて対訳データを作ります。 そしてそれらを JSON データに変換し、お手製の JavaScript ツール１つに含めてパッケージしたものを出力し、先のウェブサイトに読み込ませると、自動翻訳機能が実装されるというものです。 お手軽に１つのファイルにまとまっている この翻訳ツールで出力された JavaScript ファイル（i18n-page.js）には、翻訳データ、ツールバー、自動・手
Django
概要¶ Django プロジェクトを翻訳可能にするためには、Python コードやテンプレートに、多少のフックを加筆しなければなりません。このフックは 翻訳文字列 と呼ばれます。翻訳文字列は Django に「このテキストに対する翻訳が有効な場合、このテキストはエンドユーザの言語に翻訳すべきだ」ということを通知します。翻訳可能な文字列をマークすることは開発者の責任です。システムが翻訳できるのは指定された文字列だけなのです。 Django は、翻訳文字列を メッセージファイル に抽出するユーティリティを提供します。このファイルがあるため、翻訳者が対象の言語において翻訳文字列に対応する文字列を用意することが簡単になります。翻訳者がメッセージファイルの中身を書き終わったら、それをコンパイルしなければなりません。このプロセスは GNU gettext ツー ルキットに依存しています。 これが済めば
djangoで国際化やってみた
Djangoで他の人が作ったモジュールを使ってると、英語のメッセージが入ってることがあるので、日本語化してみた。とりあえず英語のメッセージを日本語に変換するとこまで。 準備 gettextが無かったらインストール。Ubuntuの場合 $ sudo aptitude install gettext プロジェクトにlocaleフォルダを作る。無いと後のコマンドでエラーが出た poファイル作成 おもむろにpoファイルを作るコマンドを実行 django-admin.py makemessages -l ja するとpath/to/locale/ja/LC_MESSAGES/django.poってファイルが出来るので、それを修正していく。ただ、このコマンドプロジェクト内だけ捜査してファイルを作るみたいで、外部モジュールの場合、上手く読み取ってくれなかった。 今回はvirtualenvでpipしたdj
Django 多言語機能 (i18n) を実装する
完成イメージ バージョン Python 3.6.4 Django 2.0.3 gettext 0.19.8.1 インストール Python, Django Python と Django のインストールは、Python Web フレームワーク Django の環境を構築するの記事を参考にしてください。 gettext Django の多言語機能を使うために、GNU gettext パッケージが必要です。私の環境ではすでにインストールされていましたが、入っていない場合は、インストールしましょう。 settings.py ALLOWED_HOSTS = ['*'] INSTALLED_APPS = [ ... 'app.app.AppConfig' ] MIDDLEWARE = [ ... 'django.contrib.sessions.middleware.SessionMiddlewar
ウェブサイトをグローバル化するために便利なIntl APIの話 - Qiita
この記事はトレタ Advent Calendar 2016の13日目の記事になります。 トレタでは飲食店の予約アプリを作成しています。 今流行のウェブ予約も飲食店向けに開放していますので、見たことある人もいるかと思います。 インターナショナル対応について まず、インターナショナル対応の定義を考えてみましょう。 i18n internationalization（国際化）の略で始めのiから終わりのnまでの間に18文字入っているのでi18nと呼ばれています。 いわゆる言語変換で、日本語を英語に置き換えたりします。 l10n localization(地域化)の略でlとnの間が10文字入っているのでl10nといいます。 こちらは言語に加え、地域も考慮に入ってきます。 公用語が英語の国は多々あれど、文化がちがい、英語の代表的な国のイギリスとアメリカでも結構違っています。 さて、ウェブアプリを作成す
グローバルサービスでのタイムゾーンとの向き合い方 -ケーススタディ編- - スタディサプリ Product Team Blog
前回の記事に引き続き、Web developer の大庭 (@ohbarye) です。 先日『グローバルサービスでのタイムゾーンとの向き合い方』にてタイムゾーンにまつわる諸問題や解決策を1つの記事にまとめました。 しかし同記事はテクニック集としての側面が多く、Quipper の開発者として実際にどのような問題に直面するのかいまいち伝わりづらかったかもしれません。 そこで今回は Quipper の機能に関連するタイムゾーンを考慮した設計と実装の一部をケーススタディ編と題し、改めてご紹介します。前回の記事と一部重複する内容はありますが具体例を交えた復習として参考になれば幸いです。 目次 1 宿題管理機能 モデルイメージ 設計に関する問いかけ 解答・解説 2 TODO 管理機能 画面仕様 信頼すべきタイムゾーン 3 キャンペーン機能 画面仕様 タイムゾーンをユーザーに入力してもらう リテラシーへ
3年間日本語のみで運用してきたサービスを、3ヶ月で新人が多言語化した話 | FiNC Developers Blog
3年間日本語のみで運用してきたサービスを、3ヶ月で新人が多言語化した話 はじめにはじめまして。FiNCで今年の4月からサーバーサイドエンジニアをやっている澤井です。 先日プレスリリースがありましたとおり、FiNCで提供している法人向けサービスFiNCプラスが日本語以外にも対応し、この度英語版がリリースされました。 入社直後に携わった最初のプロジェクトということで、個人的には非常に感慨深いのですが、今回はこのプロジェクトの舞台裏を見ていきたいと思います。 多言語化とはサービスの多言語対応と言っても、そのスコープは様々ですし、サービスが提供しているデータは多岐にわたります。 ざっくりカテゴライズするだけでも、 UIタイムラインなどユーザー投稿によるデータおすすめのタスクなどのマスターデータがあり、それぞれテキストのものと画像データがあります。 またこれらに紐付いて、 ユーザー使用言語の判定があ
iOSアプリケーションの国際化と地域化 - クックパッド開発者ブログ
海外事業向けのiOSアプリケーション開発を担当している西山(@yuseinishiyama)です。クックパッドは現在、海外複数カ国に向けてサービスを展開しています。 海外事業向けのiOSアプリケーションは、英語、スペイン語、インドネシア語、タイ語、ベトナム語、アラビア語をサポートしています。今後、サポートする言語は更に増えていく予定です。 これまで、複数の言語に対応するための国際化(internationalization)と地域化(localization)を行ってきました。ここでは、その中で得た知見を以下の4つのパートに分けて共有したいと思います。 コンテンツとUIの言語の決定 RTL対応 翻訳フロー 翻訳に関するTips ちなみに、当該プロジェクトがサポートしているiOSバージョンはiOS8以上です。そのため、iOS9以降でしかサポートされない機能については触れません。 また、我々の
express で国際化したい - あいつの日誌β
あらすじ そろそろ最初から国外を視野に入れてサービスを始めるご時世のようです。 準備 mkdir practice-i18 && cd $_ npm init --yes echo 'node_modules' > .gitignore git init && git add . && git commit -m 'initial commit' npm install express i18n --save npm install supertest power-assert --save-dev 以下は個人的な設定 echo '**/node_modules/' > .eslintignore curl -sO https://raw.githubusercontent.com/nodejs/node/master/.eslintrc sed -i -e 's/require-buff
エンジニア・Webデザイナー必読: アプリケーションを国際化・多言語展開する前に知っておくべきこと - Qiita
ちょろっとメモ。の割には長くなったけど、最後の方にいいことが書いてある。 ※技術英語や翻訳 Advent Calendar 2015に参加してみました。スレ違いだったらすみません。 追記: taka-oyamaさんの記事「多国対応ウェブアプリを開発する前に知っておきたかったこと」も参考になります。 追記: 「17ヶ国の多言語対応Tips」で当記事を紹介いただきました。素晴らしいスライドです。 追記: 「本当にあった怖い誤訳」によると、今でも機械翻訳をそのままウェブページで使っている自治体があるそうです。怖す。 追記: ぼくたちのかんがえたさいきょうのi18n国家 - Qiitaもどうぞ。 概要 Web アプリやモバイルアプリを問わず、アプリで当てたらそれ英語化だ多言語化だ国際化だ、となることは多い。しかしアプリの作りなどさまざまな原因によって、他所の国の言葉に翻訳してもらっても実は現地の人
多国対応ウェブアプリを開発する前に知っておきたかったこと - Qiita
はじめに 最近仕事で多国対応（主に英語圏）のアプリを初めて作った訳ですが、わからないなりにいろいろ事前準備をしたにもかかわらず、実装から運営まであらゆるフェーズでこけました。そんなわけで、あんな苦労は二度としたくないし、他の人にもして欲しくないので、気をつけたい点を共有します。 プログラミング 日付のフォーマットは、国毎に表現が違う。Railsの場合、I18n.lで自動変換可能。 【日】2015年3月10日 【米】03/10/2015 【独】10.3.2015 国によって小数点や千単位の区切り方が違う。バリエーションが多すぎるので、ライブラリ使っての対応が必須。Railsの場合、number_with_delimiterで実現可能。気になる人に→バリエーションリスト。 英語は単数形(Singular)、複数形(Plural)、所有格(Possessive)などで単語が変わる。これらはとにか
多言語Webサイトを制作する時に気をつけたいポイント
2015年12月9日 Webサイト制作, Webデザイン, Wordpress Web業界は他のどの分野よりもグローバル化が進み、今や日本のサイトやサービスを海外の人が楽しんでいることも自然なこととなってきています。これから海外に向けて情報を発信していきたい人も、すでにWebサイトをお持ちの方も、「多言語化」を視野に制作してみませんか？ ↑私が10年以上利用している会計ソフト！ 多言語サイトを作る時のポイント 見えやすい場所に言語選択リンクを置く 時々ページの一番下に言語オプションリンクを設置しているサイトを見かけますが、実際にその機能に気づける人は少ないでしょう。なるべくすぐに目につくような、例えばメインメニュー内や記事タイトルの直下等に置くといいと思います。 CacooのWebサイトではロゴのすぐ隣に言語オプションが設置されています。 国旗アイコンは使うべき？ 言語選択メニューにて、国
expressで国際化！i18n-nodeを使おう - Qiita
はじめに Railsの国際化の記事は多いのですがexpressがあまりない悲しみ。基本的な流れはそんなに変わらないと思いつつ置いときます。こちらの環境はNode.JS 0.12.x + express4.9です。 express4のアプリを多言語化する まずはi18nを入れましょう。githubのリポジトリ名はi18n-nodeですが、npm名はi18nです。 var app = express(); var express = require('express'); var session = require('express-session'); var i18n = require("i18n"); //・・・中略・・・ // i18nの利用設定 i18n.configure({ // 利用するlocalesを設定。これが辞書ファイルとひも付きます locales: ['ja', '
iOS / OS Xのインターナショナライズとローカリゼーション - Qiita
はじめに iOS / OS Xアプリケーション開発において、適切にインターナショナライズ（i18n）されたアプリケーションのローカライズ（l10n）を支援するツールがいくつか存在する。Appleが提供しているツールには、genstrings、ibtool、AppleGlotがある。（サードバーティ製も存在するがここでは割愛。） genstrings ソースコード（.c、または.m）から翻訳が必要な文字列を抽出し、.stringsファイルに出力する。 NSLocalizedString("key", comment)、またはCFCopyLocalizedString("key", comment)から適切な文字テーブルエントリを生成し、Localizable.stringsに出力する。 出力ファイル名やバンドル変更する場合、NSLocalizedStringFromTable()、CFCop
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Narito Takizawa
三菱電機は世界31ヵ国を束ねる巨大グローバルサイトをいかにしてリニューアルしたのか？／スーパーWebマスター粕谷俊彦さんに聞いてきた | Webのコト、教えてホシイの！ | Web担当者Forum
特別寄稿② 実践して見えてきた、グローバルWebサイト案件で判断が難しい2つのポイント | 『グローバルWebサイト＆アプリのススメ』Web担特別公開版
iOSローカライズことはじめ
ふじこのプログラミング奮闘記 - ソフトウェアのローカライズにおける12カ条
djangoで国際化 - Qiita
