Skip to content

Commit d612b57

Browse files
committed
translate 03-advanced-svelte/06-classes into Japanese
1 parent f80b50b commit d612b57

File tree

2 files changed

+5
-5
lines changed
  • content/tutorial/03-advanced-svelte/06-classes

2 files changed

+5
-5
lines changed

content/tutorial/03-advanced-svelte/06-classes/01-classes/README.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: The class directive
33
---
44

5-
Like any other attribute, you can specify classes with a JavaScript attribute, seen here:
5+
他の属性と同じように、JavaScriptの属性でクラスを指定することができます。
66

77
```svelte
88
<button
@@ -11,7 +11,7 @@ Like any other attribute, you can specify classes with a JavaScript attribute, s
1111
>foo</button>
1212
```
1313

14-
This is such a common pattern in UI development that Svelte includes a special directive to simplify it:
14+
これはUI開発ではよくあるパターンで、Svelteにはこれを単純化するための特別なディレクティブが含まれています。
1515

1616
```svelte
1717
<button
@@ -20,4 +20,4 @@ This is such a common pattern in UI development that Svelte includes a special d
2020
>foo</button>
2121
```
2222

23-
The `selected` class is added to the element whenever the value of the expression is truthy, and removed when it's falsy.
23+
`selected` クラスは、式の値が truthy の場合は要素に追加され、falsy の場合は削除されます。

content/tutorial/03-advanced-svelte/06-classes/02-class-shorthand/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@
22
title: Shorthand class directive
33
---
44

5-
Often, the name of the class will be the same as the name of the value it depends on:
5+
多くの場合、クラスの名前はそれが依存する値の名前と同じになります。
66

77
```svelte
88
<div class:big={big}>
99
<!-- ... -->
1010
</div>
1111
```
1212

13-
In those cases we can use a shorthand form:
13+
そのような場合は、ショートハンドを使うことができます。
1414

1515
```svelte
1616
<div class:big>

0 commit comments

Comments
 (0)