diff --git a/src/content/docs/ja/guides/client-side-scripts.mdx b/src/content/docs/ja/guides/client-side-scripts.mdx
index f4466708c1e7c..9a41e7b6de719 100644
--- a/src/content/docs/ja/guides/client-side-scripts.mdx
+++ b/src/content/docs/ja/guides/client-side-scripts.mdx
@@ -5,6 +5,7 @@ description: >-
   Astroコンポーネントに追加する方法
 i18nReady: true
 ---
+import ReadMore from '~/components/ReadMore.astro'
 
 標準的なHTMLの`<script>`タグを使用すれば、React・Svelte・Vue等の[UIフレームワーク](/ja/guides/framework-components/)を利用せずにインタラクティブ性をAstroコンポーネントへ追加できます。これによってブラウザ上で実行されるJavaScriptを送信してAstroコンポーネントに機能を追加できるようになります。
 
@@ -88,7 +89,7 @@ Astroがスクリプトを処理しないようにするには、`is:inline`デ
 Astroは、状況によってはスクリプトタグを処理しません。特に、`<script>`タグに`type="module"`や`src`以外の属性を追加すると、Astroはそのタグを`is:inline`ディレクティブがあるかのように扱います。スクリプトがJSX式で記述されている場合も同様です。
 :::
 
-📚 `<script>` タグで利用可能なディレクティブについてもっと知りたい場合は、[テンプレートディレクティブ](/ja/reference/directives-reference/#script--style-directives)を参照してください。
+<ReadMore>`<script>` タグで利用可能なディレクティブについてもっと知りたい場合は、[ディレクティブリファレンス](/ja/reference/directives-reference/#script--style-directives)ページを参照してください。</ReadMore>
 
 ### ページにJavaScriptファイルを含める
 
@@ -190,7 +191,7 @@ Webコンポーネント標準を使うことで独自の動作をするHTML要
 1. `document.querySelector()`を使って全ページを検索する変わりに、`this.querySelector()`を使えば検索範囲が現在のカスタム要素のインスタンスに限られます。これにより、一回で一つのコンポーネントだけを操作しやすくなります。
 2. `<script>`は一度だけしか実行されませんが、ブラウザはページ上の`<astro-heart>`を見つける度にカスタム要素の`constructor()`メソッドを実行します。これにより、ページで複数回コンポーネントを使用する場合でも一つのコンポーネントを安全に記述できます。
 
-📚 [web.dev’s Reusable Web Components guide](https://web.dev/custom-elements-v1/)と[MDN’s introduction to custom elements](https://developer.mozilla.org/ja/docs/Web/Web_Components/Using_custom_elements)から多くのカスタム要素について学ぶことができます。
+<ReadMore>[web.devの再利用可能なウェブコンポーネントガイド](https://web.dev/articles/custom-elements-v1?hl=ja)と[MDNのカスタム要素の紹介](https://developer.mozilla.org/ja/docs/Web/Web_Components/Using_custom_elements)で、カスタム要素について詳しく学べます。</ReadMore>
 
 ### フロントマター変数をスクリプトに渡す