マークダウン読み込み調整

Author: y-yamasaki

assets/css/base.css

@@ -31,6 +31,11 @@ html {
     scroll-behavior: smooth;
 }
 
+html,
+body {
+    height: 100%;
+}
+
 body {
     margin: 0;
     font-family: var(--font-body);

assets/js/blog.js

@@ -311,7 +311,6 @@ document.addEventListener("DOMContentLoaded", async () => {
     detailSection.style.display = "";
 
     const post = posts.find((p) => p.id === id);
-
     if (!post) {
       detailTitle.textContent =
         "記事が見つかりませんでした";
@@ -357,16 +356,15 @@ document.addEventListener("DOMContentLoaded", async () => {
     try {
       const res = await fetch(post.contentPath);
       if (!res.ok) throw new Error(res.statusText);
-      const md = await res.text();
+      const markdown = await res.text();
+      const bodyOnly = stripFrontMatter(markdown);
 
-      if (typeof marked === "undefined") {
-        detailBody.textContent =
-          "Markdown パーサが読み込めていません。";
-        return;
+      // marked.js があれば使う / 無ければプレーンテキストで表示
+      if (window.marked) {
+        detailBody.innerHTML = marked.parse(bodyOnly);
+      } else {
+        detailBody.textContent = bodyOnly;
       }
-
-      const bodyOnly = stripFrontMatter(md);
-      detailBody.innerHTML = marked.parse(bodyOnly);
     } catch (err) {
       console.error(
         "記事本文の読み込みに失敗しました:",

assets/js/portfolio.js

@@ -313,25 +313,26 @@ document.addEventListener("DOMContentLoaded", async () => {
     detailSection.style.display = "";
 
     const work = works.find((w) => w.id === id);
-
     if (!work) {
       detailTitle.textContent =
         "作品が見つかりませんでした";
       detailMeta.textContent = "";
       detailBody.textContent =
-        "指定された作品 ID は存在しません。";
+        "指定された ID の作品が見つかりません。";
+      if (detailTags) detailTags.textContent = "";
       return;
     }
 
-    detailTitle.textContent = work.title;
-
+    // タイトル・メタ
+    detailTitle.textContent = work.title || "(無題)";
     const metaParts = [];
     if (work.role) metaParts.push(`Role: ${work.role}`);
     if (work.tech) metaParts.push(`Tech: ${work.tech}`);
     if (work.platform)
       metaParts.push(`Platform: ${work.platform}`);
     detailMeta.textContent = metaParts.join(" / ");
 
+    // タグ表示（省略可）
     if (detailTags) {
       detailTags.innerHTML = "";
       const tags = Array.isArray(work.tags)
@@ -360,15 +361,13 @@ document.addEventListener("DOMContentLoaded", async () => {
       try {
         const res = await fetch(work.contentPath);
         if (!res.ok) throw new Error(res.statusText);
-        const md = await res.text();
-
-        if (typeof marked === "undefined") {
-          detailBody.textContent =
-            "Markdown パーサが読み込めていません。";
-          return;
+        const markdown = await res.text();
+        const bodyOnly = stripFrontMatter(markdown);
+        if (window.marked) {
+          detailBody.innerHTML = marked.parse(bodyOnly);
+        } else {
+          detailBody.textContent = bodyOnly;
         }
-        const bodyOnly = stripFrontMatter(md);
-        detailBody.innerHTML = marked.parse(bodyOnly);
       } catch (err) {
         console.error("作品詳細の読み込みに失敗:", err);
         detailBody.textContent =