Skip to content

Commit d39c5d0

Browse files
authored
Add ja translation (#72)
* feat: add ja translation. * fix: component test
1 parent f15d4c7 commit d39c5d0

File tree

38 files changed

+167
-2
lines changed

38 files changed

+167
-2
lines changed

app/components/locale-menu/component.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import { action } from '@ember/object';
66
export default class LocaleMenuComponent extends Component {
77
@service intl;
88

9-
supportedLocales = ['en-US', 'fr-FR', 'pt-BR', 'es'];
9+
supportedLocales = ['en-US', 'fr-FR', 'pt-BR', 'es', 'ja'];
1010

1111
@action
1212
updateLocale(evt) {

tests/integration/components/locale-menu/component-test.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,6 @@ module('Integration | Component | locale-menu', function(hooks) {
1111
// Handle any actions with this.set('myAction', function(val) { ... });
1212

1313
await render(hbs`<LocaleMenu />`);
14-
assert.dom('select option').exists({ count: 5 });
14+
assert.dom('select option').exists({ count: 6 });
1515
});
1616
});

translations/actions/actions/ja.yaml

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
title: actionsの代わりに、@action、'{{on}}'、そして'{{fn}}'を使う
2+
description: >
3+
JavaScriptのクラスで、テンプレートから呼び出したい関数には'<code>'@action'</code>'デコレーターで関数をマークする必要があります。
4+
テンプレートでは、'<code>{{on}}</code>'修飾子を使うことでいつ関数を呼ぶかを決めることが出来ます。
5+
関数に引数を渡す必要がある場合、'<code>{{fn}}</code>'ヘルパーも使用してください。
6+
('<a href="https://guides.emberjs.com/release/components/component-state-and-actions/#toc_html-modifiers-and-actions" target="_blank" rel="noopener noreferrer">'詳細については、Emberガイドを参照してください'</a>'。)

translations/actions/ja.yaml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
title: アクション

translations/actions/mixins/ja.yaml

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
title: ミックスイン
2+
description: >
3+
ネイティブのクラス構文(たとえば'<code>'@glimmer/component'</code>'をimportするコンポーネント)を使用するものについて、ミックスインを使用することは出来ません。
4+
ユースケースによって、どうマイグレーションするかは変わります。
5+
もし依存しているアドオンがミックインを使っている場合、そのアドオンがOctanceに対応するまでClassicコンポーネントを継続して使用することが最善の場合があります。
6+
octaneDescription: >
7+
ミックスインの代替案について知りたい場合、'<a href="https://www.pzuraq.com/do-you-need-ember-object/" target="_blank" rel="noopener noreferrer">'Do you need Ember Object?'</a>'を参照してください。代替案には、ユーティリティ関数、サービス、デリゲート、そしてクラスデコレーターが含まれています。
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
title: 引数にデフォルト値を設定する
2+
description: >
3+
引数は読み出し専用なので、デフォルト値を引数を渡される側のクラスで設定することは出来ません。
4+
代わりに、引数をラップして'<a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator/" target="_blank" rel="noopener noreferrer">'デフォルト値を提供するゲッターを作成することが出来ます'</a>'。
5+
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
title: initの代わりにconstructorを使う
2+
description: >
3+
ネイティブのJavaScriptクラスには'<code>'constructor'</code>'があります。
4+
'<code>'init'</code>'でやっていたのと同様に、このフックを使うことでコンポーネントクラスを設定できます。
5+
(さらに詳細について学びたい場合は、Emberガイドの'<a href="https://guides.emberjs.com/release/in-depth-topics/native-classes-in-depth/#toc_constructor" target="_blank" rel="noopener noreferrer">'constructor'</a>'や'<a href="https://guides.emberjs.com/release/in-depth-topics/native-classes-in-depth/#toc_constructor-in-extends" target="_blank" rel="noopener noreferrer">'super'</a>'を参照してください。)
Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
title: didInsertElementの代わりに'{{did-insert}}'を使う
2+
description: >
3+
もし'<code>'didInsertElement'</code>'を使っていたら、アクションを作ることを考えてみてください。
4+
'<code>{{did-insert}}</code>'修飾子と一緒にアクションを呼び出すことが出来ます。
5+
'<code>'@action'</code>'デコレーターを使うことで、正しいコンテキスト(要は'<code>'this'</code>')に束縛します。
6+
(さらに学ぶためには、Emberガイドの'<a href="https://guides.emberjs.com/release/upgrading/current-edition/glimmer-components/#toc_lifecycle-and-properties" target="_blank" rel="noopener noreferrer">'lifecycle of Glimmer components'</a>'を参照してください。)
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
title: コンポーネント ライフサイクル
Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
title: Element修飾子
2+
description: >
3+
'<a href="https://github.com/emberjs/ember-render-modifiers" target="_blank" rel="noopener noreferrer">'@ember/render-modifiers'</a>'をインストールすれば、'<code>{{did-insert}}</code>'や'<code>{{did-update}}</code>'修飾子を使えるようになります。
4+
Classicコンポーネントのライフサイクルフックである、'<code>didInsertElement</code>'、'<code>didRender</code>'、そして'<code>didUpdate</code>'を置き換えることが出来ます。
5+
classicDescription: >
6+
バージョン2.18以上のEmberアプリですか?
7+
これらの修飾子を使うことで、ClassicコンポーネントからGlimmerコンポーネントへの書き換えをやり始めることが出来ます。

0 commit comments

Comments
 (0)