Merge branch 'develop'

y-yamasaki · y-yamasaki · commit 7b110f0d48c6 · 2025-11-27T17:32:35.000+09:00
diff --git a/assets/js/blog.js b/assets/js/blog.js
@@ -1,3 +1,13 @@
+function formatDate(dateStr) {
+  if (!dateStr) return "";
+  const d = new Date(dateStr);
+  if (isNaN(d.getTime())) return dateStr;
+  const y = d.getFullYear();
+  const m = ("0" + (d.getMonth() + 1)).slice(-2);
+  const da = ("0" + d.getDate()).slice(-2);
+  return `${y}/${m}/${da}`;
+}
+
 document.addEventListener("DOMContentLoaded", () => {
   const listEl = document.getElementById("blogList");
   const emptyEl = document.getElementById(
@@ -131,7 +141,7 @@ document.addEventListener("DOMContentLoaded", () => {
 
       const meta = document.createElement("p");
       meta.className = "card__meta";
-      const dateText = post.date || "";
+      const dateText = formatDate(post.date);
       const categoryText = post.category || "";
       meta.textContent = [dateText, categoryText]
         .filter(Boolean)
diff --git a/assets/js/top.js b/assets/js/top.js
@@ -1,3 +1,13 @@
+function formatDate(dateStr) {
+  if (!dateStr) return "";
+  const d = new Date(dateStr);
+  if (isNaN(d.getTime())) return dateStr;
+  const y = d.getFullYear();
+  const m = ("0" + (d.getMonth() + 1)).slice(-2);
+  const da = ("0" + d.getDate()).slice(-2);
+  return `${y}/${m}/${da}`;
+}
+
 document.addEventListener("DOMContentLoaded", async () => {
   const blogListEl = document.getElementById(
     "homeLatestBlog",
@@ -43,7 +53,8 @@ document.addEventListener("DOMContentLoaded", async () => {
           const categoryText = post.category
             ? ` / ${post.category}`
             : "";
-          metaSpan.textContent = `${post.date || ""}${categoryText}`;
+          const dateText = formatDate(post.date);
+          metaSpan.textContent = `${dateText}${categoryText}`;
 
           a.appendChild(titleSpan);
           a.appendChild(metaSpan);
diff --git a/blog/blog_00001.html b/blog/blog_00001.html
@@ -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">Sat Jun 01 2024 09:00:00 GMT+0900 (日本標準時) / 日記</p>
+            <p class="post-detail__meta">2024/06/01 / 日記</p>
             <h1 class="post-detail__title">ブログはじめました</h1>
             <p class="post-detail__description">筆者の自己紹介</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=diary">diary</a></p>
diff --git a/blog/blog_00002.html b/blog/blog_00002.html
@@ -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">Sun Jun 02 2024 09:00:00 GMT+0900 (日本標準時) / Unity</p>
+            <p class="post-detail__meta">2024/06/02 / Unity</p>
             <h1 class="post-detail__title">Odin を導入してみた</h1>
             <p class="post-detail__description">チームで Odin 導入時にハマったポイントと対処方法</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=unity">unity</a> <a class="tag" href="../blog.html?tag=plugin">plugin</a> <a class="tag" href="../blog.html?tag=tool">tool</a></p>
diff --git a/blog/blog_00003.html b/blog/blog_00003.html
@@ -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">Mon Jun 10 2024 09:00:00 GMT+0900 (日本標準時) / Unity</p>
+            <p class="post-detail__meta">2024/06/10 / Unity</p>
             <h1 class="post-detail__title">Odin でコンテキストエディター作ってみた</h1>
             <p class="post-detail__description">Odin でプランナー向けのコンテキストエディターを作った話</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=unity">unity</a> <a class="tag" href="../blog.html?tag=plugin">plugin</a> <a class="tag" href="../blog.html?tag=tool">tool</a></p>
diff --git a/blog/blog_00004.html b/blog/blog_00004.html
@@ -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">Sun Apr 20 2025 09:00:00 GMT+0900 (日本標準時) / Unity</p>
+            <p class="post-detail__meta">2025/04/20 / Unity</p>
             <h1 class="post-detail__title">Modoium Remote 導入してみた</h1>
             <p class="post-detail__description">Unity開発でスマホ端末がプラットフォームの際にデバッグが便利になる機能の紹介</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=unity">unity</a> <a class="tag" href="../blog.html?tag=plugin">plugin</a> <a class="tag" href="../blog.html?tag=tool">tool</a> <a class="tag" href="../blog.html?tag=android">android</a> <a class="tag" href="../blog.html?tag=ios">ios</a></p>
diff --git a/blog/blog_00005.html b/blog/blog_00005.html
@@ -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 May 09 2025 09:00:00 GMT+0900 (日本標準時) / Git</p>
+            <p class="post-detail__meta">2025/05/09 / Git</p>
             <h1 class="post-detail__title">DropBox APIを使ってみた</h1>
             <p class="post-detail__description">GitLFSの無料ユーザーを救済します！</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=git">git</a> <a class="tag" href="../blog.html?tag=api">api</a> <a class="tag" href="../blog.html?tag=dropbox">dropbox</a> <a class="tag" href="../blog.html?tag=cloudstrage">cloudstrage</a></p>
diff --git a/blog/blog_00006.html b/blog/blog_00006.html
@@ -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 Oct 09 2025 09:00:00 GMT+0900 (日本標準時) / UE5</p>
+            <p class="post-detail__meta">2025/10/09 / UE5</p>
             <h1 class="post-detail__title">UE5プラグイン開発</h1>
             <p class="post-detail__description">ゲーム開発におけるUE5のプラグイン開発</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=ue5">ue5</a> <a class="tag" href="../blog.html?tag=cpp">cpp</a></p>
diff --git a/blog/blog_00007.html b/blog/blog_00007.html
@@ -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">Mon Nov 17 2025 09:00:00 GMT+0900 (日本標準時) / Git</p>
+            <p class="post-detail__meta">2025/11/17 / Git</p>
             <h1 class="post-detail__title">RClone導入フロー</h1>
             <p class="post-detail__description">Windows + Git Bash環境でrcloneを導入し、Google Driveと連携するまでの手順まとめ</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=tool">tool</a> <a class="tag" href="../blog.html?tag=cloudstrage">cloudstrage</a> <a class="tag" href="../blog.html?tag=git">git</a></p>
diff --git a/blog/blog_00008.html b/blog/blog_00008.html
@@ -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">Sat Feb 01 2025 09:00:00 GMT+0900 (日本標準時) / Discord</p>
+            <p class="post-detail__meta">2025/02/01 / Discord</p>
             <h1 class="post-detail__title">Discord Bot のアーキテクチャを見直した話</h1>
             <p class="post-detail__description">Discord Bot の構成メモ コマンド／イベントをプラグイン的に追加</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=discord">discord</a> <a class="tag" href="../blog.html?tag=nodejs">nodejs</a> <a class="tag" href="../blog.html?tag=architecture">architecture</a> <a class="tag" href="../blog.html?tag=plugin">plugin</a> <a class="tag" href="../blog.html?tag=tool">tool</a></p>
diff --git a/blog/blog_00009.html b/blog/blog_00009.html
@@ -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">Wed Nov 19 2025 09:00:00 GMT+0900 (日本標準時) / tool</p>
+            <p class="post-detail__meta">2025/11/19 / tool</p>
             <h1 class="post-detail__title">ZedでC#開発環境を構築してみた</h1>
             <p class="post-detail__description">ZedにC#言語サーバーを導入し、Unityプロジェクトで補完・定義ジャンプを使えるようにするまでの手順とハマりどころをまとめました</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=csharp">csharp</a> <a class="tag" href="../blog.html?tag=zed">zed</a> <a class="tag" href="../blog.html?tag=lsp">lsp</a> <a class="tag" href="../blog.html?tag=tool">tool</a></p>
diff --git a/blog/blog_00010.html b/blog/blog_00010.html
@@ -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 Nov 20 2025 09:00:00 GMT+0900 (日本標準時) / Git</p>
+            <p class="post-detail__meta">2025/11/20 / Git</p>
             <h1 class="post-detail__title">RClone運用フロー</h1>
             <p class="post-detail__description">プロジェクトでrcloneとシェルスクリプトを活用し、大規模アセットの効率的な管理とCI/CD連携を実現する方法を解説します。</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=tool">tool</a> <a class="tag" href="../blog.html?tag=cloudstrage">cloudstrage</a> <a class="tag" href="../blog.html?tag=git">git</a></p>
diff --git a/blog/blog_00011.html b/blog/blog_00011.html
@@ -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">Wed Nov 26 2025 09:00:00 GMT+0900 (日本標準時) / Discord</p>
+            <p class="post-detail__meta">2025/11/26 / Discord</p>
             <h1 class="post-detail__title">自作Discord Botを公開したらスパムに悪用された話</h1>
             <p class="post-detail__description">自作したDiscord Botを公開したところ、スパムの踏み台にされてしまいました。原因となったアーキテクチャの設計ミスと、今後のセキュリティ対策についてまとめます。</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=discord">discord</a> <a class="tag" href="../blog.html?tag=nodejs">nodejs</a> <a class="tag" href="../blog.html?tag=security">security</a> <a class="tag" href="../blog.html?tag=%E5%8F%8D%E7%9C%81">反省</a></p>
diff --git a/blog/blog_00012.html b/blog/blog_00012.html
@@ -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 Nov 27 2025 09:00:00 GMT+0900 (日本標準時) / 技術メモ</p>
+            <p class="post-detail__meta">2025/11/27 / 技術メモ</p>
             <h1 class="post-detail__title">静的サイトにお問い合わせフォームを実装する (GAS連携)</h1>
             <p class="post-detail__description">GitHub Pagesなどの静的サイトで、サーバーを持たずにお問い合わせフォームを実装する方法（Google Apps Script利用）をまとめました。</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=gas">gas</a> <a class="tag" href="../blog.html?tag=javascript">javascript</a> <a class="tag" href="../blog.html?tag=contact-form">contact-form</a></p>
diff --git a/blog/blog_00013.html b/blog/blog_00013.html
@@ -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 Nov 27 2025 09:00:00 GMT+0900 (日本標準時) / UI/UX</p>
+            <p class="post-detail__meta">2025/11/27 / UI/UX</p>
             <h1 class="post-detail__title">ポートフォリオの詳細表示をモーダル化してUXを改善する</h1>
             <p class="post-detail__description">ポートフォリオサイトの作品詳細を、ページ遷移なしで閲覧できるようにモーダルウィンドウ化しました。DOMParserを使ったHTML取得や、実装時のハマりポイントについて。</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=javascript">javascript</a> <a class="tag" href="../blog.html?tag=ui-ux">ui-ux</a> <a class="tag" href="../blog.html?tag=modal">modal</a> <a class="tag" href="../blog.html?tag=fetch">fetch</a></p>
diff --git a/blog/blog_00014.html b/blog/blog_00014.html
@@ -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 Nov 28 2025 09:00:00 GMT+0900 (日本標準時) / 開発ログ</p>
+            <p class="post-detail__meta">2025/11/28 / 開発ログ</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>
diff --git a/blog/blog_00015.html b/blog/blog_00015.html
@@ -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">Sat Nov 29 2025 09:00:00 GMT+0900 (日本標準時) / 技術メモ</p>
+            <p class="post-detail__meta">2025/11/29 / 技術メモ</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>
diff --git a/blog/blog_00016.html b/blog/blog_00016.html
@@ -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">Sun Nov 30 2025 09:00:00 GMT+0900 (日本標準時) / tool</p>
+            <p class="post-detail__meta">2025/11/30 / tool</p>
             <h1 class="post-detail__title">ZedのRuleの追加について</h1>
             <p class="post-detail__description">ZedのRuleの使い方をまとめました</p>
             <p class="post-detail__tags"><a class="tag" href="../blog.html?tag=zed">zed</a> <a class="tag" href="../blog.html?tag=ai">ai</a></p>
diff --git a/tools/build-blog.js b/tools/build-blog.js
@@ -26,6 +26,16 @@ function escapeHtml(str = "") {
   });
 }
 
+function formatDate(date) {
+  if (!date) return "";
+  const d = new Date(date);
+  if (isNaN(d.getTime())) return String(date);
+  const y = d.getFullYear();
+  const m = ("0" + (d.getMonth() + 1)).slice(-2);
+  const da = ("0" + d.getDate()).slice(-2);
+  return `${y}/${m}/${da}`;
+}
+
 function createHtml({
   id,
   title,
@@ -38,7 +48,7 @@ function createHtml({
 }) {
   const safeTitle = escapeHtml(title);
   const safeDesc = escapeHtml(description || "");
-  const safeDate = escapeHtml(date || "");
+  const safeDate = escapeHtml(formatDate(date));
   const safeCategory = escapeHtml(category || "");
   // tags は配列として受け取り、それぞれエスケープする
   const safeTagsArr = Array.isArray(tags)
