chg: 記事プロパティを修正

content/blog/gadget/3.cidoo-v65-keyboard-review.md

@@ -8,7 +8,7 @@ tags:
   - "キーボード"
   - "EPOMAKER"
 thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadget/cidoo-v65-keyboard-review/cidoo-v65-keyboard-review-1.jpg"
-isRecommend: true
+isRecommend: false
 ---
 
 2024年1月、65%キーボードである**CIDOO V65 V2**を購入しました。

content/blog/programming/0.nuxt-blog.md

@@ -4,6 +4,7 @@ updatedAt: ""
 title: "NuxtJSを使ってブログを作ってみた【Nuxt Content/TailwindCSS/daisyUI】"
 description: "NuxtJSを使用してブログを作成した際の技術スタック・メリット・デメリットを紹介します。"
 category: "プログラミング"
+subCategory: "Nuxt.js"
 tags:
   - "NuxtJS"
   - "Vue.js"

content/blog/programming/0.nuxt-storybook.md

@@ -4,6 +4,7 @@ updatedAt: ""
 title: "Nuxt3 用の Storybook モジュールリリース！Nuxt3 プロジェクトに Storybook を導入してみた"
 description: "NuxtJSを使用してブログを作成した際の技術スタック・メリット・デメリットを紹介します。"
 category: "プログラミング"
+subCategory: "Nuxt.js"
 tags:
   - "NuxtJS"
   - "Storybook"

content/blog/programming/1.chat-scroll.md

@@ -4,10 +4,11 @@ updatedAt: ""
 title: "【TypeScript/Vue.js】チャットUIによくあるメッセージ送受信時にスクロール位置を最下部に維持する処理を実装する"
 description: "チャットUIによくあるメッセージ送受信時にスクロール位置を最下部に維持する処理を実装する方法を解説します。"
 category: "プログラミング"
+subCategory: "Vue.js"
 tags:
-    - "JavaScript"
-    - "TypeScript"
-    - "Vue.js"
+  - "JavaScript"
+  - "TypeScript"
+  - "Vue.js"
 thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/programming/chat-scroll/thumbnail.png"
 ---
 
@@ -160,7 +161,7 @@ const isScrollAtBottom = computed(() => {
 理論上は`scrollHeight - clientHeight - scrollTop`が`0`のときにスクロール位置が最下部になります。
 `===`で判定していないのは、`scrollTop`は小数を含む可能性があるのに対して、`scrollHeight`と`clientHeight`は整数に丸められるため、スクロール量が閾値に十分に近いかで判定する必要があるからです。[^scroll]
 
-[^scroll]:[Element.scrollHeight | 要素が完全にスクロールされたかどうかの判定](https://developer.mozilla.org/ja/docs/Web/API/Element/scrollHeight#%E8%A6%81%E7%B4%A0%E3%81%8C%E5%AE%8C%E5%85%A8%E3%81%AB%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E3%81%95%E3%82%8C%E3%81%9F%E3%81%8B%E3%81%A9%E3%81%86%E3%81%8B%E3%81%AE%E5%88%A4%E5%AE%9A)
+[^scroll]: [Element.scrollHeight | 要素が完全にスクロールされたかどうかの判定](https://developer.mozilla.org/ja/docs/Web/API/Element/scrollHeight#%E8%A6%81%E7%B4%A0%E3%81%8C%E5%AE%8C%E5%85%A8%E3%81%AB%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E3%81%95%E3%82%8C%E3%81%9F%E3%81%8B%E3%81%A9%E3%81%86%E3%81%8B%E3%81%AE%E5%88%A4%E5%AE%9A)
 
 あとはメッセージ追加時に`isScrollAtBottom`がtrueのときだけスクロール位置を最下部にする処理を実行するようにします。
 
@@ -201,9 +202,7 @@ const scrollHeight = ref(0);
 const scrollTop = ref(0);
 
 const isScrollAtBottom = computed(() => {
-  return (
-    Math.abs(scrollHeight.value - clientHeight.value - scrollTop.value) < 1
-  );
+  return Math.abs(scrollHeight.value - clientHeight.value - scrollTop.value) < 1;
 });
 
 onMounted(() => {

content/blog/programming/1.cloud-storage-cache-control.md

@@ -4,9 +4,10 @@ updatedAt: ""
 title: "【Python】Cloud StorageにアップロードするオブジェクトのCache-Controlを変更する"
 description: ""
 category: "プログラミング"
+subCategory: "Cloud Storage"
 tags:
-    - "Python"
-    - "Cloud Storage"
+  - "Python"
+  - "Cloud Storage"
 thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/programming/cloud-storage-cache-control/ok.png"
 ---
 

content/blog/programming/2.vue-define-model.md

@@ -4,10 +4,11 @@ updatedAt: ""
 title: "【Vue.js 3.4】defineModelを活用した入力コンポーネントの作成方法"
 description: "Vue.js 3.4で追加されたdefineModelの使い方を紹介しています。"
 category: "プログラミング"
+subCategory: "Vue.js"
 tags:
   - "Vue.js"
 thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/programming/vue-define-model/vue.png"
-isRecommend: true
+isRecommend: false
 ---
 
 ## はじめに

content/blog/programming/3.npm-develop.md

@@ -4,6 +4,7 @@ updatedAt: ""
 title: "【2024年版】フロントエンドの開発体験を向上させる10のnpmライブラリ"
 description: "フロントエンドの開発体験を向上させるnpmライブラリを10個紹介します。"
 category: "プログラミング"
+subCategory: "npm"
 tags:
   - "JavaScript"
   - "TypeScript"