Merge branch 'develop'

Author: y-yamasaki

assets/data/blogList.json

@@ -1,4 +1,34 @@
 [
+  {
+    "id": "blog_00015",
+    "title": "p5.jsで背景アニメーションを実装してみた",
+    "date": "2025-11-29T00:00:00.000Z",
+    "category": "技術メモ",
+    "description": "静的なポートフォリオサイトに動きを取り入れるため、p5.jsを使って背景アニメーションを実装しました。導入から10パターンの実装まで、初心者の目線で振り返ります。",
+    "tags": [
+      "p5js",
+      "javascript",
+      "creative-coding",
+      "animation"
+    ],
+    "thumbnail": "assets/img/ogp.png",
+    "contentPath": "blog/blog_00015.html"
+  },
+  {
+    "id": "blog_00014",
+    "title": "CSSのリファクタリングを手軽にしてみた",
+    "date": "2025-11-28T00:00:00.000Z",
+    "category": "開発ログ",
+    "description": "個人開発のWebサイトで溜まりがちな「使われていないCSS」をNode.jsスクリプトでサクッと検出して整理しました。",
+    "tags": [
+      "css",
+      "refactoring",
+      "nodejs",
+      "automation"
+    ],
+    "thumbnail": "assets/img/ogp.png",
+    "contentPath": "blog/blog_00014.html"
+  },
   {
     "id": "blog_00013",
     "title": "ポートフォリオの詳細表示をモーダル化してUXを改善する",
@@ -147,36 +177,6 @@
     "thumbnail": "data:image/png;base64,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",
     "contentPath": "blog/blog_00008.html"
   },
-  {
-    "id": "blog_00015",
-    "title": "p5.jsで背景アニメーションを実装してみた",
-    "date": "2024-06-28T00:00:00.000Z",
-    "category": "技術メモ",
-    "description": "静的なポートフォリオサイトに動きを取り入れるため、p5.jsを使って背景アニメーションを実装しました。導入から10パターンの実装まで、初心者の目線で振り返ります。",
-    "tags": [
-      "p5js",
-      "javascript",
-      "creative-coding",
-      "animation"
-    ],
-    "thumbnail": "assets/img/ogp.png",
-    "contentPath": "blog/blog_00015.html"
-  },
-  {
-    "id": "blog_00014",
-    "title": "CSSのリファクタリングを手軽にしてみた",
-    "date": "2024-06-27T00:00:00.000Z",
-    "category": "開発ログ",
-    "description": "個人開発のWebサイトで溜まりがちな「使われていないCSS」をNode.jsスクリプトでサクッと検出して整理しました。",
-    "tags": [
-      "css",
-      "refactoring",
-      "nodejs",
-      "automation"
-    ],
-    "thumbnail": "assets/img/ogp.png",
-    "contentPath": "blog/blog_00014.html"
-  },
   {
     "id": "blog_00003",
     "title": "Odin でコンテキストエディター作ってみた",

blog/blog_00014.html

@@ -23,8 +23,8 @@
   "image": [
     "assets/img/ogp.png"
   ],
-  "datePublished": "2024-06-27T00:00:00.000Z",
-  "dateModified": "2024-06-27T00:00:00.000Z",
+  "datePublished": "2025-11-28T00:00:00.000Z",
+  "dateModified": "2025-11-28T00:00:00.000Z",
   "author": {
     "@type": "Person",
     "name": "PanKUN",
@@ -63,7 +63,7 @@
       <main class="main-container">
         <article class="post-detail reveal-on-scroll">
           <header class="post-detail__header">
-            <p class="post-detail__meta">Thu Jun 27 2024 09:00:00 GMT+0900 (日本標準時) / 開発ログ</p>
+            <p class="post-detail__meta">Fri Nov 28 2025 09:00:00 GMT+0900 (日本標準時) / 開発ログ</p>
             <h1 class="post-detail__title">CSSのリファクタリングを手軽にしてみた</h1>
             <p class="post-detail__description">個人開発のWebサイトで溜まりがちな「使われていないCSS」をNode.jsスクリプトでサクッと検出して整理しました。</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=css">css</a> <a class="tag" href="../blog.html?tag=refactoring">refactoring</a> <a class="tag" href="../blog.html?tag=nodejs">nodejs</a> <a class="tag" href="../blog.html?tag=automation">automation</a></p>

blog/blog_00015.html

@@ -23,8 +23,8 @@
   "image": [
     "assets/img/ogp.png"
   ],
-  "datePublished": "2024-06-28T00:00:00.000Z",
-  "dateModified": "2024-06-28T00:00:00.000Z",
+  "datePublished": "2025-11-29T00:00:00.000Z",
+  "dateModified": "2025-11-29T00:00:00.000Z",
   "author": {
     "@type": "Person",
     "name": "PanKUN",
@@ -63,7 +63,7 @@
       <main class="main-container">
         <article class="post-detail reveal-on-scroll">
           <header class="post-detail__header">
-            <p class="post-detail__meta">Fri Jun 28 2024 09:00:00 GMT+0900 (日本標準時) / 技術メモ</p>
+            <p class="post-detail__meta">Sat Nov 29 2025 09:00:00 GMT+0900 (日本標準時) / 技術メモ</p>
             <h1 class="post-detail__title">p5.jsで背景アニメーションを実装してみた</h1>
             <p class="post-detail__description">静的なポートフォリオサイトに動きを取り入れるため、p5.jsを使って背景アニメーションを実装しました。導入から10パターンの実装まで、初心者の目線で振り返ります。</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=p5js">p5js</a> <a class="tag" href="../blog.html?tag=javascript">javascript</a> <a class="tag" href="../blog.html?tag=creative-coding">creative-coding</a> <a class="tag" href="../blog.html?tag=animation">animation</a></p>

content/blog/blog_00014.md

@@ -1,6 +1,6 @@
 ---
 title: CSSのリファクタリングを手軽にしてみた
-date: 2024-06-27
+date: 2025-11-28
 category: 開発ログ
 description: 個人開発のWebサイトで溜まりがちな「使われていないCSS」をNode.jsスクリプトでサクッと検出して整理しました。
 tags: css, refactoring, nodejs, automation

content/blog/blog_00015.md

@@ -1,6 +1,6 @@
 ---
 title: p5.jsで背景アニメーションを実装してみた
-date: 2024-06-28
+date: 2025-11-29
 category: 技術メモ
 description: 静的なポートフォリオサイトに動きを取り入れるため、p5.jsを使って背景アニメーションを実装しました。導入から10パターンの実装まで、初心者の目線で振り返ります。
 tags: p5js, javascript, creative-coding, animation