translate a part of tutorials

Author: tomoam

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

@@ -2,7 +2,7 @@
 title: <svelte:element>
 ---
 
-Sometimes we don't know in advance what kind of DOM element to render. `<svelte:element>` comes in handy here. Instead of a sequence of `if` blocks...
+どの種類の DOM 要素をレンダリングするのか事前にわからない場合があります。この場合は `<svelte:element>` が便利です。`if` ブロックを何個も並べる代わりに…
 
 ```html
 {#if selected === 'h1'}
@@ -14,10 +14,10 @@ Sometimes we don't know in advance what kind of DOM element to render. `<svelte:
 {/if}
 ```
 
-...we can have a single dynamic component:
+…動的なコンポーネントを1つ置きます:
 
 ```html
 <svelte:element this={selected}>I'm a {selected} tag</svelte:element>
 ```
 
-The `this` value can be any string, or a falsy value — if it's falsy, no element is rendered.
+`this` の値は任意の文字列、または falsy な値です。falsy である場合、要素がレンダリングされません。

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

@@ -2,12 +2,12 @@
 title: <svelte:document>
 ---
 
-Similar to `<svelte:window>`, 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:window>` に似ていますが、`<svelte:document>` 要素では `document` で発生するイベントをリッスンすることができます。これは、`window` では発生しない `selectionchange` などのイベントを利用する際に便利です。
 
-Add the `selectionchange` handler to the `<svelte:document>` tag:
+`<svelte:document>` タグに `selectionchange` ハンドラを追加してください。
 
 ```html
 <svelte:document on:selectionchange={handleSelectionChange} />
 ```
 
-> Avoid `mouseenter` and `mouseleave` handlers on this element, these events are not fired on `document` in all browsers. Use `<svelte:body>` for this instead. 
+> `mouseenter` と `mouseleave` ハンドラは、全てのブラウザで `document` では発生しないため、この要素で使用するのは避けてください。`mouseenter` と `mouseleave` は `<svelte:body>` で使用してください。