🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
i18n

i18n(Internationalization)とは、ユーザーの国や文化によってソフトウェアの反応を変えることで国際化を図るテクニックやツールのことを言います。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

Express

ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

Q&A

解決済

1回答

1997閲覧

i18n-nodeをTypeScriptで使用したい

退会済みユーザー

退会済みユーザー

総合スコア0

i18n

i18n(Internationalization)とは、ユーザーの国や文化によってソフトウェアの反応を変えることで国際化を図るテクニックやツールのことを言います。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

Express

ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

0グッド

0クリップ

投稿2021/02/28 08:28

前提・実現したいこと

i18n-nodeをTypeScriptで使用したい
https://github.com/mashpie/i18n-node

node.js+expressにてTypeScriptの開発をしております。
i18n-nodeのサイトでは、あらかじめejsファイルに<%= __('Hello') %>を
埋め込んで、それを多言語化する例がありますが
ejsファイルに対して、appendChildで追加する要素に対して
i18nで翻訳するにはどの様にしたら良いのか分かりません。

試したこと


import { I18n } from 'i18n'; または
const i18n = require('I18n');などで定義したあと

const dummy0 = document.createElement('div');
dummy0.textContent = I18n.__n('test');
this.root.appendChild(dummy0);

上記など行いましたが、import やrequire をするとビルドが通らず
Module not found: Error: Can't resolve 'fs' in などのエラー

importはせずに、import やrequire を行わないと
Uncaught ReferenceError: i18n is not defined と実行時エラーが出ます

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

残念ながら、i18n-nodeはNode.jsで動かす専用です。TypeScriptかJavaScriptかによらず、ブラウザでは動きません。

Supports plain vanilla Node.js apps and should work with any framework (like Express, restify and probably more) that exposes an app.use() method passing in res and req objects. (READMEより)

投稿2021/02/28 08:32

maisumakun

総合スコア145963

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2021/02/28 08:37 編集

maisumakun様 早速のご回答いただきありがとうございます。 稚拙な質問で申し訳ありませんが、 もともとejsファイルに<%= __('Hello') %>を埋め込んだ物を翻訳するのと ejsファイルに後からappendした要素に含まれる<%= __('Hello') %>を翻訳するのでは タイミングが異なるのでしょうか?
maisumakun

2021/02/28 08:38

そうですね、ejsに直接書いたものはNode.js側で処理されていますが、上で書いたコードはブラウザサイドのものです。
退会済みユーザー

退会済みユーザー

2021/02/28 08:51

度々ご回答いただきありがとうございます。 私の書いた上のコード ejsファイルをベースに生成・翻訳されたページを ブラウザで表示する際に、実行される。 i18n-nodeはnode.js(サーバーサイド)で動くため このパターンでは無理という理解で相違ないでしょうか?
maisumakun

2021/02/28 09:25

そのとおりです。
退会済みユーザー

退会済みユーザー

2021/02/28 09:36

どうもありがとうございました。 とても参考になりました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問