From ed970d8dd6dbbaded7f1f45963ef54049f3571b9 Mon Sep 17 00:00:00 2001 From: Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> Date: Thu, 29 Oct 2026 08:14:03 +0900 Subject: hp-archive: 表のスクロール表示と市Xの新着を反映 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 審議会等・イベントの表を枠内スクロールにし、終了分を下にまとめてグレー表示 - 情報源にこだいら観光まちづくり協会のホームページを追加 - 市公式Xの10月28日の新着3件を追加 - 鈴木遺跡のテレビ放映を10月28日と11月2日の再放送に分割 --- src/components/KodairaNews.astro | 18 +++++++++++++++ src/components/ScheduleInteractive.astro | 10 ++++++++ src/content/docs/kodaira-data/hp-archive.mdx | 3 ++- .../docs/kodaira-data/hp-archive/schedule.mdx | 8 ++++--- src/styles/custom.css | 27 +++++++++++++++++++++- 5 files changed, 61 insertions(+), 5 deletions(-) (limited to 'src') diff --git a/src/components/KodairaNews.astro b/src/components/KodairaNews.astro index 1d86d9a..4fa44f6 100644 --- a/src/components/KodairaNews.astro +++ b/src/components/KodairaNews.astro @@ -34,6 +34,24 @@ const LABEL: Record = { }; const posts: Post[] = [ + { + date: "10月28日", + cat: "status", + note: "10月7日から発生している障害の状況。暫定サイトで一部の手続きが可能", + links: [{ text: "ホームページの障害状況について", url: X("2115360420273734000") }], + }, + { + date: "10月28日", + cat: "status", + note: "PHP脆弱性対応のメンテナンスでこだいら健康ポイントを停止中。10月31日から再開予定", + links: [{ text: "こだいら健康ポイントのメンテナンス", url: X("2115355386522018145") }], + }, + { + date: "10月28日", + cat: "other", + note: "第二次教育振興基本計画の検証のため、無作為抽出のアンケートを実施。11月19日まで回答", + links: [{ text: "教育に関するアンケート（市のX）", url: X("2115232083861987456") }], + }, { date: "10月27日", cat: "status", diff --git a/src/components/ScheduleInteractive.astro b/src/components/ScheduleInteractive.astro index fdc0767..955977d 100644 --- a/src/components/ScheduleInteractive.astro +++ b/src/components/ScheduleInteractive.astro @@ -226,6 +226,16 @@ } } + // 終了した予定は表の下にまとめ、開催中の予定から表示する。 + for (const table of [meetingsTable, eventsTable]) { + const tbody = table.tBodies[0]; + if (!tbody) continue; + const rows = [...tbody.rows]; + for (const row of rows) { + if (row.classList.contains('is-ended')) tbody.appendChild(row); + } + } + let selectedDate = todayKey; let currentMonth = todayMonth; let activeCategory = 'all'; diff --git a/src/content/docs/kodaira-data/hp-archive.mdx b/src/content/docs/kodaira-data/hp-archive.mdx index 53adef8..447685c 100644 --- a/src/content/docs/kodaira-data/hp-archive.mdx +++ b/src/content/docs/kodaira-data/hp-archive.mdx @@ -46,6 +46,7 @@ import { LinkCard } from '@astrojs/starlight/components'; - **令和8年10月23日**: 市公式Xの10月23日のポスト（障害状況、こだっこアプリ再開、西部出張所の移転、休日応急診療、FC東京「小平の日」など）を追加。LoGoフォームのイベント一覧を確認し、じどうかんまつり（10月25日）を追加。 - **令和8年10月26日**: 市公式Xの10月26日のポスト（障害状況、PHP脆弱性対応、学校ホームページ再開、今月の税、小川パレットのイベントなど）と、10月24日・25日の気象注意報を追加。LoGoフォームから小平くだもの野菜スタンプラリー（10月30日〜12月7日）を追加。「終了」表示を10月26日分まで反映。 - **令和8年10月28日**: 市公式Xの10月27日のポスト（障害状況、鈴木遺跡のテレビ放映、デジタルスタンプラリー、市長タウンミーティング、耐震補助金）を追加。LoGoフォームから出張マザーズハローワークの相談会を追加。 +- **令和8年10月29日**: 市公式Xの10月28日のポスト（障害状況、こだいら健康ポイントのメンテナンス、教育に関するアンケート）を追加。 - **令和8年10月28日**: こだいら観光まちづくり協会のイベント情報から、農産物直売所デジタルスタンプラリー、まち巡りガイドツアー、萩山公園ライトアップを追加。
@@ -76,7 +77,7 @@ import { LinkCard } from '@astrojs/starlight/components'; 市は、市ホームページがご利用いただけない間の情報を、公式X（旧Twitter）で発信しています。最新の状況は、[小平市公式X（@kodaira_tokyo）](https://twitter.com/kodaira_tokyo)をご確認ください。 -市のポストをさかのぼって確認しなくてよいように、ホームページ停止後（令和8年10月7日から10月28日まで）の主なポストを、新しい順に、履歴としてまとめています。各ポストの原文（X）へのリンクを添えています。 +市のポストをさかのぼって確認しなくてよいように、ホームページ停止後（令和8年10月7日から10月29日まで）の主なポストを、新しい順に、履歴としてまとめています。各ポストの原文（X）へのリンクを添えています。 diff --git a/src/content/docs/kodaira-data/hp-archive/schedule.mdx b/src/content/docs/kodaira-data/hp-archive/schedule.mdx index 30beaa8..69c1719 100644 --- a/src/content/docs/kodaira-data/hp-archive/schedule.mdx +++ b/src/content/docs/kodaira-data/hp-archive/schedule.mdx @@ -12,7 +12,7 @@ import ScheduleInteractive from '../../../../components/ScheduleInteractive.astr ## カテゴリで絞り込む -審議会等とイベントをカテゴリで絞り込めます。カレンダーと下の2つの一覧表のすべてに反映されます。「🏛️ 審議会等」は会議だけを、分野別のボタンは会議とイベントの両方を表示します。各表の上には、現在の絞り込み状況と表示件数を表示します。開催日が過ぎた予定には「終了」と表示します。複数回の催しで次の回が残っているものは終了にしていません。 +審議会等とイベントをカテゴリで絞り込めます。カレンダーと下の2つの一覧表のすべてに反映されます。「🏛️ 審議会等」は会議だけを、分野別のボタンは会議とイベントの両方を表示します。各表の上には、現在の絞り込み状況と表示件数を表示します。開催日が過ぎた予定には「終了」と表示します。複数回の催しで次の回が残っているものは終了にしていません。各表は枠内でスクロールでき、終了した予定は表の下にまとめてグレーで表示します。
@@ -82,7 +82,8 @@ import ScheduleInteractive from '../../../../components/ScheduleInteractive.astr | 10月24日（土）〜11月22日（日） | 🌳 農産物直売所デジタルスタンプラリー2026 | 午前9時から午後5時まで（直売所により異なる）／市内の農産物直売所 | デジタルスタンプを集めると抽選で景品が当たります。抽選会は11月23日（月・祝）小平ファーマーズマーケット・ムーちゃん広場、11月24日（火）こだいら観光まちづくり協会。こだいら観光まちづくり協会 042-312-3954。 | [イベントページ](https://kodaira-tourism.com/event/23117/) | | 10月25日（日） | 👶 じどうかんまつり（小川町二丁目児童館） | 午前9時30分から午前11時30分まで（乳幼児親子の部、自由参加）、午後1時20分から午後4時10分まで（小学生以上の部、時間入替制）／小川町二丁目児童館（小川町2-1154） | 小学生以上の部は事前申込み制（先着順、空きあり）。児童館 042-345-6454。[申込みフォーム](https://logoform.jp/form/exdH/1863014) | [LoGoフォーム](https://logoform.jp/form/exdH/1863014) | | 10月27日（火） | 🏥 働き世代からのボディケア教室「プロが伝授！ロコトレと骨活でしなやかに美しく」 | 午後2時から午後4時まで（受付午後1時30分）／健康センター | 70歳以下の市民。定員20人（先着順）。保育あり（1歳以上）の[申込みフォーム](https://logoform.jp/form/exdH/1748898)。健康推進課 042-346-3704 | [LoGoフォーム](https://logoform.jp/form/exdH/1748898) | -| 10月28日（水）、11月2日（月） | 🎨 国史跡鈴木遺跡出土品のテレビ放映 | 午後10時から午後10時45分まで（10月28日）、午後11時50分から翌日午前0時35分まで（11月2日・再放送）／NHK総合「歴史探偵 日本人はいつ、どこからきたのか」 | 国史跡鈴木遺跡の出土品が番組内で紹介されます。 | 市からのお知らせ | +| 10月28日（水） | 🎨 国史跡鈴木遺跡出土品のテレビ放映 | 午後10時から午後10時45分まで／NHK総合「歴史探偵 日本人はいつ、どこからきたのか」 | 国史跡鈴木遺跡の出土品が番組内で紹介されます。 | 市からのお知らせ | +| 11月2日（月） | 🎨 国史跡鈴木遺跡出土品のテレビ放映（再放送） | 午後11時50分から翌日午前0時35分まで／NHK総合「歴史探偵 日本人はいつ、どこからきたのか」 | 10月28日の再放送です。 | 市からのお知らせ | | 10月29日（木） | 🧓 物忘れが気になる方・認知症のある方が集う交流会 | 午後1時30分から午後3時まで／中央公民館 講座室1 | 市内在住で認知症の症状がある方。地域包括支援センター中央センター 042-345-0691 | [市のX](https://x.com/kodaira_tokyo/status/2106897154321027129) | | 10月30日（金） | 🏥 血管力アップ教室 脂質異常症編 | 午前9時30分から正午まで（受付午前9時10分）／健康センター | 定員20人（先着順）。保育あり（6か月以上の0歳児）・保育なし・キャンセル待ちの各[申込みフォーム](https://logoform.jp/procedure/exdH/2517)があります。申込期限10月28日午後5時。健康推進課 042-346-3704 | [LoGoフォーム](https://logoform.jp/procedure/exdH/2517) | | 10月30日（金）〜12月7日（月） | 🌳 小平くだもの野菜スタンプラリー | 市内の参加店舗（対象メニューを2店舗で注文・購入） | スタンプ2つで応募。抽選で小平産農産物（7,000円相当）70名。応募締切12月16日（水）必着。台紙は参加店舗・市役所1階産業振興課・市内公共施設で配布。[詳細（LoGoフォーム）](https://logoform.jp/form/exdH/1865060) | [LoGoフォーム](https://logoform.jp/form/exdH/1865060) | @@ -192,8 +193,9 @@ import ScheduleInteractive from '../../../../components/ScheduleInteractive.astr - [市報こだいら電子版](https://www.catapoke.com/search/?keyword=%E5%B0%8F%E5%B9%B3%E5%B8%82) - [小平市公式X（@kodaira_tokyo）](https://twitter.com/kodaira_tokyo) - [LoGoフォームのイベント情報](https://logoform.jp/procedure/exdH/2517) +- [こだいら観光まちづくり協会のホームページ](https://kodaira-tourism.com/) - [小平市の臨時案内ページ（暫定ページ）](https://www.city.kodaira.tokyo.jp/) -市報こだいらは10月1日号・10月19日号・10月20日号を確認しました。市公式Xはポスト本文と添付画像、LoGoフォームは申込みフォームの記載を確認しています。市ホームページの停止中は、これらの情報が最新とは限りません。 +市報こだいらは10月1日号・10月19日号・10月20日号を確認しました。市公式Xはポスト本文と添付画像、LoGoフォームは申込みフォームの記載を確認しています。こだいら観光まちづくり協会のホームページは、イベント情報を確認しています。市ホームページの停止中は、これらの情報が最新とは限りません。 diff --git a/src/styles/custom.css b/src/styles/custom.css index de7281d..1e763f9 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -264,6 +264,30 @@ body:has(.parks-controls) .sl-markdown-content p { } /* ── 審議会・イベントの日程表 ── */ +.schedule-table { + max-height: min(60vh, 32rem); + overflow: auto; + border: 1px solid var(--sl-color-gray-5); + border-radius: 8px; + background: var(--sl-color-bg); + overscroll-behavior: contain; + scrollbar-gutter: stable; +} +.schedule-table table { + margin: 0; +} +.schedule-table thead th { + position: sticky; + top: 0; + z-index: 2; + background: var(--sl-color-bg); + box-shadow: 0 1px 0 var(--sl-color-gray-5); +} +@media (max-width: 600px) { + .schedule-table { + max-height: 50vh; + } +} .schedule-table table th:last-child, .schedule-table table td:last-child { font-size: 0.86em; @@ -2064,6 +2088,7 @@ td.sanpi-open .sanpi-title { } .schedule-table tbody tr.is-ended td { color: var(--sl-color-gray-3); + background: var(--sl-color-gray-6); } .schedule-ended-badge { display: inline-block; @@ -2071,7 +2096,7 @@ td.sanpi-open .sanpi-title { padding: 0 0.35rem; border: 1px solid var(--sl-color-gray-5); border-radius: 999px; - background: var(--sl-color-gray-6); + background: var(--sl-color-bg); font-size: 0.7rem; line-height: 1.5; color: var(--sl-color-gray-3); -- cgit v1.3.1