From 56c36e77685df0b78cb42230b586fbd0f649016f Mon Sep 17 00:00:00 2001
From: piro-hiroki <iwashita1112hiroki@gmail.com>
Date: Sun, 8 Oct 2023 23:24:27 +0900
Subject: [PATCH 1/5] Follow 53fd5adad0c06edca129cd00f8c64e1ec4cb9fc4

---
 src/content/docs/ja/guides/client-side-scripts.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/docs/ja/guides/client-side-scripts.mdx b/src/content/docs/ja/guides/client-side-scripts.mdx
index 5aac8192de176..d8205cf1daaf6 100644
--- a/src/content/docs/ja/guides/client-side-scripts.mdx
+++ b/src/content/docs/ja/guides/client-side-scripts.mdx
@@ -139,7 +139,7 @@ Webコンポーネント標準を使うことで独自の動作をするHTML要
       // ボタンがクリックされるごとにカウントを更新する。
 			heartButton.addEventListener('click', () => {
         count++;
-        countSpan.textContent = count;
+        countSpan.textContent = count.toString();
       });
 		}
   }

From 47c0385e35b6a507737ed30c3a159dc7439fcc37 Mon Sep 17 00:00:00 2001
From: piro-hiroki <iwashita1112hiroki@gmail.com>
Date: Mon, 9 Oct 2023 00:04:16 +0900
Subject: [PATCH 2/5] Follow 60f35d65a6ef99bb13fafbbc312c332213ab5a70

---
 .../docs/ja/guides/client-side-scripts.mdx    | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/content/docs/ja/guides/client-side-scripts.mdx b/src/content/docs/ja/guides/client-side-scripts.mdx
index d8205cf1daaf6..c831fa2361795 100644
--- a/src/content/docs/ja/guides/client-side-scripts.mdx
+++ b/src/content/docs/ja/guides/client-side-scripts.mdx
@@ -8,6 +8,30 @@ i18nReady: true
 
 標準的なHTMLの`<script>`タグを使用すれば、React・Svelte・Vue等の[UIフレームワーク](/ja/core-concepts/framework-components/)を利用せずにインタラクティブ性をAstroコンポーネントへ追加できます。これによってブラウザ上で実行されるJavaScriptを送信してAstroコンポーネントに機能を追加できるようになります。
 
+## クライアントサイドスクリプト
+
+スクリプトは、イベントリスナーの追加やアナリティクスデータの送信、アニメーションの再生など、JavaScriptがウェブ上でできることすべてに使用できます。
+
+```astro
+// src/components/ConfettiButton.astro
+<button data-confetti-button>Celebrate!</button>
+
+<script>
+  // npmモジュールをインポートする。
+  import confetti from 'canvas-confetti';
+
+  // ページ上のDOMを探す。
+  const buttons = document.querySelectorAll('[data-confetti-button]');
+
+  // ボタンがクリックされたときにconfettiを発火するイベントリスナーを追加する。
+  buttons.forEach((button) => {
+    button.addEventListener('click', () => confetti());
+  });
+</script>
+```
+
+デフォルトでは、Astroは`<script>`タグを処理してバンドルし、npmモジュールのインポートやTypeScriptの記述などをサポートします。
+
 ## Astroで`<script>`を使用する
 
 `.astro`ファイル内に単数(もしくは複数)の`<script>`タグを追加することによってクライアントサイドJavascriptを追加できます。

From 9c94ac451e8a4dc278ad322e75f3bd4046785133 Mon Sep 17 00:00:00 2001
From: piro-hiroki <iwashita1112hiroki@gmail.com>
Date: Mon, 9 Oct 2023 00:08:20 +0900
Subject: [PATCH 3/5] Follow 48a942219d7d4d2de3bf6acf9cfc0a997639800b

---
 src/content/docs/ja/guides/client-side-scripts.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/docs/ja/guides/client-side-scripts.mdx b/src/content/docs/ja/guides/client-side-scripts.mdx
index c831fa2361795..d08245a222235 100644
--- a/src/content/docs/ja/guides/client-side-scripts.mdx
+++ b/src/content/docs/ja/guides/client-side-scripts.mdx
@@ -73,7 +73,7 @@ i18nReady: true
 ```
 
 :::note
-`type=module`や他の`src`以外の属性を`<script>`タグに追加すると、Astroのデフォルトのバンドル動作が無効化されて、`is:inline`ディレクティブを指定したときと同じように扱われます。
+Astroのデフォルトのバンドル動作は、いくつかの状況で無効になります。特に、`<script>`タグに`type="module"`や`src`以外の属性を追加すると、Astroはそのタグを`is:inline`ディレクティブがあるかのように扱います。スクリプトがJSX式で記述されている場合も同様です。
 :::
 
 📚 `<script>` タグで利用可能なディレクティブについてもっと知りたい場合は、[テンプレートディレクティブ](/ja/reference/directives-reference/#script--style-directives)を参照してください。

From 731e936ccb02e196bd24deb8c2d8171785c25332 Mon Sep 17 00:00:00 2001
From: piro-hiroki <iwashita1112hiroki@gmail.com>
Date: Mon, 9 Oct 2023 00:10:09 +0900
Subject: [PATCH 4/5] Follow 61b552600cbe6c2a23ee2ab9a12987544a3adb9f

---
 src/content/docs/ja/guides/client-side-scripts.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/docs/ja/guides/client-side-scripts.mdx b/src/content/docs/ja/guides/client-side-scripts.mdx
index d08245a222235..6214d1228344c 100644
--- a/src/content/docs/ja/guides/client-side-scripts.mdx
+++ b/src/content/docs/ja/guides/client-side-scripts.mdx
@@ -13,7 +13,7 @@ i18nReady: true
 スクリプトは、イベントリスナーの追加やアナリティクスデータの送信、アニメーションの再生など、JavaScriptがウェブ上でできることすべてに使用できます。
 
 ```astro
-// src/components/ConfettiButton.astro
+<!-- src/components/ConfettiButton.astro -->
 <button data-confetti-button>Celebrate!</button>
 
 <script>

From 48e17aed2a1afbb0308015932f695d38c8bb322c Mon Sep 17 00:00:00 2001
From: piro-hiroki <iwashita1112hiroki@gmail.com>
Date: Mon, 9 Oct 2023 22:48:11 +0900
Subject: [PATCH 5/5] Fix translation

---
 src/content/docs/ja/guides/client-side-scripts.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/docs/ja/guides/client-side-scripts.mdx b/src/content/docs/ja/guides/client-side-scripts.mdx
index 6214d1228344c..9fdbbcf4100ed 100644
--- a/src/content/docs/ja/guides/client-side-scripts.mdx
+++ b/src/content/docs/ja/guides/client-side-scripts.mdx
@@ -20,7 +20,7 @@ i18nReady: true
   // npmモジュールをインポートする。
   import confetti from 'canvas-confetti';
 
-  // ページ上のDOMを探す。
+  // ページ上のコンポーネントのDOMを探す。
   const buttons = document.querySelectorAll('[data-confetti-button]');
 
   // ボタンがクリックされたときにconfettiを発火するイベントリスナーを追加する。