i18n

はじめに i18nとは 対象項目 i18nとl10nの違い 終わりに 参考 はじめに こんにちは！あめくです！ 今日はアプリケーションを作成する際に出てきた言葉「i18n」が何かを調べてみました。 i18nとは さまざまな地域、言語、文化が異なるターゲットオーディエンスに簡単に適応できるようにシステムを設計することを国際化対応(Internationalization) と呼びます。 国際化対応のInternationalizationの先頭のiと語尾のn、その間に18文字あるため「i18n」と略されるそうです。 対象項目 一般的な国際化の対象項目があるみたいで下記の項目が対象になってるそうで…

こんにちは、プロダクト開発本部でエンジニアをしている秋山です。 kickflow ではほぼ毎日何らかのリリースを行っており、機能アップデートもハイペースです。今年はこの記事の執筆時点で 58 件のアップデートを行っています。 プロダクトは日毎に改善が進んでいるなか、「初回アクセス時に画面がなかなか表示されずに困っている」という報告が挙がりました。以前はそこまで遅くなかったのに、ここ最近表示の遅さが顕著になったという意見もありました。

こんにちは、kickflowでCTOをしている小林です。 kickflowでは先日中国語（簡体字・繁体字）と韓国語への対応をベータ版としてリリースしました。 今回は、kickflowのプロダクトを多言語対応するにあたり、AIを活用した自動翻訳アプローチについてご紹介します。 具体的には、Anthropic社のClaude APIとGitHub Actionsを駆使して、RailsとNuxt.jsで構築されたアプリケーションの翻訳ファイルを継続的に自動生成する仕組みを構築した話をします。

こんにちは。enechainで働いている takurinton です。 enechainではプロダクト開発において多言語化を行っています。 今回は、enechainデザインシステムでのi18n対応と運用について紹介します。 i18n対応の前提 プロダクトでi18nをする際、一般的にはjsonで言語の定数を記述し、それにライブラリを使って型をつけてhooks経由で呼び出して使うことがほとんどかなと思います。 全てのテキストを抜け漏れなく定義し、それぞれの言語で表現するのであればそれは妥当な方法であると自分は考えています。 UIコンポーネントライブラリではそこが少し異なります。今回話す部分はRea…

■ はじめに i18nの定義と目的 ローカリゼーションとの違い i18n（Internationalization: 国際化） l10n（Localization: 地域化） i18nとl10nの関係 react-i18nextとは ■ React-i18nextの基礎 ライブラリのインストール方法 基本的な設定と利用 (TypeScript版) 基本的な設定 補足：ReactのXSS対策 コンポーネントでの使用例 ■ 言語リソースの構築 業務ドメイン領域の言葉の定義について 例: 測量図の英訳候補 公的な定義を基にした言葉の選定 ● 日本国憲法や条例を参照する ● 外務省など省庁の公式英語版…

Railsで多言語化する時、yamlファイルに日本語訳や英語訳を追加していくと思います。 そのyamlファイルに追加した訳文で式展開ができることをご存知ですか？ 事前準備 config/application.rb に以下の設定を追加します。 config.i18n.default_locale = :ja config.i18n.load_path += Dir[Rails.root.join('config', 'locales', '**', '*.{rb,yml}').to_s] 使ってみる 1.yamlファイルを追加する config/locales/views/ja.yml ja:…

アクセスしたURLによってlocaleを切り替える機能を意外と実装したことがなかったので、今回は3つの方法でlocaleを切り替えてみたいと思います。 事前準備 複数の言語を使用できるように設定する config/application.rb に以下の設定を追加します。 config.i18n.available_locales = %i(ja en) config.i18n.enforce_available_locales = true config.i18n.default_locale = :ja config.i18n.load_path += Dir[Rails.root.join…