タグフィルター調整

Author: y-yamasaki

WebSite/assets/css/layout.css

@@ -512,8 +512,6 @@ body.no-scroll .site-header {
     margin-bottom: 1rem;
     flex-grow: 1;
     display: -webkit-box;
-    -webkit-line-clamp: 3;
-    -webkit-box-orient: vertical;
     overflow: hidden;
 }
 

WebSite/assets/js/blog.js

@@ -60,6 +60,7 @@ document.addEventListener("DOMContentLoaded", () => {
       const res = await fetch("assets/data/blogList.json");
       if (!res.ok) throw new Error(`HTTP ${res.status}`);
       allPosts = await res.json();
+      updateCategoryFilter();
       readInitialParams();
       render();
     } catch (err) {
@@ -72,6 +73,35 @@ document.addEventListener("DOMContentLoaded", () => {
     }
   }
 
+  // -----------------------------
+  // カテゴリフィルタ更新
+  // -----------------------------
+  function updateCategoryFilter() {
+    if (!categorySelect) return;
+
+    const categories = [
+      ...new Set(
+        allPosts.map((p) => p.category).filter(Boolean),
+      ),
+    ].sort();
+
+    // 既存のオプション（"すべて"以外）をクリア
+    const currentValue = categorySelect.value;
+    while (categorySelect.options.length > 1) {
+      categorySelect.remove(1);
+    }
+
+    categories.forEach((cat) => {
+      const option = document.createElement("option");
+      option.value = cat;
+      option.textContent = cat;
+      categorySelect.appendChild(option);
+    });
+
+    // 以前選択されていた値を復元
+    categorySelect.value = currentValue;
+  }
+
   // -----------------------------
   // 描画
   // -----------------------------

WebSite/blog.html

@@ -135,20 +135,6 @@ <h2>記事一覧</h2>
                                     <option value="">
                                         すべて
                                     </option>
-                                    <option value="Unity">
-                                        Unity
-                                    </option>
-                                    <option value="UE5">
-                                        UE5
-                                    </option>
-                                    <option
-                                        value="プラグイン"
-                                    >
-                                        プラグイン
-                                    </option>
-                                    <option value="日記">
-                                        日記
-                                    </option>
                                 </select>
                             </div>
 

WebSite/sitemap.xml

@@ -66,7 +66,7 @@
   </url>
   <url>
     <loc>https://breadmotion.github.io/WebSite/blog.html</loc>
-    <lastmod>2025-11-27</lastmod>
+    <lastmod>2025-11-28</lastmod>
   </url>
   <url>
     <loc>https://breadmotion.github.io/WebSite/contact.html</loc>

WebSite/tools/build-blog.js

@@ -281,12 +281,13 @@ ${bodyHtml}
 
     const recommended = data.recommended || false;
     const tagsRaw = data.tags || [];
-    const tags = Array.isArray(tagsRaw)
-      ? tagsRaw
-      : String(tagsRaw)
-          .split(",")
-          .map((t) => t.trim())
-          .filter(Boolean);
+    const tags = (
+      Array.isArray(tagsRaw)
+        ? tagsRaw
+        : String(tagsRaw).split(",")
+    )
+      .map((t) => String(t).trim())
+      .filter(Boolean);
 
     const relPath = `blog/${id}.html`;