Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Merged
merged 9 commits into from
Oct 11, 2023
Merged

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

Show file tree
Hide file tree
Changes from 6 commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
769d457
Follow 063395463fd1bb5c039c38943d083e3afebac044
piro-hiroki Oct 8, 2023
0b019ba
Follow b3b9fd03e39e274019ff07153387caf378c2557e
piro-hiroki Oct 8, 2023
c044804
Follow d61fcd881d9f96330a5265fc22544c2a9861efdd
piro-hiroki Oct 9, 2023
f86853c
Follow 3c5d66043394041c4220a327b975d5c1ebe370a1
piro-hiroki Oct 9, 2023
e5dbdb4
Follow b3b9fd03e39e274019ff07153387caf378c2557e
piro-hiroki Oct 9, 2023
4bc4d38
Follow 0b2ebea9fa080c30bd1b0308326fbc025b4e9073
piro-hiroki Oct 9, 2023
047b33c
Fix translation
piro-hiroki Oct 10, 2023
2531fde
Match the translation to the wording decided in #5017
piro-hiroki Oct 11, 2023
c48ab62
Merge branch 'main' into i18n-ja-tutorial-6-islands
yanthomasdev Oct 11, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions src/content/docs/ja/tutorial/6-islands/1.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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}) {
Expand Down Expand Up @@ -98,7 +97,7 @@ Preactコンポーネントを使い、ランダムに選択されたメッセ
</BaseLayout>
```

5. ページを再度確認し、2つのコンポーネントを比較します。2番目のボタンが機能しているのは、`client:load`ディレクティブによって、ページがロードされたときにJavaScriptをクライアントに送信して再実行するようAstroに指示しているためです。これにより、コンポーネントはインタラクティブになります。これを **ハイドレートされた（hydrated）** コンポーネントと呼びます。
5. ページを再度確認し、2つのコンポーネントを比較します。2番目のボタンが機能しているのは、`client:load`ディレクティブによって、ページがロードされたときにJavaScriptをクライアントに送信して再実行するようAstroに指示しているためです。これにより、コンポーネントはインタラクティブになります。これは **ハイドレートされた（hydrated）** コンポーネントと呼ばれます。

6. 違いがわかったら、ハイドレートされていないGreetingコンポーネントを削除します。

Expand Down
13 changes: 11 additions & 2 deletions src/content/docs/ja/tutorial/6-islands/3.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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';

最後にもう一つ編集を加えましょう。

Expand All @@ -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にも訪れてみてください！

Expand All @@ -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>
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I am wondering if the translation here is appropriate 🤔 Please point out any discrepancies!

English text

  • Twitter
  • Reddit
    • Just finished learning how to build my first Astro blog!

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Updated Astroのブログ作成チュートリアルを完走しました！ => Astroブログの作成方法を学び終えました！

</div>
6 changes: 0 additions & 6 deletions src/content/docs/ja/tutorial/6-islands/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,12 +16,6 @@ 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でフォークして、ここからブラウザ上でコーディングを始めてください。

## これから向かう場所
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

この行について、このままでもいいと思うのですが、#5017 では訳を変える前提で議論されているので、同じ内容になるようにここか Discord 上で擦り合わせておいたほうがよさそうです。

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

確かにここも「Looking ahead」の訳ですね！
自分としては 5017のmerge後に、文言を合わせる方針で進めようと思います！


このユニットでは、**Astroアイランド**を使用して、フロントエンドフレームワークのコンポーネントをAstroサイトに組み込みます。
Expand Down