i18n(ja) Update under tutorial/6-islands/ (#5003)

* Follow 0633954 * Follow b3b9fd0 * Follow d61fcd8 * Follow 3c5d660 * Follow b3b9fd0 * Follow 0b2ebea * Fix translation * Match the translation to the wording decided in #5017 --------- Co-authored-by: Yan Thomas <61414485+Yan-Thomas@users.noreply.github.com>
withastro · Oct 11, 2023 · 8b2d2dd · 8b2d2dd
1 parent 106c3bf
commit 8b2d2dd
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 11 deletions.
diff --git a/src/content/docs/ja/tutorial/6-islands/1.mdx b/src/content/docs/ja/tutorial/6-islands/1.mdx
@@ -46,7 +46,6 @@ Preactコンポーネントを使い、ランダムに選択されたメッセ
 2. 以下のコードを`Greeting.jsx`に追加します。
 
     ```jsx title="src/components/Greeting.jsx"
-    import { h } from 'preact';
     import { useState } from 'preact/hooks';
 
     export default function Greeting({messages}) {
@@ -98,7 +97,7 @@ Preactコンポーネントを使い、ランダムに選択されたメッセ
     </BaseLayout>
     ```
 
-  5. ページを再度確認し、2つのコンポーネントを比較します。2番目のボタンが機能しているのは、`client:load`ディレクティブによって、ページがロードされたときにJavaScriptをクライアントに送信して再実行するようAstroに指示しているためです。これにより、コンポーネントはインタラクティブになります。これを **ハイドレートされた（hydrated）** コンポーネントと呼びます。
+  5. ページを再度確認し、2つのコンポーネントを比較します。2番目のボタンが機能しているのは、`client:load`ディレクティブによって、ページがロードされたときにJavaScriptをクライアントに送信して再実行するようAstroに指示しているためです。これにより、コンポーネントはインタラクティブになります。これは **ハイドレートされた（hydrated）** コンポーネントと呼ばれます。
 
   6. 違いがわかったら、ハイドレートされていないGreetingコンポーネントを削除します。
 

diff --git a/src/content/docs/ja/tutorial/6-islands/3.mdx b/src/content/docs/ja/tutorial/6-islands/3.mdx
@@ -11,7 +11,7 @@ import Box from '~/components/tutorial/Box.astro';
 import Checklist from '~/components/Checklist.astro';
 import CompletionConfetti from '~/components/tutorial/CompletionConfetti.astro';
 import PreCheck from '~/components/tutorial/PreCheck.astro';
-
+import Button from '~/components/Button.astro';
 
 最後にもう一つ編集を加えましょう。
 
@@ -38,7 +38,7 @@ const textCase = "uppercase";
 
 あなたがAstroの基本について理解を進め、そしてその過程を楽しんでくれていれば幸いです！
 
-チュートリアルのこの段階でのコードは、[GitHub](https://github.com/withastro/blog-tutorial-demo/tree/complete)または[StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src/pages/index.astro)で確認できます。
+このチュートリアルのコードは、[GitHub](https://github.com/withastro/blog-tutorial-demo/tree/complete)または[StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src/pages/index.astro)で確認できます。
 
 ガイドやリファレンス資料については、ドキュメントを確認してください。また、質問をしたり、ヘルプを求めたり、あるいはただおしゃべりを楽しみたければ、私たちのDiscordにも訪れてみてください！
 
@@ -62,3 +62,12 @@ const textCase = "uppercase";
 [Discordに参加する](https://astro.build/chat)
 
 <CompletionConfetti />
+
+## 成果を共有しよう！
+
+Astroブログのチュートリアル完了おめでとうございます！達成した成果を世界中にシェアして、あなたが宇宙飛行士になったことをみんなに知らせましょう！
+
+<div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
+  <Button href='https://twitter.com/intent/tweet?text=Astroブログの作成方法を学び終えました！https://docs.astro.build/ をチェックしてみてください！%0A%20%40astrodotbuild'>Twitterで共有</Button>
+  <Button href='https://www.reddit.com/submit?url=https://docs.astro.build/&title=Astroブログの作成方法を学び終えました！'>Redditで共有</Button>
+</div>
diff --git a/src/content/docs/ja/tutorial/6-islands/index.mdx b/src/content/docs/ja/tutorial/6-islands/index.mdx
@@ -16,13 +16,7 @@ import Option from '~/components/tutorial/Option.astro';
 
 完全に機能するブログができたところで、サイトにインタラクティブなアイランドを追加しましょう！
 
-## 今立っている場所
-
-チュートリアルのこの段階でのコードは、[GitHub](https://github.com/withastro/blog-tutorial-demo/tree/unit-6/start)または[StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/unit-6/start?file=src/pages/index.astro)で確認できます。
-
-あなたのコードを上の例と比較してみてください。また、チュートリアルを始めたばかりであれば、StackBlitzでフォークして、ここからブラウザ上でコーディングを始めてください。
-
-## これから向かう場所
+## 概要
 
 このユニットでは、**Astroアイランド**を使用して、フロントエンドフレームワークのコンポーネントをAstroサイトに組み込みます。