translate exercises into Japanese

Author: tomoam

content/tutorial/03-advanced-svelte/07-composition/02-named-slots/README.md

@@ -2,9 +2,9 @@
 title: Named slots
 ---
 
-The previous example contained a _default slot_, which renders the direct children of a component. Sometimes you will need more control over placement. In those cases, we can use _named slots_.
+前回の例には _default slot_ があり、それはコンポーネントの直接の子をレンダリングするものでした。時々、配置場所をもっとコントロールしなければならないときがあると思います。そのような場合は、 _named slots_ を使用することができます。
 
-Inside the `<Card>` component, we've got `<span slot="telephone">` and others for `company` and `address`. Let's add the corresponding named slots in `Card.svelte`:
+`<Card>` コンポーネントの子として、すでに `<span slot="telephone">` や、その他 `company` や `address` が置いてあります。これに対応するように、named slots を `Card.svelte` に追加しましょう:
 
 ```svelte
 /// file: Card.svelte
@@ -22,7 +22,7 @@ Inside the `<Card>` component, we've got `<span slot="telephone">` and others fo
 </div>
 ```
 
-We need to add some styles to the `<small>` element so that it occupies its own line. The contents of `<Card>` inherit styles from `Card.svelte`, such as `font-family` (the lettering is something called ['Silian Rail'](https://www.youtube.com/watch?v=aZVkW9p-cCU)), but normal scoping rules apply — we need to add the styles to `App.svelte` because that's where the element is:
+`<small>` 要素にいくつかスタイルを追加して、自身の行におさまるようにします。`<Card>` のコンテンツは `Card.svelte` から `font-family` (この書体は ['Silian Rail'](https://www.youtube.com/watch?v=aZVkW9p-cCU) と呼ばれます) などのスタイルを継承しますが、通常のスコープのルールが適用されるため、この要素がある場所、つまり `App.svelte` にスタイルを追加します:
 
 ```svelte
 /// file: App.svelte
@@ -42,7 +42,7 @@ We need to add some styles to the `<small>` element so that it occupies its own
 </style>
 ```
 
-Alternatively, we could use the `:global` modifier inside `Card.svelte` to target all `small` elements inside `.card`:
+別の方法として、`Card.svelte` の中で `:global` 修飾子を使用して `.card` の内側にあるすべての `small` 要素をターゲットにすることができます:
 
 ```svelte
 /// file: Card.svelte

content/tutorial/03-advanced-svelte/07-composition/03-slot-fallbacks/README.md

@@ -2,7 +2,7 @@
 title: Slot fallbacks
 ---
 
-A component can specify _fallbacks_ for any slots that are left empty, by putting content inside the `<slot>` element:
+コンポーネントは、`<slot>` 要素の内側にコンテンツを置くことで、slot が空になっているときのための _fallback_ を指定することができます:
 
 ```svelte
 /// file: Box.svelte

content/tutorial/03-advanced-svelte/09-special-elements/07-svelte-document/README.md

@@ -2,13 +2,13 @@
 title: <svelte:document>
 ---
 
-The `<svelte:document>` element allows you to listen for events that fire on `document`. This is useful with events like `selectionchange`, which doesn't fire on `window`.
+`<svelte:document>` 要素では `document` で発生するイベントをリスンすることができます。これは、`selectionchange` のような、`window` では発生しないイベントを扱うときに便利です。
 
-Add the `selectionchange` handler to the `<svelte:document>` tag:
+`selectionchange` ハンドラを `<svelte:document>` タグに追加します:
 
 ```svelte
 /// file: App.svelte
 <svelte:document +++on:selectionchange={handleSelectionChange}+++ />
 ```
 
-> Avoid `mouseenter` and `mouseleave` handlers on this element, as these events are not fired on `document` in all browsers. Use `<svelte:body>` instead.
+> `mouseenter` や `mouseleave` はすべてのブラウザで `document` では発生しないため、これらのハンドラをこの要素に追加しないでください。代わりに `<svelte:body>` を使用してください。