サイドバーと更新情報: 実績・ディスレクシアを開ける形に戻し、次へを追加

- astro.config.mjs: 実績とディスレクシアについてを、開いて各ページを選べるツリーに戻した
- Updates.astro / index.mdx: 最新5件を表示し、「次へ」で10件ずつ追加表示するようにした
- media.mdx: 掲載しているのは主な記事で、すべてではない旨を明記した

4 files changed, 182 insertions, 11 deletions

diff --git a/astro.config.mjs b/astro.config.mjs
index 8d3c02a..6506aaf 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -40,7 +40,44 @@ export default defineConfig({
         },
       ],
       sidebar: [
-        { label: "実績", link: "/jisseki/" },
+        {
+          label: "実績",
+          collapsed: true,
+          items: [
+            { label: "概要", link: "/jisseki/" },
+            {
+              label: "公文書管理の不正追及の軌跡",
+              link: "/koubunsyo-kanri/",
+            },
+            {
+              label: "いじめ重大事態への対応の軌跡",
+              link: "/ijime-judai-jitai/",
+            },
+            {
+              label: "障害者福祉施設における虐待通報対応の軌跡",
+              link: "/fukushi-shisetsu-gyakutai/",
+            },
+            { label: "合気公園の軌跡", link: "/aiki-kouen/" },
+            { label: "情緒固定級の軌跡", link: "/joutyo-koteikyu/" },
+            { label: "過剰な制限緩和の軌跡", link: "/kajo-seigen-kanwa/" },
+            {
+              label: "東京サレジオ学園北側開発問題の軌跡",
+              link: "/saresio-kaihatu/",
+            },
+            {
+              label: "ワクチン副反応救済制度の適正化の軌跡",
+              link: "/vaccine-kyuusai-tekiseika/",
+            },
+            {
+              label: "ディスレクシア（読み書き障害）対応の軌跡",
+              link: "/dislexia-taiou/",
+            },
+            {
+              label: "湖南衛生組合の議員報酬・給与見直しの軌跡",
+              link: "/konan-eisei-kumiai/",
+            },
+          ],
+        },
         { label: "私の方針", link: "/policy/" },
         { label: "メディア掲載", link: "/media/" },
         {
@@ -75,7 +112,65 @@ export default defineConfig({
             },
           ],
         },
-        { label: "ディスレクシアについて", link: "/about-dyslexia/" },
+        {
+          label: "ディスレクシアについて",
+          collapsed: true,
+          items: [
+            { label: "概要", link: "/about-dyslexia/" },
+            {
+              label: "ディスレクシアとは",
+              link: "/about-dyslexia/what-is-dyslexia/",
+            },
+            {
+              label: "ディスレクシアの著名人",
+              link: "/about-dyslexia/celebrities/",
+            },
+            {
+              label: "本人や保護者の声",
+              link: "/about-dyslexia/voices/",
+            },
+            {
+              label: "潜在的人数と文科省調査",
+              link: "/about-dyslexia/potential-number/",
+            },
+            {
+              label: "見過ごさないためのアセスメント",
+              link: "/about-dyslexia/assessment/",
+            },
+            {
+              label: "デイジー教科書と音声教材",
+              link: "/about-dyslexia/daisy-and-onsei/",
+            },
+            {
+              label: "合理的配慮と関連法律",
+              link: "/about-dyslexia/reasonable-accommodation/",
+            },
+            {
+              label: "小平市の状況",
+              link: "/about-dyslexia/kodaira/",
+            },
+            {
+              label: "就学相談・通級指導",
+              link: "/about-dyslexia/school-consultation/",
+            },
+            {
+              label: "情緒固定級とは",
+              link: "/about-dyslexia/emotional-support-class/",
+            },
+            {
+              label: "チャレンジスクール等",
+              link: "/about-dyslexia/high-school-options/",
+            },
+            {
+              label: "長期欠席支援シート",
+              link: "/about-dyslexia/support-sheet/",
+            },
+            {
+              label: "支援リソース・参考情報",
+              link: "/about-dyslexia/support-resources/",
+            },
+          ],
+        },
         { label: "ご支援", link: "/support/" },
         {
           label: "活動を支えるツール",
diff --git a/src/components/Updates.astro b/src/components/Updates.astro
index 8fbe795..eaf159a 100644
--- a/src/components/Updates.astro
+++ b/src/components/Updates.astro
@@ -1,13 +1,16 @@
 ---
 import updates from "../data/updates.json";
 
-const limit = Number(Astro.props.limit ?? 5);
-const items = (updates as { date: string; title: string; url: string; group: string }[]).slice(0, limit);
+type Update = { date: string; title: string; url: string; group: string };
+
+const initial = Number(Astro.props.limit ?? 5);
+const step = Number(Astro.props.step ?? 10);
+const items = updates as Update[];
 ---
 
-<ul class="updates">
-  {items.map((u) => (
-    <li>
+<ul class="updates" data-updates data-step={step}>
+  {items.map((u, index) => (
+    <li hidden={index >= initial}>
       <time datetime={u.date}>{u.date.replace(/-/g, ".")}</time>
       {u.group && <span class="updates-group">{u.group}</span>}
       <a href={u.url}>{u.title}</a>
@@ -15,6 +18,52 @@ const items = (updates as { date: string; title: string; url: string; group: str
   ))}
 </ul>
 
+{
+  items.length > initial && (
+    <div class="updates-footer">
+      <button type="button" class="updates-more" data-updates-more>
+        次へ（さらに{step}件）
+      </button>
+    </div>
+  )
+}
+
+<noscript>
+  <style>
+    .updates li[hidden] {
+      display: flex !important;
+    }
+    .updates-footer {
+      display: none;
+    }
+  </style>
+</noscript>
+
+<script>
+  const list = document.querySelector<HTMLElement>("[data-updates]");
+  const button = document.querySelector<HTMLButtonElement>("[data-updates-more]");
+
+  if (list && button) {
+    const step = Number(list.dataset.step ?? 10);
+
+    const relabel = () => {
+      const remaining = list.querySelectorAll("li[hidden]").length;
+      if (remaining === 0) {
+        button.hidden = true;
+        return;
+      }
+      button.textContent = `次へ（さらに${Math.min(step, remaining)}件）`;
+    };
+
+    button.addEventListener("click", () => {
+      list.querySelectorAll<HTMLElement>("li[hidden]").forEach((li, index) => {
+        if (index < step) li.hidden = false;
+      });
+      relabel();
+    });
+  }
+</script>
+
 <style>
   .updates {
     list-style: none;
@@ -31,6 +80,10 @@ const items = (updates as { date: string; title: string; url: string; group: str
     padding: 0.5rem 0;
     border-bottom: 1px solid var(--sl-color-gray-5);
   }
+  /* hidden 属性の UA スタイル（display: none）は、上の .updates li に負けるため明示する */
+  .updates li[hidden] {
+    display: none;
+  }
   .updates time {
     color: var(--sl-color-gray-3);
     font-variant-numeric: tabular-nums;
@@ -50,4 +103,21 @@ const items = (updates as { date: string; title: string; url: string; group: str
   .updates a:hover {
     text-decoration: underline;
   }
+  .updates-footer {
+    margin-top: 0.75rem;
+    text-align: center;
+  }
+  .updates-more {
+    font: inherit;
+    font-size: 0.85rem;
+    color: inherit;
+    background: var(--sl-color-gray-6);
+    border: 1px solid var(--sl-color-gray-5);
+    border-radius: 999px;
+    padding: 0.3rem 1rem;
+    cursor: pointer;
+  }
+  .updates-more:hover {
+    background: var(--sl-color-gray-5);
+  }
 </style>
diff --git a/src/content/docs/index.mdx b/src/content/docs/index.mdx
index b9140b4..a3d1833 100644
--- a/src/content/docs/index.mdx
+++ b/src/content/docs/index.mdx
@@ -203,9 +203,11 @@ import Updates from '@/components/Updates.astro';
 
 ## <span style="text-align:center;display:block">更新情報</span>
 
-直近の更新です。
+直近の更新です（最新5件）。
 
-<Updates limit={5} />
+「次へ」を押すと、それ以前の更新を10件ずつ表示します。
+
+<Updates limit={5} step={10} />
 
 ## <span style="text-align:center;display:block">活動</span>
 
diff --git a/src/content/docs/media.mdx b/src/content/docs/media.mdx
index 0f83134..361dad8 100644
--- a/src/content/docs/media.mdx
+++ b/src/content/docs/media.mdx
@@ -1,12 +1,16 @@
 ---
 title: メディア掲載
-description: 安竹洋平が地域メディアで取り上げられた記事の一覧です。
+description: 安竹洋平が地域メディアで取り上げられた記事のうち、主なものをまとめています。
 tags:
   - メディア
   - 報道
 ---
 
-安竹洋平が地域メディアで取り上げられた記事の一覧です。一般質問や請願の審査に限らず、安竹の名前が挙がった記事をまとめています。
+安竹洋平が地域メディアで取り上げられた記事のうち、主なものをまとめています。
+
+一般質問や請願の審査に限らず、安竹の名前が挙がった記事を掲載しています。
+
+ここに載せていない記事も多数あり、すべてを網羅したものではありません。
 
 ## ミエルカイ首都圏（note）