parks: フィルタの選択肢を更新し、選択中を強調

水飲み・緑地広場・スイング遊具に改名し、ロープウェイ・ボール遊びを外してバスケゴール・東屋/シェルター・健康遊具・特殊遊具を追加。チェック中のフィルタを色付きで強調。

2 files changed, 61 insertions, 15 deletions

diff --git a/src/components/ParksFilters.astro b/src/components/ParksFilters.astro
index f31503b..172edf0 100644
--- a/src/components/ParksFilters.astro
+++ b/src/components/ParksFilters.astro
@@ -56,10 +56,10 @@ const facilityTypes = [
   <fieldset class="parks-facilities">
     <legend>設備・遊具で絞る</legend>
     <label><input type="checkbox" data-fac-filter value="toilet" />トイレ</label>
-    <label><input type="checkbox" data-fac-filter value="water" />水飲み場・給水</label>
+    <label><input type="checkbox" data-fac-filter value="water" />水飲み</label>
     <label>
       <input type="checkbox" data-fac-filter value="picnic" />
-      <span class="filter-icon" set:html={PARK_ICONS.picnic.svg} />ピクニック・広場
+      <span class="filter-icon" set:html={PARK_ICONS.picnic.svg} />緑地広場
     </label>
     <label><input type="checkbox" data-fac-filter value="clock" />⏰時計</label>
     <label><input type="checkbox" data-fac-filter value="toy" />遊具あり</label>
@@ -77,7 +77,7 @@ const facilityTypes = [
     </label>
     <label>
       <input type="checkbox" data-fac-filter value="spring" />
-      <span class="filter-icon" set:html={PARK_ICONS.spring.svg} />スプリング遊具
+      <span class="filter-icon" set:html={PARK_ICONS.spring.svg} />スイング遊具
     </label>
     <label>
       <input type="checkbox" data-fac-filter value="jungle" />
@@ -95,15 +95,15 @@ const facilityTypes = [
       <input type="checkbox" data-fac-filter value="complex" />
       <span class="filter-icon" set:html={PARK_ICONS.playground.svg} />複合遊具
     </label>
-    <label>
-      <input type="checkbox" data-fac-filter value="rope" />
-      <span class="filter-icon" set:html={PARK_ICONS.flyingfox.svg} />ロープウェイ
-    </label>
-    <label>
-      <input type="checkbox" data-fac-filter value="ball" />
-      <span class="filter-icon" set:html={PARK_ICONS.ball.svg} />ボール遊び
-    </label>
+    <label><input type="checkbox" data-fac-filter value="basket" />バスケゴール</label>
+    <label><input type="checkbox" data-fac-filter value="shelter" />東屋／シェルター</label>
+    <label><input type="checkbox" data-fac-filter value="health" />健康遊具</label>
+    <label><input type="checkbox" data-fac-filter value="special" />特殊遊具</label>
   </fieldset>
+  <label class="parks-fire-toggle" title="消火栓・防火水槽を地図に表示する">
+    <input type="checkbox" data-show-fire />
+    消火栓・防火水槽
+  </label>
   <span class="parks-count" data-parks-count aria-live="polite">{total}件</span>
 </div>
 
@@ -175,6 +175,15 @@ const facilityTypes = [
     height: 0.9em;
     margin: 0;
   }
+  /* 选择中的フィルタを目立たせる */
+  .parks-controls label:has(input[type="checkbox"]:checked) {
+    padding: 0 0.35rem;
+    border-radius: 999px;
+    background: var(--sl-color-accent-low, #dbeafe);
+    outline: 1px solid var(--sl-color-accent, #2563eb);
+    color: var(--sl-color-text, inherit);
+    font-weight: 700;
+  }
   .filter-icon {
     display: inline-flex;
     width: 18px;
diff --git a/src/components/ParksTable.astro b/src/components/ParksTable.astro
index 665a176..1eab03d 100644
--- a/src/components/ParksTable.astro
+++ b/src/components/ParksTable.astro
@@ -103,6 +103,33 @@ function facilityBadges(p: Park): Badge[] {
   return badges;
 }
 
+// スイング遊具・健康遊具の判定用
+const SPRING_TOKENS = [
+  "スプリング", "スイング", "リトルポップ", "リンクミニ", "ルッキンロッキン",
+  "リーフィー", "チューリー", "ロッキンパッピー", "ビー", "ハッピー",
+  "ハニー", "クップル", "ウゴウゴ",
+];
+const HEALTH_TOKENS = [
+  "フィットコンビ", "レグオーバー", "アームウォーカー", "ホップオーバー",
+  "ジャンプ・ステップ", "立位体前屈", "懸垂", "垂直飛び", "閉眼片足立ち",
+  "腕歩行", "リラックスボード", "パネルラダー", "棒とびこし",
+  "脚のばし", "ふみいたストレッチ",
+];
+const STANDARD_PLAY_TOKENS = [
+  "ブランコ", "ぶらんこ", "滑台", "滑り台", "すべり台", "砂場", "鉄棒", "複合遊具",
+  "ジャングル", "ヒコーキ", "飛行機", "シーソー",
+  ...SPRING_TOKENS,
+  ...HEALTH_TOKENS,
+];
+function playSegments(play: string): string[] {
+  return play.split(/[、,]/).map((s) => s.trim()).filter(Boolean);
+}
+function hasSpecialToy(play: string): boolean {
+  return playSegments(play).some(
+    (segment) => !STANDARD_PLAY_TOKENS.some((token) => segment.includes(token)),
+  );
+}
+
 // 設備フィルタ用のトークン（data-fac）。
 function facTokens(p: Park): string {
   const tokens: string[] = [];
@@ -111,17 +138,27 @@ function facTokens(p: Park): string {
   if (p["給水"]) tokens.push("water");
   if (p["遊具"]) tokens.push("toy");
   const play = p["遊具"] || "";
+  const segments = playSegments(play);
   if (play.includes("砂場")) tokens.push("sand");
   if (play.includes("ブランコ")) tokens.push("swing");
   if (play.includes("シーソー")) tokens.push("seesaw");
-  if (play.includes("スプリング")) tokens.push("spring");
+  if (
+    segments.some(
+      (segment) =>
+        !segment.includes("ロープスイング") &&
+        SPRING_TOKENS.some((token) => segment.includes(token)),
+    )
+  ) {
+    tokens.push("spring");
+  }
   if (play.includes("ジャングル")) tokens.push("jungle");
   if (play.includes("ヒコーキ") || play.includes("飛行機")) tokens.push("plane");
   if (play.includes("滑り台") || play.includes("滑台")) tokens.push("slide");
   if (play.includes("複合遊具")) tokens.push("complex");
-  if (play.includes("ロープウェイ")) tokens.push("rope");
-  const ball = p["ボール遊び"];
-  if (ball && ball !== "禁止") tokens.push("ball");
+  if (play.includes("バスケ")) tokens.push("basket");
+  if ((p["シェルター等"] || "").trim()) tokens.push("shelter");
+  if (HEALTH_TOKENS.some((token) => play.includes(token))) tokens.push("health");
+  if (hasSpecialToy(play)) tokens.push("special");
   const clock = (p["時計"] || "").trim();
   if (clock === "○" || clock === "あり" || clock === "有" || clock === "1") tokens.push("clock");
   if (p["南西部指定管理"]) tokens.push("cm");