半自動で多言語・国際化を実現できるAngular i18nがすごい。DeepLでの自動翻訳も紹介
Angular公式のi18nパッケージ（パッケージ名 @angular/locale）がとても出来がよく、DeepLを使った自動翻訳も簡単にできたので、何がよかったかをご紹介したいと思います。「いやいやそんなのまだまだだ」「こっちのツールの方が強強だ」という方はぜひ記事を書いていただき、知見を共有できれば幸いです。 Angular i18nというと「Angular公式のi18nパッケージ」（ @angular/locale ）と「Angularのi18n化（国際化）」の2つの意味がありややこしいですが、本文では前者の「Angular公式のi18nパッケージ」を指すことにします。 Angular i18nのよかったこと4選 私が採用してとても開発者体験がよかった点を4つご紹介したいと思います。 1. compiletime i18nによりパフォーマンスの問題がない まず、SPAの多言語化には
i18n対応AngularアプリケーションをFirebase Hostingで公開するときの設定 - Qiita
{ "hosting": { "public": "dist", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "redirects": [ { "source" : "/", "destination" : "/en", "type" : 301 } ], "rewrites": [ { "source": "/ja/**", "destination": "/ja/index.html" }, { "source": "/en/**", "destination": "/en/index.html" } ] } } public ここに設定したパス以下のファイルがデプロイされるので、今回の場合en/jaどちらのディレクトリもデプロイされる - redirects デフォルトの言語をenにしたいので/にアクセ
i18n対応Angularアプリケーションの開発環境 - Qiita
初めに この記事では以下のような構成のAngularアプリケーションを開発する際のローカル開発環境の構築を解説します。 Angular公式のi18n機能を使ってi18nを実現する 最終的なビルド生成物はAOTビルド後にサーバーまたはS3などの静的ファイルホスティングサービスから配信する **/en/ **/ja/ などのアクセス先のパスを変化させることによって言語切替が可能 アプリケーションのUI上から言語選択を行う機能の動作確認をローカルで行う必要がある $ ng -v Angular CLI: 6.1.5 Node: 9.11.1 OS: darwin x64 Angular: 6.1.4 ... animations, common, compiler, compiler-cli, core, forms ... http, language-service, platform-br
[iOS] ゼロから始める！簡単！多言語対応！ - Qiita
みなさん、多言語対応はしていますか？ 大変そうに見えて、ちょっと躊躇してしまいますよね... 実際に僕もやってみたのですが、日本語の情報が少なくて導入部分で苦労したので、記事を書いてみることにしました。 簡単な導入のみなので、詳しいテクニックは後で紹介する参考サイト等を見てもらうといいと思います。 タイトルは若干つりです(๑><๑)Շ^✩ 多言語対応とは 端末本体の設定言語によって、アプリ内の文字列をその言語に合わせて表示することです。 日本人以外の人にも使ってもらえるようになるので、ぜひ対応したいですね！ 完成形は以下のようになります。 "welcome" = "Hello, World!"; "name" = "Your name is %@."; "numbers" = "one: %d, two: %d"; "words" = "one: %1$@, two: %2$@";
![[iOS] ゼロから始める！簡単！多言語対応！ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2497fe0aa7671087bd8b9379480b6831f84fcd25/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCaU9TJTVEJTIwJUUzJTgyJUJDJUUzJTgzJUFEJUUzJTgxJThCJUUzJTgyJTg5JUU1JUE3JThCJUUzJTgyJTgxJUUzJTgyJThCJUVGJUJDJTgxJUU3JUIwJUExJUU1JThEJTk4JUVGJUJDJTgxJUU1JUE0JTlBJUU4JUE4JTgwJUU4JUFBJTlFJUU1JUFGJUJFJUU1JUJGJTlDJUVGJUJDJTgxJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0zNjQ3MzI2MWMzMzEzZGMyMmZiOGNkNTkyNDRiYjEzZQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwc2ltb3JnaDMxOTYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWIyM2RiOGJlOWRkM2I4ODIwODhhYmMxZTRmNThmNmVi%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D05f86b056da3a3efe5285cdad4404aae)
アプリ内で日本語/英語の設定を切り替える - Qiita
はじめに アプリ内に言語設定を設けて その設定値によってアプリ内のテキストの日本語/英語切り替えを行ってみます。 やること ログイン画面（仮）のピッカーで言語を選択し、 ログインボタンタップで言語が切り替わるようにします。 ※ピッカーの使用方法の説明は割愛させていただきます。 やらないこと 端末の言語設定（「設定」アプリの言語と地域のところでの言語設定）による切り替え。 テキストフィールドに入力された文字列の変換。 Stringsファイルを作成する 今回のサンプルは日本語と英語のStringsファイルが必要になります。 それぞれ、Japanese.strings, English.stringsとします。 // ログイン画面の文字列 "ABCUserName_Login" = "ユーザー名"; "ABCPassword_Login" = "パスワード"; "ABCLanguage_Logi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Swift] iOSアプリの英語対応の方法（Localizable.stringsによるローカライズ） - JoyPlotドキュメント
