diff --git a/components/content/LinkButton.vue b/components/content/LinkButton.vue
deleted file mode 100644
index 78e109c..0000000
--- a/components/content/LinkButton.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script setup lang="ts">
-interface Props {
-    url: string;
-    title: string;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-    url: "",
-    title: "",
-});
-</script>
-
-<template>
-    <NuxtLink :href="props.url" target="_blank" class="btn btn-primary btn-block my-4">
-        {{ props.title }}
-    </NuxtLink>
-</template>
diff --git a/components/content/LinkCard.vue b/components/content/LinkCard.vue
index 6b35e3b..3fc6362 100644
--- a/components/content/LinkCard.vue
+++ b/components/content/LinkCard.vue
@@ -23,7 +23,7 @@ const { data, pending } = await useLazyAsyncData(
 
 <template>
     <div v-if="pending || !data">
-        <NuxtLink :href="props.url" target="_blank" class="link">{{ props.url }}</NuxtLink>
+        <NuxtLink :to="props.url" target="_blank" class="link">{{ props.url }}</NuxtLink>
     </div>
     <NuxtLink
         v-else
diff --git a/content/blog/dtm/0.my-vst.md b/content/blog/dtm/0.my-vst.md
index 420aedf..3b86086 100644
--- a/content/blog/dtm/0.my-vst.md
+++ b/content/blog/dtm/0.my-vst.md
@@ -1,6 +1,6 @@
 ---
 createdAt: "2023/08/01"
-updatedAt: ""
+updatedAt: "2024/01/19"
 title: "私の使っているVST音源まとめ"
 description: "私の使っているVST音源を紹介します。"
 category: "DTM"
@@ -11,6 +11,8 @@ thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/dtm/m
 isRecommend: true
 ---
 
+## はじめに
+
 この記事では現在も私が使用しているVST音源を紹介します。
 
 私が作成する曲はJ-POP系の音が多いため、音源の種類としては生音楽器が多めです。
@@ -47,16 +49,20 @@ Taylor 714 CEというギターをサンプリングしていて、とにかく
 
 アーティキュレーションを活かした演奏と元の音色の良さで、本物のギターと遜色ない素敵な演奏になっているのでぜひ一度聴いてみてください。
 
+:affiliate-block{title="AMPLE SOUND AMPLE GUITAR T III" imageUrl="https://m.media-amazon.com/images/I/51+KOJelfxL._SL160_.jpg" asin="B0BR524T3Y"}
+
 ### MUSIC LAB：Real Guitar 4
 
 ![Real Guitar 4](https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/dtm/my-vst/real_guitar.png)
 
 **MUSIC LAB**社のアコースティック音源にです。
 
-Ample Guitar Tや他の有名どころのアコースティック音源と比べると、音が軽めで悪く言えばチープに聞こえるときもあります。
-打ち込み系の音楽のバックの方で鳴らす場面では逆にはまることもあるので、曲によって他の音源と使いわけています。
+Ample Guitar Tは音が軽めで、悪く言えばチープに聞こえるときもあります。
+打ち込み系の音楽では逆にはまることもあるので、曲によって他の音源と使い分けています。
+
+Real Guitarシリーズは[起動が早い]{.marker}のと、[コード演奏の打ち込みが簡単]{.marker}なため、作曲のスケッチにも向いています。
 
-また、Real Guitarシリーズは他の音源よりも[起動が早い]{.marker}のと、MIDIによる[コード演奏の打ち込みがやりやすい]{.marker}ため、作曲の際のスケッチに使う分には使いやすいです。
+:affiliate-block{title="Music Lab REAL GUITAR 5" imageUrl="https://m.media-amazon.com/images/I/51nd39g1tzL._SL160_.jpg" asin="B078W4BZ38"}
 
 ### Ample Sound：Ample Guitar LP Library
 
@@ -64,10 +70,14 @@ Ample Guitar Tや他の有名どころのアコースティック音源と比べ
 
 Ample Guitar Tと同じく**Ample Sound**社のエレキギター音源です。
 
-以前はギターの打ち込みは苦手でいつも打ち込み丸出しの音になっていたのですが、Ample Guitarを使いはじめてからは[リアルな音と使いやすいアーティくレーション]{.marker}のおかげで、リアルなサウンドに近い音を出せるようになりました。
+[リアルな音と使いやすいアーティくレーション]{.marker}のおかげで、リアルなサウンドに近い音を打ち込みで出せます。
 
-一方でAmple Guitarシリーズは自由度が高い分、初めて使うときは挙動に戸惑うことも多い印象です。（例えば、適当なキーを押すとパラメータが変わってしまい元に戻せない…など）
-こちらに関しては、別の記事でAmple Guitarを使用する際のポイントや注意点をまとめる予定です。
+Ample Guitarシリーズは自由度が高い分、初めて使うときは挙動に戸惑うことも多い印象です。
+注意点は以下の記事にまとめてあるので、参考にしてみてください。
+
+:quote-article-card{url="/blog/dtm/ample-guitar"}
+
+:affiliate-block{title="AMPLE SOUND AMPLE GUITAR LP III" imageUrl="https://m.media-amazon.com/images/I/51qDhBQdg3L._SL160_.jpg" asin="B0BR4ZNMRJ"}
 
 ## ピアノ
 
@@ -77,11 +87,13 @@ Ample Guitar Tと同じく**Ample Sound**社のエレキギター音源です。
 
 Addictive Drumsで有名な**XLN Audio**社のピアノ音源です。
 
-Addictive Drumsの会社だけあって、プリセットを選ぶとそのままオケに馴染む音色を鳴らすことができます。
+プリセットを選ぶとそのままオケに馴染む音色を鳴らすことができます。
+
+[スタンドアロン版の起動が早い]{.marker}ことから、ただピアノを演奏したいときにも便利です。
 
-楽曲の中で使うのはもちろん、[スタンドアロン版の起動が早い]{.marker}ことからピアノを弾きたい気分のときに起動して使ったりもしています。
+また、[MIDIの録音機能とMIDIファイル出力機能]{.marker}があるため、いいフレーズが思いついたらその場で録音→MIDIデータと出力してDAWに取り込むこともできます。
 
-さらに、音源にも関わらず[MIDIの録音機能とMIDIファイル出力機能]{.marker}があるため、適当に音を鳴らしていいフレーズが思いついたらその場で録音→MIDIデータと出力してDAWに取り込むといった使い方もできます。
+:affiliate-block{title="XLN Audio Addictive Keys Studio Grand" imageUrl="https://m.media-amazon.com/images/I/517CzrHJgsL._SL160_.jpg" asin="B00Z4PVYJC"}
 
 ## シンセ
 
@@ -130,6 +142,8 @@ GUIも出音もシンプルでとにかく使いやすいです。
 
 様々なグルーブのMIDIデータも同梱されているため、ドラムの打ち込みの際にも役立っています。
 
+:affiliate-block{title="XLN Audio Addictive Drums2 Custom Collection" imageUrl="https://m.media-amazon.com/images/I/41Z58vKW7aL._SL160_.jpg" asin="B09JWLFT43"}
+
 ### FXpansion：BFD 3
 
 ![BFD 3](https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/dtm/my-vst/bfd_3.png)
@@ -139,13 +153,13 @@ GUIも出音もシンプルでとにかく使いやすいです。
 本物のドラムと区別がつかないぐらい[リアルな音]{.marker}が出ます。
 その代わり、[インストール後の容量が155GBと大きく、動作も重い]{.marker}です。
 
-スペックの低いPCを使っていた頃は起動までの時間が長すぎて使うのを辞めたくらい、PCのスペックが問われます。
+初代のBFDは音がリアル過ぎて、エフェクト処理をできる人ではないと使いこなせませんでした。
+しかし、BFD 3ではプリセットが優秀で、[プリセットそのままでも違和感なく楽曲に使えています]{.marker}。
 
-また、初代のBFDの頃は出音がリアル過ぎて適切なエフェクト処理をできる人ではないと使いこなせない、と言われていました。
-しかし、BFD 3に関してはプリセットに設定されているエフェクトが優秀なのか、割と[プリセットそのままでも違和感なく楽曲に使えています]{.marker}。
+最初はAddictive Drumsを使っていたのですが、ワンランク上の音作りをしたいと思いBFD 3を買い足しました。
+結果的にBFD 3を使う際はそこまで戸惑わずに使うことができたため、これからDTMをはじめる方は[Addictive Drumsを使って慣れてきたらBFD 3に移行]{.marker}する流れがオススメです。
 
-私の場合、DTMをはじめたての頃はAddictive Drumsを使っていたのですが、ワンランク上の音作りをしたいと思いBFD 3を買い足しました。
-結果的にBFD 3を使う際はそこまで戸惑わずに使うことができたため、これからDTMをはじめる方にも[Addictive Drumsを使ってみて慣れてきたらBFD 3に移行]{.marker}する流れはオススメです。
+:affiliate-block{title="FXpansion BFD3 ドラム音源 (FXパンション) 国内正規品 ダウンロード版" imageUrl="https://m.media-amazon.com/images/I/41Ie+BpRaML._SL160_.jpg" asin="B00FJUG6VS"}
 
 ### Native Instruments：Battery 4
 
@@ -158,8 +172,7 @@ GUIも出音もシンプルでとにかく使いやすいです。
 Batteryは主に[打ち込み系の曲のドラム]{.marker}に使っています。
 基本的にはプリセットで楽曲のイメージにあうキットを選択→気に食わないサンプルがあれば他のサンプルに差し替えて使う、という使い方をしています。
 
-サンプラーのためドラムサンプルを別で購入すれば、音色の拡張をすることはできます。
-私はデフォルトで収録されている音色の時点で今のところは間に合っているため、追加はしていません。
+サンプラーのためドラムサンプルを別で購入すれば、音色の拡張をすることもできます。
 
 ## ベース
 
@@ -172,12 +185,10 @@ Batteryは主に[打ち込み系の曲のドラム]{.marker}に使っていま
 物理モデリング音源ということで音響合成によって作られた音なのですが、めちゃくちゃリアルな音が鳴ります。
 しかも、サンプルを使わないおかげか[容量は200MB以下と少なく、動作も軽快]{.marker}です。
 
-また、サンプルを使っていないため[アーティキュレーションの表現の自由度が高い]{.marker}です。
-例えばスライド奏法ひとつをとっても、スライドの速さやスライドの音程を細かく指定することもできます。
-
-正直、欠点がない音源と言っても過言でもないので、生音系のベースが欲しいときはこちらの音源を買っておけば間違いないです。
+サンプルを使っていないため[アーティキュレーションの表現の自由度が高い]{.marker}です。
+スライド奏法ひとつをとっても、スライドの速さやスライドの音程を細かく指定することもできます。
 
-ちなみに現在はMODO BASS 2も発売されています。
+現在はMODO BASS 2も発売されています。
 一番大きなアップデートは、アコースティックベースやフレットレス・ベースが追加されたことですが、私はエレクトリック・ベース以外をあまり使用しないためアップデートはまだしていません。
 より多くのベース音源を使用したい場合はMODO BASS 2を購入するとよさそうです。
 
@@ -205,7 +216,7 @@ KOMPLETEシリーズは最も有名な総合音源と言ってもいいでしょ
 
 ![V4 Editor for Cubase](https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/dtm/my-vst/vocaloid_cubase.png)
 
-説明不要なくらい有名ですが**YAMAHA**社の合成音声です。
+説明不要なくらい有名な**YAMAHA**社の合成音声です。
 
 所持しているライブラリは以下の通りです。
 
@@ -214,14 +225,12 @@ KOMPLETEシリーズは最も有名な総合音源と言ってもいいでしょ
 - 1stPLACE IA ROCKS
 - YAMAHA VOCALOID 5 ken
 
-ただ発表している今日の中で使っているのは**初音ミク(V2･append)・巡音ルカ(V2)**ぐらいです。
 エディターはVOCALOID 5についてきたV4 Editor for Cubase（通称ボカキュー）を使用しています。
 ボカキューはCubaseとの連携が取れており、[Cubase内のMIDIエディター内で入力したノートがVOCALOID側にすぐに反映]{.marker}されるため、効率よく打ち込みができます。
 
-最新バージョンはVOCALOID 6ですが、V2の声に慣れてしまったからか新しいバージョンが出ても、V2が一番しっくりくるので未だに主役はV2です。
+最新バージョンはVOCALOID 6ですが、V2が一番しっくりくるので未だに主役はV2です。
 
-音声合成界隈はAI機能が付いて一段階進化した感はありますが、VOCALOIDだけはAIによる歌唱の変化を大きくは感じられていません…
-噂によると英語の歌唱は出来がいいらしいです。
+:affiliate-block{title="初音ミク V4X バンドル" imageUrl="https://m.media-amazon.com/images/I/51J5EbikxRL._SL160_.jpg" asin="B01G6XNQ5A"}
 
 ### Dreamtonics：Synthesizer V
 
@@ -229,7 +238,12 @@ KOMPLETEシリーズは最も有名な総合音源と言ってもいいでしょ
 
 最近のお気に入りの**Dreamtonics**社の合成音声音源です。
 
-持っているライブラリは**Ryo**とSynthesizer Vに無償で付いてくる**Mai**です。
+所持しているライブラリは以下の通りです。
+
+- Mai
+- Ryo
+- Saki
+- GUMI
 
 ずっと男声のライブラリを使ってみたかったのですが、好みの声が見つからなかったときに以下のカバーを見て速攻で購入しました。
 
@@ -239,7 +253,10 @@ Synthesizer VのAI歌唱と[清水寺](https://www.youtube.com/@user-vu8ew9vz4x)
 歌声という点でもRyoの声は優しい感じがしてとても好きです。
 
 男声の合成音声は技術的な問題で女声よりも処理が難しいという話を聞いていたので、ここまでリアルな音源が出てきたのはとてもありがたいです。
-まだ使いこなせていませんが、これからどんどん使っていく予定です。
+
+:affiliate-block{title="Synthesizer V Studio Pro" imageUrl="https://m.media-amazon.com/images/I/41nl+l0DddL._SL160_.jpg" asin="B08B34MWKF" dlSiteLink="https://www.dlsite.com/soft/work/=/product_id/VJ013608.html"}
+
+:affiliate-block{title="Synthesizer V Studio Pro スターターパック" imageUrl="https://m.media-amazon.com/images/I/51jy+o9TSXL._SL160_.jpg" asin="B08B3CNY2D"}
 
 ## まとめ
 
diff --git a/content/blog/dtm/1.ample-guitar.md b/content/blog/dtm/1.ample-guitar.md
index 7cad0d8..89adb9b 100644
--- a/content/blog/dtm/1.ample-guitar.md
+++ b/content/blog/dtm/1.ample-guitar.md
@@ -1,6 +1,6 @@
 ---
 createdAt: "2023/08/01"
-updatedAt: ""
+updatedAt: "2024/01/19"
 title: "Ample Guitarを使用する際の注意点"
 description: "VST音源であるAmple Guitarを使う際の注意点についてまとめます。"
 category: "DTM"
@@ -10,6 +10,8 @@ tags:
 thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/dtm/ample-guitar/ag_lp.png"
 ---
 
+## はじめに
+
 Ample Guitarはリアルな楽器演奏を再現できるギター音源です。
 本物のギターを再現するために様々な機能が搭載されており、柔軟な打ち込みを行うことができます。
 
@@ -110,3 +112,9 @@ Ample Guitarには複数音をどのように鳴らすかを決めるPlaying Mod
 ## まとめ
 
 本記事ではAmple Guitarのモードと注意点についてまとめました。
+Ample Guitarは注意点も多いですが、使いこなすと非常にリアルな音を鳴らせる音源です。
+この記事が参考になれば幸いです。
+
+:affiliate-block{title="AMPLE SOUND AMPLE GUITAR T III" imageUrl="https://m.media-amazon.com/images/I/51+KOJelfxL._SL160_.jpg" asin="B0BR524T3Y"}
+
+:affiliate-block{title="AMPLE SOUND AMPLE GUITAR LP III" imageUrl="https://m.media-amazon.com/images/I/51qDhBQdg3L._SL160_.jpg" asin="B0BR4ZNMRJ"}
diff --git a/content/blog/dtm/1.windows-vs-mac.md b/content/blog/dtm/1.windows-vs-mac.md
index 1ecf77f..8065183 100644
--- a/content/blog/dtm/1.windows-vs-mac.md
+++ b/content/blog/dtm/1.windows-vs-mac.md
@@ -1,6 +1,6 @@
 ---
 createdAt: "2023/09/04"
-updatedAt: ""
+updatedAt: "2024/01/19"
 title: "【Windows vs Mac】ボカロPになるならOSはWindowsとMacどちらが良い？ソフトウェアの対応状況を調べてみた"
 description: "WindowsとMac、どちらがオススメかをDTMをしたい人やボカロPになりたい人向けにメリット・デメリットをまとめました。"
 category: "DTM"
@@ -156,3 +156,13 @@ DTM用途だけでのパソコンを購入で今後も続けるか分からな
 最初に使いはじめたOSは、基本的にはずっと使っていくことになります。
 また、実際にパソコンを購入する際には、他の用途での使用感も含めて購入するのがオススメです。
 メリットやデメリットを比べてみて自身に最適なOSをじっくりと選ぶといいでしょう。
+
+:affiliate-block{title="mouse 【 RTX4060 搭載 / 3年保証】 ゲーミングPC デスクトップ" imageUrl="https://m.media-amazon.com/images/I/31iqsLeeUhL._SL160_.jpg" asin="B0CSFX67N4"}
+
+:affiliate-block{title="Apple 2023 MacBook Pro" imageUrl="https://m.media-amazon.com/images/I/31+IV3YCXnL._SL160_.jpg" asin="B0CM5DVWF1"}
+
+:affiliate-block{title="初音ミク V4X バンドル" imageUrl="https://m.media-amazon.com/images/I/51J5EbikxRL._SL160_.jpg" asin="B01G6XNQ5A"}
+
+:affiliate-block{title="Synthesizer V Studio Pro" imageUrl="https://m.media-amazon.com/images/I/41nl+l0DddL._SL160_.jpg" asin="B08B34MWKF" dlSiteLink="https://www.dlsite.com/soft/work/=/product_id/VJ013608.html"}
+
+:affiliate-block{title="Synthesizer V Studio Pro スターターパック" imageUrl="https://m.media-amazon.com/images/I/51jy+o9TSXL._SL160_.jpg" asin="B08B3CNY2D"}
diff --git a/content/blog/gadget/0.desk-tour-accessory.md b/content/blog/gadget/0.desk-tour-accessory.md
index 0298c7f..0d7c5bb 100644
--- a/content/blog/gadget/0.desk-tour-accessory.md
+++ b/content/blog/gadget/0.desk-tour-accessory.md
@@ -1,16 +1,16 @@
 ---
 createdAt: "2023/08/01"
-updatedAt: "2023/08/22"
+updatedAt: "2024/01/19"
 title: "システムエンジニア/DTMerのデスク周り紹介 小物編"
 description: "システムエンジニア/DTMerのデスク周りを紹介します。特に小物関連のアイテムについて詳しく紹介します。"
 category: "ガジェット"
 tags:
-    - "ケーブル"
-    - "電源タップ"
-    - "USB充電器"
-    - "エレコム"
-    - "山崎実業"
-    - "Anker"
+  - "ケーブル"
+  - "電源タップ"
+  - "USB充電器"
+  - "エレコム"
+  - "山崎実業"
+  - "Anker"
 thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadget/desk-tour-accessory/echo-show.jpg"
 ---
 
@@ -30,7 +30,7 @@ thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadge
 スチール製でかなり頑丈です。
 また、ワイヤー状になっていて隙間が大きめなので自由にケーブルを通すことができます。
 
-:affiliate-block{title="プラス Garage 幅63.7cm ワイヤーケーブルトレー" asin="B07FXCMXQK"}
+:affiliate-block{title="プラス Garage 幅63.7cm ワイヤーケーブルトレー" imageUrl="https://m.media-amazon.com/images/I/31h76xPUlAL._SL160_.jpg" asin="B07FXCMXQK"}
 
 ### ケーブルクリップ：VIAKY ケーブルホルダー
 
@@ -43,9 +43,9 @@ thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadge
 
 ![ケーブルをPCケースにくっつけられる](https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadget/desk-tour-accessory/cable-holder-2.jpg)
 
-ケーブル以外にもクリーニングクロスやメガネクリーナーに装着して、PCケースにくっつけるということもできます。
+クリーニングクロスやメガネクリーナーに装着して、PCケースにくっつけるということもできます。
 
-:affiliate-block{title="VIAKY ケーブルクリップ ケーブルホルダー ホワイト 10個入り" asin="B0BF4WKSDW"}
+:affiliate-block{title="VIAKY ケーブルクリップ ケーブルホルダー ホワイト 10個入り" imageUrl="https://m.media-amazon.com/images/I/21st2+UVXVL._SL160_.jpg" asin="B0BF4WKSDW"}
 
 ### 電源タップ：エレコム 電源タップ T-NSLK-2620WH
 
@@ -55,7 +55,7 @@ thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadge
 
 また、ほこり防止・雷ガード・180°スイングプラグが付いており、死角のない仕様となっています。
 
-:affiliate-block{title="エレコム 電源タップ 6個口 3m ホワイト T-NSLK-2630WH" asin="B01N10654R"}
+:affiliate-block{title="エレコム 電源タップ 6個口 3m ホワイト T-NSLK-2630WH" imageUrl="https://m.media-amazon.com/images/I/414uVjXNd8L._SL160_.jpg" asin="B01N10654R"}
 
 ## 収納
 
@@ -72,7 +72,7 @@ thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadge
 
 耐荷重は80kgとのことなので。簡易的な椅子としても使用することができます。
 
-:affiliate-block{title="不二貿易 収納ベンチ 収納ボックス" asin="B08Q3NWLK4"}
+:affiliate-block{title="不二貿易 収納ベンチ 収納ボックス" imageUrl="https://m.media-amazon.com/images/I/41gsdRDUnqL._SL160_.jpg" asin="B08Q3NWLK4"}
 
 ## 充電関連
 
@@ -86,20 +86,20 @@ USB充電器と言えば安定のAnkerなので特筆することはあまりな
 
 スマホやMacbookの[純正の充電器より小型]{.marker}なので、旅行の際の持ち運びにも便利です。
 
-:affiliate-block{title="Anker PowerPort III 65W" asin="B088R6SV4Z"}
+:affiliate-block{title="Anker PowerPort III 65W" imageUrl="https://m.media-amazon.com/images/I/21FZeGqa-qL._SL160_.jpg" asin="B088R6SV4Z"}
 
 ### 充電用ケーブル：Anker PowerLine III Flow
 
 ![Anker PowerLine III Flow](https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadget/desk-tour-accessory/usb-cable.jpg)
 
-充電用ケーブルは**Ankerの**PowerLine III Flow**を使用しています。
+充電用ケーブルは**Ankerの**PowerLine III Flow\*\*を使用しています。
 
 PowerLine III Flowは通常のケーブルと作りが異なっていて、[やわらかくしなやかなケーブル]{.marker}になっています。
 形状記憶されているようなイメージで[巻いても絡まりづらく、癖も全く付きません]{.marker}。
 
 USBケーブルは全てこれにしたいくらいお気に入りのケーブルです。
 
-:affiliate-block{title="Anker PowerLine III Flow USB-C & USB-C" asin="B093L53HM4"}
+:affiliate-block{title="Anker PowerLine III Flow USB-C & USB-C" imageUrl="https://m.media-amazon.com/images/I/31jRTTeWB6S._SL160_.jpg" asin="B093L53HM4"}
 
 ## その他
 
@@ -116,7 +116,7 @@ USBケーブルは全てこれにしたいくらいお気に入りのケーブ
 また、SwitchBotハブミニと連携をしていて、アレクサに呼びかけることで照明やエアコンの操作をできるようにしてあります。
 寝るときに照明のリモコンを探さずに[布団の中から照明を消す]{.marker}ことができるのが便利です。
 
-:affiliate-block{title="Echo Show 5 (エコーショー5) 第3世代" asin="B09B2T3QBN"}
+:affiliate-block{title="Echo Show 5 (エコーショー5) 第3世代" imageUrl="https://m.media-amazon.com/images/I/41Nkd2pqdbL._SL160_.jpg" asin="B09B2T3QBN"}
 
 ### ティッシュケース：山崎実業 マグネットティッシュケース
 
@@ -131,7 +131,7 @@ USBケーブルは全てこれにしたいくらいお気に入りのケーブ
 
 また、以前はデスク裏に取り出し口が下になるように取り付けていたのですが、重力の影響で[ティッシュを取り出す際にティッシュが破けてしまう]{.marker}ことが分かったので、取り付け場所を変更しました。
 
-:affiliate-block{title="山崎実業(Yamazaki) マグネット ティッシュケース 長方形 レギュラーサイズ" asin="B09HRQQZ2R"}
+:affiliate-block{title="山崎実業(Yamazaki) マグネット ティッシュケース 長方形 レギュラーサイズ" imageUrl="https://m.media-amazon.com/images/I/21LVhKNB87L._SL160_.jpg" asin="B09HRQQZ2R"}
 
 ### ヘッドホンハンガー：NZXT PUCK White
 
@@ -143,7 +143,7 @@ USBケーブルは全てこれにしたいくらいお気に入りのケーブ
 
 [コードを巻き付けられるように溝がある]{.marker}ため、コードをまとまることができるのも便利です。
 
-:affiliate-block{title="NZXT PUCK White マグネット固定式ヘッドホンハンガー" asin="B01N0ZMLAH"}
+:affiliate-block{title="NZXT PUCK White マグネット固定式ヘッドホンハンガー" imageUrl="https://m.media-amazon.com/images/I/31kZ+-BovBL._SL160_.jpg" asin="B01N0ZMLAH"}
 
 ## まとめ
 
diff --git a/content/blog/gadget/0.desk-tour-computer-accessories.md b/content/blog/gadget/0.desk-tour-computer-accessories.md
index be0493e..d0064a8 100644
--- a/content/blog/gadget/0.desk-tour-computer-accessories.md
+++ b/content/blog/gadget/0.desk-tour-computer-accessories.md
@@ -1,6 +1,6 @@
 ---
 createdAt: "2023/08/01"
-updatedAt: "2023/08/22"
+updatedAt: "2024/01/19"
 title: "システムエンジニア/DTMerのデスク周り紹介 PC周辺機器編"
 description: "システムエンジニア/DTMerのデスク周りを紹介します。特にPC周辺機器について紹介します。"
 category: "ガジェット"
@@ -51,7 +51,7 @@ SlimBlade Proは4つボタンがあり、さらに同時押しに対しても専
 
 [人気のトラックボール2種を徹底比較！「Kensington SlimBlade Pro」 vs 「Logicool MX ERGO」](/blog/gadget/1) -->
 
-:affiliate-block{title="Kensington ケンジントン SlimBlade Pro トラックボール" asin="B0C5QP55YX"}
+:affiliate-block{title="Kensington ケンジントン SlimBlade Pro トラックボール" imageUrl="https://m.media-amazon.com/images/I/31VX0ZB8piL._SL160_.jpg" asin="B0C5QP55YX"}
 
 ### ゲーム用マウス：ロジクール G PRO X SUPERLIGHT ホワイト
 
@@ -59,15 +59,13 @@ SlimBlade Proは4つボタンがあり、さらに同時押しに対しても専
 
 ゲーム用のマウスは**ロジクール**の**G PRO X SUPERLIGHT**を使用しています。
 
-普段はトラックボールを使用していますが、ゲームをするときはマウスでやりたかったので購入しました。
-
+普段はトラックボールを使用していますが、ゲーム用に購入しました。
 [重量が63gと軽い]{.marker}マウスです。
 
-不満点を上げるとすると[充電端子がmicro-USB]{.marker}なところです。
+不満点は、[充電端子がmicro-USB]{.marker}なところです。
 ロジクールブランドの製品は最新モデルでもmicro-USBを使用しているケースが多々あるので、購入の際は確認してから購入することをオススメします。
-（早くmicro-USBは淘汰されて欲しい…）
 
-:affiliate-block{title="Logicool G ロジクール G PRO X SUPERLIGHT ゲーミングマウス ワイヤレス" asin="B08MVQ6G49"}
+:affiliate-block{title="Logicool G ロジクール G PRO X SUPERLIGHT ゲーミングマウス ワイヤレス" imageUrl="https://m.media-amazon.com/images/I/21SU+PZftTL._SL160_.jpg" asin="B08MVQ6G49"}
 
 ### マウスパッド：ロジクール MP10GR グラファイト
 
@@ -80,7 +78,7 @@ SlimBlade Proは4つボタンがあり、さらに同時押しに対しても専
 画像を見て分かる通り、使っていると若干汚れが目立つようになってきました。
 機能としては特に問題なく使うことができています。
 
-:affiliate-block{title="ロジクール MP10GR マウスパッド" asin="B09JYZPFB8"}
+:affiliate-block{title="ロジクール MP10GR マウスパッド" imageUrl="https://m.media-amazon.com/images/I/31GV3OcKjCL._SL160_.jpg" asin="B09JYZPFB8"}
 
 ## キーボード関連
 
@@ -90,12 +88,10 @@ SlimBlade Proは4つボタンがあり、さらに同時押しに対しても専
 
 キーボードは**Keychron**の**K6 Pro**を使用しています。
 
-Keychronはここ数年でシェアを拡大しており、名前を聞いたことがある方も多いのではないのでしょうか。
-Keychronは主にメカニカルキーボードを販売している会社です。
-一番の特徴は[たくさんのレイアウトのキーボードを販売]{.marker}していることだと思っています。
-例えば、一番ベーシックなモデルのKシリーズであれば60%、65%、70%、75%、80%、96%、フルの7種類のサイズのモデルがあります。（2023年7月25日現在）
+Keychronはメカニカルキーボードを販売している会社で、[たくさんのレイアウトのキーボードを販売]{.marker}しています。
+ベーシックモデルのKシリーズは60%、65%、70%、75%、80%、96%、フルの7種類のサイズのモデルがあります。（2023年7月25日現在）
 
-さらには薄型モデルや配列違い（JIS、US）、キーの軸、カスタムキーボードなどの種類も基本の形のキーボードであれば全て揃っていると言っても過言ではないです。
+さらに、薄型モデルや配列違い（JIS、US）、軸違いもあり、自分好みのキーボードを見つけることができます。
 
 私が使用しているK6 Proは**K Proシリーズ**の**65%キーボード**になります。
 K6 Proシリーズの特徴は以下の通りです。
@@ -120,11 +116,9 @@ VIAは主に自作キーボードを作成する際に使用するソフトウ
 
 VIAなら[Fnキーも自由な場所に配置]{.marker}することができますし、[キー設定はハードウェア側に記録]{.marker}されるためPCごとの設定も不要です。
 
-これだけ便利なんですが、既製品でVIAに対応したキーボードはKeychron以外だと聞いたことがないです。（もし知っている方がいれば教え
-てください。）
 自分にベストなレイアウト・キー配置が分かっている方は、豊富なレイアウト・VIAによるキー配置のできるK Proシリーズは非常にオススメです。
 
-:affiliate-block{title="Keychron K6 Pro QMK/VIA ワイヤレスメカニカルキーボード" asin="B09W2B6L12"}
+:affiliate-block{title="Keychron K6 Pro QMK/VIA ワイヤレスメカニカルキーボード" imageUrl="https://m.media-amazon.com/images/I/412nx+nlgiL._SL160_.jpg" asin="B09W2B6L12"}
 
 ### キーキャップ：XVX PBTキーキャップセット (ホワイト/グリーン)
 
@@ -139,9 +133,9 @@ VIAなら[Fnキーも自由な場所に配置]{.marker}することができま
 数は[189キーでサイズ違いや色違いなども入っていて充実]{.marker}しており、[PBT・ダブルショット]{.marker}で品質もとてもいいです。
 お値段も品質に対して安価でとても気に入っています。
 
-:affiliate-block{title="XVX キーキャップ 189キー ダブルショット" asin="B0BM4Q3YP4"}
+:affiliate-block{title="XVX キーキャップ 189キー ダブルショット" imageUrl="https://m.media-amazon.com/images/I/41uKVVwmICL._SL160_.jpg" asin="B0BM4Q3YP4"}
 
-### リストレスト：LGBN White-61
+<!-- ### リストレスト：LGBN White-61
 
 ![LGBN White-61](https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadget/desk-tour-computer-accessories/wrist-rest.jpg)
 
@@ -154,7 +148,7 @@ VIAなら[Fnキーも自由な場所に配置]{.marker}することができま
 
 また、こちらのリストレストは種類が豊富で[色が8色、サイズは61、87、104]{.marker}のサイズ展開があり、自分の好みのリストレストを購入することができます。
 
-:affiliate-block{title="樹脂キーボードリストレスト White-61" asin="B0B7FYQJ3R"}
+:affiliate-block{title="樹脂キーボードリストレスト White-61" asin="B0B7FYQJ3R"} -->
 
 ## ディスプレイ関連
 
@@ -170,7 +164,7 @@ VIAなら[Fnキーも自由な場所に配置]{.marker}することができま
 [WQHD]{.marker}ということでFullHDよりも解像度が高いです。
 [リフレッシュレートは60Hz]{.marker}なので、FPSゲームをする場合は別の高リフレッシュレートのディスプレイを検討した方がいいです。
 
-:affiliate-block{title="IODATA ゲーミングモニター 23.8インチ GigaCrysta WQHD EX-LDGCQ241DB" asin="B07CHF4XC7"}
+:affiliate-block{title="IODATA ゲーミングモニター 23.8インチ GigaCrysta WQHD EX-LDGCQ241DB" imageUrl="https://m.media-amazon.com/images/I/51YdNZAyWFL._SL160_.jpg" asin="B07CHF4XC7"}
 
 ### モニターアーム：エルゴトロン LX デスクマウント モニターアーム マットブラック
 
@@ -181,7 +175,7 @@ VIAなら[Fnキーも自由な場所に配置]{.marker}することができま
 私はディスプレイを2枚使用しているので、こちらを2つ使用しています。
 定番のモニターアームだけあって、[クランプもしっかりしていますしディスプレイの移動も簡単]{.marker}にできます。
 
-:affiliate-block{title="エルゴトロン MXV デスク モニターアーム スリムタイプ マットブラック" asin="B07TK9JN5B"}
+:affiliate-block{title="エルゴトロン MXV デスク モニターアーム スリムタイプ マットブラック" imageUrl="https://m.media-amazon.com/images/I/31sR9SWOMcL._SL160_.jpg" asin="B07TK9JN5B"}
 
 ### モニターアーム：エルゴトロン LX デスクマウント 延長用アーム マットブラック
 
@@ -191,10 +185,7 @@ VIAなら[Fnキーも自由な場所に配置]{.marker}することができま
 
 アームの部分が長くなるので一見すると倒れないか心配ですが、うまく作られているのか安定して使うことができています。
 
-また、裏技っぽいですが、こちらの延長アームを使用しなくても下側ディスプレイに繋いでいるアームのパーツを一つ、上側のディスプレイのアームに連結すると上下配置もできます。
-ただ、この場合は下側のディスプレイの可動範囲が制限されるため、クランプ位置を調惺する必要があります。
-
-:affiliate-block{title="エルゴトロン LX 延長用アーム マットブラック" asin="B09T782YJ2"}
+:affiliate-block{title="エルゴトロン LX 延長用アーム マットブラック" imageUrl="https://m.media-amazon.com/images/I/21rqUBEsAUL._SL160_.jpg" asin="B09T782YJ2"}
 
 ## その他
 
@@ -210,7 +201,7 @@ Webカメラは**Anker**の**PowerConf C200**を使用しています。
 
 ![プライバシーシールド](https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadget/desk-tour-computer-accessories/web-camera-privacy.jpg)
 
-:affiliate-block{title="Anker PowerConf C200 ウェブカメラ" asin="B09MHPFV4Q"}
+:affiliate-block{title="Anker PowerConf C200 ウェブカメラ" imageUrl="https://m.media-amazon.com/images/I/41PNelNJ2SL._SL160_.jpg" asin="B09MHPFV4Q"}
 
 <!-- ### スイッチングハブ：BUFFALO LSW6-GT-5NS/WH ホワイト
 
diff --git a/content/blog/gadget/0.desk-tour-desk.md b/content/blog/gadget/0.desk-tour-desk.md
index 036b5d4..95dc260 100644
--- a/content/blog/gadget/0.desk-tour-desk.md
+++ b/content/blog/gadget/0.desk-tour-desk.md
@@ -1,18 +1,18 @@
 ---
 createdAt: "2023/08/01"
-updatedAt: "2023/08/22"
+updatedAt: "2024/01/19"
 title: "システムエンジニア/DTMerのデスク周り紹介 デスク編"
 description: "システムエンジニア/DTMerのデスク周りを紹介します。特にデスク関連のアイテムについて詳しく紹介します。"
 category: "ガジェット"
 tags:
-    - "デスク周り"
-    - "デスク"
-    - "デスクチェア"
-    - "オフィスチェア"
-    - "ワークチェア"
-    - "サイドデスク"
-    - "IKEA"
-    - "ニトリ"
+  - "デスク周り"
+  - "デスク"
+  - "デスクチェア"
+  - "オフィスチェア"
+  - "ワークチェア"
+  - "サイドデスク"
+  - "IKEA"
+  - "ニトリ"
 thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadget/desk-tour-desk/linnmon.jpg"
 ---
 
@@ -47,9 +47,9 @@ IKEAのリンモンシリーズはとにかくコスパが良く、最小サイ
 
 その代わり[重量は軽い]{.marker}ため、デスクに何も乗っていない状態であればひとりでも簡単に移動することができます。
 
-:affiliate-block{title="IKEA(イケア) LINNMON ADILS テーブル ホワイト" asin="B00JEY92FM"}
+:affiliate-block{title="IKEA(イケア) LINNMON ADILS テーブル ホワイト" imageUrl="https://m.media-amazon.com/images/I/31JJpCeq9CL._SL160_.jpg" asin="B00JEY92FM"}
 
-:affiliate-block{title="IKEA(イケア) LAGKAPTEN テーブル ホワイト" asin="B09196WS7C"}
+:affiliate-block{title="IKEA(イケア) LAGKAPTEN テーブル ホワイト" imageUrl="https://m.media-amazon.com/images/I/218opa+81FL._SL160_.jpg" asin="B09196WS7C"}
 
 ### サイドデスク、収納：IKEA アレクス
 
@@ -61,7 +61,7 @@ IKEAのリンモンシリーズはとにかくコスパが良く、最小サイ
 
 アレクスにはデスクと同じ高さのモノの中に、引き出しの付き方の違うタイプが3つあります。
 
-::point-list{listStyle=・}
+::point-list{title="アレクスの種類"}
 
 - 引き戸が1つで中に棚板が1つあるタイプ
 - 引き出しが4つのタイプ
@@ -71,9 +71,11 @@ IKEAのリンモンシリーズはとにかくコスパが良く、最小サイ
 
 私が購入したのは**引き戸が1つで中に棚板が1つあるタイプ**です。
 
-中には無印良品の[ポリプロピレンケース・引出式](https://www.muji.com/jp/ja/store/cmdty/detail/4548076748977)と[ポリプロピレンファイルボックス](https://www.muji.com/jp/ja/store/cmdty/detail/4550002553050)を使って、小物を収納しています。
+中には無印良品のポリプロピレンケース・引出式と、ポリプロピレンファイルボックスを使って収納しています。
 
-今の状態だとポリプロピレンケースの中身を取り出すためには[引き戸を開ける→引き出しを引くと二度手間]{.marker}になってしまっているため、今考えると引き出しが4つのタイプの方が使い勝手がよかった気がしています。
+:affiliate-block{title="無印良品 ポリプロピレンケース引出式・薄型" imageUrl="https://m.media-amazon.com/images/I/31NPZYrUJhL._SL160_.jpg" asin="B072SQLD8X"}
+
+:affiliate-block{title="MUJI 無印良品 ポリプロピレンファイルボックス スタンダードタイプ ホワイトグレー 1/2サイズ" imageUrl="https://m.media-amazon.com/images/I/21h7JnObSkL._SL160_.jpg" asin="B087PXFXK5"}
 
 また、私が購入したものは[背面の右下には穴が空いていて、コードを通すことができます]{.marker}。
 ただ、IKEAに掲載されている画像を見る限りでは背面に穴が空いていないため、構造が変わったのかもしれません。
@@ -83,7 +85,7 @@ IKEAのリンモンシリーズはとにかくコスパが良く、最小サイ
 アレクスの上にはゲーム用のマウスやサブのキーボード・お菓子・ウェットティッシュなど、たまに使うモノを雑多に置いています。
 メインのデスクにモノが置いていると気が散りがちですが、サブのデスクにモノが置いてある分には視界にあまり入らないので、気軽にモノを置いておけます。
 
-:affiliate-block{title="IKEA(イケア) ALEX アレクス 収納ユニット - ホワイト" asin="B0CCVJ97FJ"}
+:affiliate-block{title="IKEA(イケア) ALEX アレクス 収納ユニット - ホワイト" imageUrl="https://m.media-amazon.com/images/I/21LeUrMnxlL._SL160_.jpg" asin="B0CCVJ97FJ"}
 
 ### 椅子：ニトリ フォリスト
 
@@ -102,6 +104,8 @@ IKEAのリンモンシリーズはとにかくコスパが良く、最小サイ
 
 あまりに合皮がぼろぼろになったため、新しい椅子を探していたところ見つけたのがフォリストです。
 
+#### フォリスとのメリット
+
 フォリストには以下のような特徴があります。
 
 ::point-list{title='ニトリ フォリストのメリット'}
@@ -116,6 +120,8 @@ IKEAのリンモンシリーズはとにかくコスパが良く、最小サイ
 合皮よりも持ちが良さそうだったことと、通気生が良く夏場も快適に使えそうだったために選びました。
 実際に使ってみて、夏場は特に他の椅子よりも涼しいです。
 
+#### フォリスとのデメリット
+
 逆にしばらく使っていると以下のようなデメリットがあることが分かりました。
 
 ::point-list{title='ニトリ フォリストのデメリット' listStyle=❌}
@@ -147,8 +153,6 @@ IKEAのリンモンシリーズはとにかくコスパが良く、最小サイ
 
 ::
 
-:affiliate-block{title="ニトリ リクライニングオフィスチェア OC701"}
-
 ## まとめ
 
 今回はデスク周りのアイテムについて紹介しました。
diff --git a/content/blog/gadget/0.desk-tour-dtm.md b/content/blog/gadget/0.desk-tour-dtm.md
index c2293ae..6cd2fdf 100644
--- a/content/blog/gadget/0.desk-tour-dtm.md
+++ b/content/blog/gadget/0.desk-tour-dtm.md
@@ -1,19 +1,19 @@
 ---
 createdAt: "2023/08/01"
-updatedAt: "2023/08/22"
+updatedAt: "2024/01/19"
 title: "DTM（音楽）機器編"
 description: "システムエンジニア/DTMerのデスク周りを紹介します。"
 category: "ガジェット"
 tags:
-    - "スピーカー"
-    - "ヘッドホン"
-    - "イヤホン"
-    - "YAMAHA"
-    - "AKG"
-    - "SHURE"
-    - "オーディオテクニカ"
-    - "Steinberg"
-    - "ROLAND"
+  - "スピーカー"
+  - "ヘッドホン"
+  - "イヤホン"
+  - "YAMAHA"
+  - "AKG"
+  - "SHURE"
+  - "オーディオテクニカ"
+  - "Steinberg"
+  - "ROLAND"
 thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadget/desk-tour-dtm/a49-2.jpg"
 ---
 
@@ -28,14 +28,14 @@ thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadge
 スピーカーは**YAMAHA**の**MSP5**を使用しています。
 
 モニタースピーカーだけあって、[出音はフラット]{.marker}です。
-私の場合はDTMでミキシングをする際に使うため、こちらのスピーカーを購入しました。
-
 逆に、リスニング用途として使う場合は低音が少し物足りなくなりかもしれません。
 
+DTMでミキシングをする際に使うため、こちらのスピーカーを購入しました。
+
 また、重量7.9kg・幅179mm・高さ279mm・奥行き208mmと[重くてデカい]{.marker}です。
-購入前にデスクに置くスペースが確保できるかよく調べておいた方がいいです。
+購入前にデスクに置くスペースが確保できるか、調べた方がいいです。
 
-:affiliate-block{title="ヤマハ YAMAHA パワードモニタースピーカーMSP5STUDIO (1本)" asin="B000UPFXX4"}
+:affiliate-block{title="ヤマハ YAMAHA パワードモニタースピーカーMSP5STUDIO (1本)" imageUrl="https://m.media-amazon.com/images/I/31vfUBTiSBL._SL160_.jpg" asin="B000UPFXX4"}
 
 ### ヘッドホン：AKG K702
 
@@ -53,7 +53,7 @@ thumbnail: "https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadge
 
 音はちょっと低音が少なめですが、全体的にはフラットで音の距離感も掴みやすいので、特に[ミックスをするときに作業がしやすい]{.marker}です。
 
-:affiliate-block{title="AKG セミオープン型ヘッドホン プロフェッショナルモニター K702" asin="B001GF7WRW"}
+:affiliate-block{title="AKG セミオープン型ヘッドホン プロフェッショナルモニター K702" imageUrl="https://m.media-amazon.com/images/I/513Fw3v6mmL._SL160_.jpg" asin="B001GF7WRW"}
 
 ### イヤホン：SHURE SE425
 
@@ -67,10 +67,10 @@ SHUREのSEシリーズと言えば[モニターイヤホンの定番]{.marker}
 私の場合はK702をメインとして、別環境で音源をチェックしたいときや、周りが騒がしいときにこちらのイヤホンを使っています。
 
 SHUREのSEシリーズの欠点として[ケーブルが断線しやすい]{.marker}です。
-というのもSEシリーズはイヤホンを装着する際に**SHURE掛け**と呼ばれる、ケーブルを耳の後ろに通す特殊な付け方が推奨されており、その際にケーブルにダメージが入るのが原因だと思われます。
+SEシリーズはイヤホンを装着する際に**SHURE掛け**と呼ばれる、ケーブルを耳の後ろに通す特殊な付け方が推奨されており、その際にケーブルにダメージが入るのが原因だと思われます。
 ただ、不幸中の幸いでSHUREのイヤホンは[ケーブルを交換することができる]{.marker}ので、そこまで欠点ではないかもしれません。
 
-:affiliate-block{title="SHURE イヤホン SEシリーズ SE425 カナル型" asin="B07DNKZ74Y"}
+:affiliate-block{title="SHURE イヤホン SEシリーズ SE425 カナル型" imageUrl="https://m.media-amazon.com/images/I/31qWFf5m5JL._SL160_.jpg" asin="B07DNKZ74Y"}
 
 <!-- ### イヤホンケーブル：GAOHOU ブラックMMCXイヤホンケーブルDIY WESTONE W10 / W20 / W30 / W40 / W50 / W60 / W80 / UE900用
 
@@ -92,12 +92,12 @@ https://www.amazon.co.jp/gp/product/B0B48P171D/ref=ppx_yo_dt_b_search_asin_title
 
 入門用のコンデンサーマイクとして人気のモデルです。
 
-ほぼ通話用にしか使っていませんが、[音質は通話に使うにはもったいないぐらい良い]{.marker}です。
+通話用にしか使っていませんが、[音質は通話に使うにはもったいないぐらい音質が良い]{.marker}です。
 
-また、コンデンサーマイクは本来、保管に気を付けなくてはいけないのですが、私の場合は四六時中普通に出しっぱなしにしています。
+コンデンサーマイクは保管に気を付けなくてはいけないのですが、四六時中普通に出しっぱなしにしています。
 3年ほどこの状態ですが、今のところは特に問題はないです。
 
-:affiliate-block{title="オーディオテクニカ AT2020 コンデンサーマイク" asin="B0006H92QK"}
+:affiliate-block{title="オーディオテクニカ AT2020 コンデンサーマイク" imageUrl="https://m.media-amazon.com/images/I/31YdCgBVbAL._SL160_.jpg" asin="B0006H92QK"}
 
 ### マイクアーム：CLASSIC PRO CDA10B
 
@@ -106,12 +106,11 @@ https://www.amazon.co.jp/gp/product/B0B48P171D/ref=ppx_yo_dt_b_search_asin_title
 マイクアームは**CLASSIC PRO**の**CDA10B**を使用しています。
 
 マイクアームを使用すると、[ディスプレイに干渉しない場所にマイクを配置しやすい]{.marker}です。
-特に通話のときはディスプレイに何かしらを映しているときが多いので、マイクが邪魔にならないのでオススメです。
 
 こちらのマイクアームは最初からケーブルがセットされているため、ケーブルを別で用意する必要がありません。
 逆に、ケーブルは本体の中に取り外しができないように接続されているため、[ケーブルだけを交換することができない]{.marker}ので注意です。
 
-:affiliate-block{title="CLASSIC PRO クラシックプロ マイクスタンド CDA10B" asin="B01N7P6K15"}
+:affiliate-block{title="CLASSIC PRO クラシックプロ マイクスタンド CDA10B" imageUrl="https://m.media-amazon.com/images/I/31oH+2vL9xL._SL160_.jpg" asin="B01N7P6K15"}
 
 ### ポップガード：micawber U型ポップガード
 
@@ -123,7 +122,7 @@ https://www.amazon.co.jp/gp/product/B0B48P171D/ref=ppx_yo_dt_b_search_asin_title
 
 「吹かれ」の防止とツバの飛散から守るために使用しています。
 
-:affiliate-block{title="micawber U型ポップガード" asin="B086C68BDW"}
+:affiliate-block{title="micawber U型ポップガード" imageUrl="https://m.media-amazon.com/images/I/51T744NnhDL._SL160_.jpg" asin="B086C68BDW"}
 
 ## DTM用品
 
@@ -140,7 +139,7 @@ https://www.amazon.co.jp/gp/product/B0B48P171D/ref=ppx_yo_dt_b_search_asin_title
 オーディオインターフェイスの設置場所は画像の通り、[デスク裏にはがせる粘着テープで固定]{.marker}しています。
 デスク裏に設置することでオーディオインターフェイスの裏側から伸びるコードを見えなくすることができ、見た目がシンプルになるので気に入っています。
 
-:affiliate-block{title="Steinberg オーディオインターフェース UR44" asin="B00GRSDKI8"}
+:affiliate-block{title="Steinberg オーディオインターフェース UR44" imageUrl="https://m.media-amazon.com/images/I/41foSlwU58L._SL160_.jpg" asin="B00GRSDKI8"}
 
 ### キーボード：ROLAND A-49
 
@@ -149,7 +148,7 @@ https://www.amazon.co.jp/gp/product/B0B48P171D/ref=ppx_yo_dt_b_search_asin_title
 キーボードは**ROLAND**の**A-49**を使っています。
 
 ベーシックな49鍵キーボードで、ピッチ/モジュレーション・レバー、ボタンとノブも付いています。
-オクターブ・ボタンの右側にはLEDが搭載されていて、[現在のオクターブ位置を瞬時に確認]{.marker}できるのが地味に便利です。
+オクターブ・ボタンの右側にはLEDが搭載されていて、[現在のオクターブ位置を瞬時に確認]{.marker}できるのが便利です。
 また、TRANSPOSEボタンを押している間はトランスポーズ状態が確認できます。
 
 ![コントローラー周り](https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadget/desk-tour-dtm/a49-2.jpg)
@@ -158,7 +157,7 @@ https://www.amazon.co.jp/gp/product/B0B48P171D/ref=ppx_yo_dt_b_search_asin_title
 以前は**ALESIS Q49**を使っていたのですが、買い替えた直後は重めの打感に戸惑いました。
 慣れれば問題ないですが、軽めが好きな人は少し微妙かもしれません。
 
-:affiliate-block{title="Roland ローランド MIDIキーボードコントローラー A-49" asin="B00AYPPZAG"}
+:affiliate-block{title="Roland ローランド MIDIキーボードコントローラー A-49" imageUrl="https://m.media-amazon.com/images/I/31neTQWrPVL._SL160_.jpg" asin="B00AYPPZAG"}
 
 ## まとめ
 
diff --git a/content/blog/gadget/0.desk-tour-pc.md b/content/blog/gadget/0.desk-tour-pc.md
index 5626cef..b4496ad 100644
--- a/content/blog/gadget/0.desk-tour-pc.md
+++ b/content/blog/gadget/0.desk-tour-pc.md
@@ -1,6 +1,6 @@
 ---
 createdAt: "2023/08/01"
-updatedAt: "2023/08/22"
+updatedAt: "2024/01/19"
 title: "システムエンジニア/DTMerのデスク周り紹介 自作PC編"
 description: "システムエンジニア/DTMerのデスク周りを紹介します。特に自作PCについて紹介します。"
 category: "ガジェット"
@@ -39,10 +39,10 @@ H510は片面だけガラスパネルになっていて、PCの内部が見え
 
 以前は黒色のPCケースを使用していたのですが、存在感が強すぎることとホコリが目立つことが気になっていました。
 
-H510は色が白なのもありますが、デザインもきれいにまとまっていて気に入っています。
+H510はデザインもきれいにまとまっていて気に入っています。
 ガラスパネルは手で回せるネジで固定されているため、[ドライバーを使わずにPCを開けることができる]{.marker}のも便利です。
 
-:affiliate-block{title="NZXT H510 White & Black" asin="B07SDBRQ6L"}
+:affiliate-block{title="NZXT H510 White & Black" imageUrl="https://m.media-amazon.com/images/I/4193vZldXVL._SL160_.jpg" asin="B07SDBRQ6L"}
 
 ### OS：Windows 11
 
@@ -53,7 +53,7 @@ OSは**Windows 11**を使用しています。
 実際にどちらのOSも長く使用してきた身としても、一概にどちらがベストというのは難しいです。
 参考までに今まで使ってみて感じた両者の強みについて以下にまとめてみます。
 
-:affiliate-block{title="Windows 11" asin="B0B469147K"}
+:affiliate-block{title="Windows 11" imageUrl="https://m.media-amazon.com/images/I/5165TfHqVcL._SL160_.jpg" asin="B0B469147K"}
 
 #### Windowsの強み
 
@@ -77,29 +77,27 @@ OSは**Windows 11**を使用しています。
 
 ::
 
-[ハードウェアの検討に時間をかけたくない、見た目やデザインを重視]{.marker}しているという場合は、Macの方が向いていると思います。
+[ハードウェアの検討に時間をかけたくない、見た目やデザインを重視]{.marker}している方はMacが向いています。
 
-上記の通りWindowsとMacは一長一短があるので、使う人の用途や重視するポイントを考えて検討するのがいいです。
-
-用途による差異については、内容が長くなるので別の記事で改めてまとめる予定です。
+WindowsとMacは一長一短があるので、使う人の用途や重視するポイントを考えて検討するのがいいです。
 
 ### メモリ：Crucial 16GB×2枚 DDR4 2666
 
-メモリは**Crucial**の16GBメモリを2枚使用して合計32GBにしています。
+メモリは**Crucial**の16GBメモリを2枚使用して、合計32GBにしています。
 
-単一の作業をする分には16GBで問題なかったのですが、[Chromeのタブを大量に開きながら開発環境を立ち上げながらDAWも開く]{.marker}という、怠惰な使い方をするとたまにメモリ不足になっていました。
+単一の作業をする分には16GBで問題なかったのですが、[Chromeのタブを大量に開きながら開発環境を立ち上げながらDAWも開く]{.marker}という使い方をすると、たまにメモリ不足になっていました。
 
 32GBにしてからはDAWで比較的重めのプラグインを複数立ち上げてもメモリ不足になることもなく、快適に使えています。
 
-:affiliate-block{title="Crucial 16GB DDR4 2666" asin="B0734V1YVL"}
+:affiliate-block{title="Crucial 16GB DDR4 2666" imageUrl="https://m.media-amazon.com/images/I/41d8KF0X9CL._SL160_.jpg" asin="B0734V1YVL"}
 
 ### CPU：Intel Core i7-8700
 
 CPUは**intel**の**Core i7-8700**です。
 
-2017年製のCPUですが特に問題なく使えています。
+2017年製のCPUですが、問題なく使えています。
 
-:affiliate-block{title="インテル INTEL CPU Core i7-12700F" asin="B09NPJDPVG"}
+:affiliate-block{title="インテル INTEL CPU Core i7-12700F" imageUrl="https://m.media-amazon.com/images/I/31CxZibxEFL._SL160_.jpg" asin="B09NPJDPVG"}
 
 ### 電源：Cooler Master MWE Bronze 650
 
@@ -107,7 +105,7 @@ CPUは**intel**の**Core i7-8700**です。
 
 650Wの電源でこちらも問題なく使えています。
 
-:affiliate-block{title="Cooler Master MWE BRONZE V2 FR 650W" asin="B0BHGSQYFZ"}
+:affiliate-block{title="Cooler Master MWE BRONZE V2 FR 650W" imageUrl="https://m.media-amazon.com/images/I/41agtD86wCL._SL160_.jpg" asin="B0BHGSQYFZ"}
 
 ### マザーボード：ASUS PRIME Z370-A
 
@@ -118,7 +116,7 @@ USB端子は背面ポートだけでも、USB Type-C × 1、USB 3.1 × 2、USB 2
 
 通常の用途であれば必要十分なマザーボードです。
 
-:affiliate-block{title="ASUS PRIME Z370-A" asin="B075RJHN2D"}
+:affiliate-block{title="ASUS PRIME Z370-A" imageUrl="https://m.media-amazon.com/images/I/51x4Zoa0p8L._SL160_.jpg" asin="B075RJHN2D"}
 
 ## SSD・HDD
 
@@ -128,7 +126,7 @@ OS用のSSDとして**Crucial**の**SSD 500GB MX500**を使用しています。
 
 DTM用途としては500GBでは全然足りないので、こちらのSSDは基本的に[OSのみをインストール]{.marker}する運用にしています。
 
-:affiliate-block{title="Crucial SSD 500GB MX500" asin="B077PPN5NN"}
+:affiliate-block{title="Crucial SSD 500GB MX500" imageUrl="https://m.media-amazon.com/images/I/416XTotG9aL._SL160_.jpg" asin="B077PPN5NN"}
 
 ### 音源用SSD：Crucial SSD 2TB BX500
 
@@ -136,7 +134,7 @@ DTM用途としては500GBでは全然足りないので、こちらのSSDは基
 
 [OS以外のソフトウェア]{.marker}はこちらにインストールしています。
 
-:affiliate-block{title="Crucial SSD 2TB MX500" asin="B077PSJHM4"}
+:affiliate-block{title="Crucial SSD 2TB MX500" imageUrl="https://m.media-amazon.com/images/I/416XTotG9aL._SL160_.jpg" asin="B077PSJHM4"}
 
 ### バックアップ用HDD：Western Digital HDD 4TB WD40EZRZ/AFP2
 
@@ -145,7 +143,7 @@ DTM用途としては500GBでは全然足りないので、こちらのSSDは基
 消えてしまうと困るファイルは定期的にこちらにHDDにコピーするようにしています。
 また、[ファイルサイズがあまりにも大きいファイル]{.marker}に関しても、こちらのHDDで管理するようにしています。
 
-:affiliate-block{title="Western Digital HDD 4TB WD40EZRZ/AFP2" asin="B01MRSPHIW"}
+:affiliate-block{title="Western Digital HDD 4TB WD40EZRZ/AFP2" imageUrl="https://m.media-amazon.com/images/I/41s3u7nSNjL._SL160_.jpg" asin="B01MRSPHIW"}
 
 ## その他
 
@@ -160,10 +158,7 @@ DTM用途としては500GBでは全然足りないので、こちらのSSDは基
 Apex Legendsをたまにプレイしますが、最高グラフィックにしても100FPS弱ぐらいは出ます。
 エントリーモデルとしてちょうど良い性能になっています。
 
-ちなみに、グラフィックの処理がCPUのオンボードグラフィック→グラフィックボードに変わったらCPUに余裕ができてDAWが軽くなる？と期待していましたが、実際は全く変化がありませんでした。
-[DAWではCPUが処理するグラフィックの計算は大きくない]{.marker}ようです。
-
-:affiliate-block{title="MSI GeForce RTX 3060" asin="B08Z83QKWX"}
+:affiliate-block{title="MSI GeForce RTX 3060" imageUrl="https://m.media-amazon.com/images/I/41d1G-3bPvS._SL160_.jpg" asin="B08Z83QKWX"}
 
 ### キャプチャーボード：AVerMedia Live Gamer HD 2 C988
 
@@ -175,9 +170,9 @@ Apex Legendsをたまにプレイしますが、最高グラフィックにし
 
 [PC内蔵型]{.marker}のため場所を取らずに使うことができます。
 
-また、[パススルー機能]{.marker}を搭載しているため、普段からPCを経由してディスプレイに接続していても問題なくゲーム等を遊ぶことができます。
+また、[パススルー機能]{.marker}を搭載しているため、PCを経由してディスプレイに接続している状態でも問題なくゲームを遊ぶことができます。
 
-:affiliate-block{title="AVerMedia Live Gamer HD 2 C988" asin="B071N9P463"}
+:affiliate-block{title="AVerMedia Live Gamer HD 2 C988" imageUrl="https://m.media-amazon.com/images/I/51-rhgC3uzL._SL160_.jpg" asin="B071N9P463"}
 
 ### PC台：無印良品 縦にも横にも連結できるポリプロピレン平台車
 
@@ -190,7 +185,7 @@ PCを置く台として**無印良品**の**縦にも横にも連結できるポ
 
 PCを台車に乗せておくとパッと動かすことができるので、[掃除の際や内部のパーツの交換のときに楽]{.marker}です。
 
-:affiliate-block{title="無印良品 縦にも横にも連結できるポリプロピレン平台車" asin="B07T9MT5QS"}
+:affiliate-block{title="無印良品 縦にも横にも連結できるポリプロピレン平台車" imageUrl="https://m.media-amazon.com/images/I/319zzoiWgtL._SL160_.jpg" asin="B07T9MT5QS"}
 
 ## まとめ
 
diff --git a/content/blog/gadget/0.desk-tour.md b/content/blog/gadget/0.desk-tour.md
index 4330e32..9a38627 100644
--- a/content/blog/gadget/0.desk-tour.md
+++ b/content/blog/gadget/0.desk-tour.md
@@ -15,7 +15,7 @@ isRecommend: true
 
 この記事では、[職業：システムエンジニア、趣味：DTM]{.marker}な私のデスク周りのガジェット・機材を紹介します。
 
-ここ数年はリモートワーク中心で仕事を行っていたため、仕事や作業の効率化を求めてデスク周りの整備にはお金と時間をかけました。
+最近はリモートワーク中心で仕事を行っていたため、作業の効率化を求めてデスク周りにはお金と時間をかけました。
 そんな試行錯誤の末に完成したデスク周りを紹介していきます。
 
 ## 現在のデスク周り
@@ -35,7 +35,7 @@ isRecommend: true
 ::
 
 私は仕事も趣味も同じデスクで行っているため、どの作業も効率よくこなせるデスク環境を目指しました。
-また、モノクロ色が好きなため、白・灰色・黒を基調としたアイテムを揃えるようにしています。
+また、モノクロが好きなため、白・灰色・黒を基調としたアイテムを揃えるようにしています。
 
 次に、デスク環境の工夫について詳しく説明します。
 
@@ -43,8 +43,10 @@ isRecommend: true
 
 ### ディスプレイの配置について
 
+#### 左右配置について
+
 デュアルディスプレイの場合、ディスプレイを左右に配置しているケースを見かけることが多いかと思います。
-私も以前はディスプレイを左右に配置していたのですが、使いづらさを感じる場面がありました。
+私も以前は[ディスプレイを左右に配置していたのですが、使いづらさを感じる場面がありました]{.marker}。
 
 ディスプレイの左右配置といっても、配置の仕方には何種類か考えられます。
 私が試した配置と、その配置で気になった点は以下の通りです。
@@ -55,13 +57,19 @@ isRecommend: true
 | 左右対称                | ／＼         | ❌ゲームや動画等の単一の画面をメインにするときにディスプレイが正面にない |
 
 上記の通り、DTM用途の場合はディスプレイは左右対称に配置したい、ゲーム用途の場合は正面にメインのディスプレイが欲しいということが分かりました。
-どちらの条件を満たす配置の仕方はディスプレイを上下に配置するしかなかったので試してみたところ、これが見事にはまりどのような用途でも使いやすくなりました。
+
+#### 上下配置について
+
+左右対称、かつ、メインディスプレイは正面という条件を満たす配置は、上下配置しかないという考えに至りました。
+実際に[上下配置にしてみると見事にはまり、どのような用途でも使いやすくなりました]{.marker}。
 
 ちなみに私の場合は上下配置する際に、下のディスプレイは少しだけ倒してデスクと接するくらいに配置、上のディスプレイは下のディスプレイとぴったり接するように配置しています。
 
-上下配置の良いところは以下の通りです。
+#### 上下配置のメリット
 
-::point-list{title=ディスプレイの上下配置のメリット}
+上下配置のメリットは以下の通りです。
+
+::point-list{title="ディスプレイの上下配置のメリット"}
 
 - 首を左右に振る必要がない
 - メインのディスプレイが正面になる
@@ -71,13 +79,14 @@ isRecommend: true
 
 上下配置に変更して一番よかったのは、[首を左右に振る必要がなくなった]{.marker}ことです。
 
-一般的なディスプレイのアスペクト比である16:9のディスプレイを左右に並べると、どうしても横幅が長くなり左右の端を見るために少し首を動かす必要があります。
-例えば、コーディングをする際に左にプレビュー画面、右にエディターを配置した状態だと頻繁に首を動かす必要があるのがストレスでした。
-上下配置にすることで視線の上下移動だけでディスプレイの全体を見渡せるようになり、首への負担を減らすことができました。
+16:9のディスプレイを左右に並べると横幅が長くなり、左右の端を見るために首を動かす必要があります。
+上下配置にすることで視線の上下移動だけでディスプレイ全体を見渡せるようになり、首への負担を減らすことができました。
+
+#### 上下配置のデメリット
 
-逆に、左右配置の方がよかったなと感じている部分もあります。
+左右配置と比べたときの上下配置のデメリットは以下の通りです。
 
-::point-list{title=ディスプレイの上下配置のデメリット listStyle=❌}
+::point-list{title="ディスプレイの上下配置のデメリット" listStyle="❌"}
 
 - ディスプレイの下にモノを置けない
 - 上ディスプレイをリモコンで操作することはできない
@@ -85,25 +94,32 @@ isRecommend: true
 ::
 
 下のディスプレイをデスクに接するように配置した場合、[ディスプレイ下にモノが置けない]{.marker}というデメリットがあります。
-ディスプレイ下に空間があると地味に便利で、PCを使わないときにキーボードやマウスを収納してデスクを広く使うということができます。
+左右配置のときはディスプレイ下にキーボードやマウスを収納していたので、上下配置にしたときに少し不便に感じました。
+
+もう一つは、ディスプレイをリモコンで操作する方の注意点です。
 
-もう一つは、ディスプレイをリモコンで操作する人だけ気を付けておくべき話です。
-私は**IODATA**の**GigaCrysta**というディスプレイを使用しており、こちらのモニタのディスプレイの右下にはリモコンのセンサーがあります。
-リモコン操作は会社用のPCに出力を切り替える際に上下のディスプレイを同時に切り替えるために使用していました。
+**IODATA**の**GigaCrysta**というディスプレイは、ディスプレイの右下にリモコンのセンサーがあります。
+ディスプレイの液晶部分の境目をなくすように上下に接するように配置したところ、上画面のディスプレイのセンサー部分が下ディスプレイと重重なり、[リモコン操作が効かない]{.marker}ことが分かりました。
 
-しかし、ディスプレイの液晶部分の境目をなくすように上下に接するように配置したところ、上画面のディスプレイのセンサー部分が下ディスプレイと重なってしまい、[リモコン操作が効かない]{.marker}ことが分かりました。
+頻繁にディスプレイのリモコンを操作する方は注意が必要です。
 
-センサー部分が重ならないようにディスプレイを離す方法もあったのですが、画面が繋がっていた方が見やすかったため、上画面はディスプレイ側のボタンで出力の切り替えをするようにしました。
+#### 上下配置をするために必要なもの
 
-どちらの配置方法もメリット・デメリットがあるため、最終的にはデスクの用途から自分に適した配置を考えるのがよさそうです。
+モニターを上下に配置するには上下配置に対応したモニターアームが必要です。
+
+私の場合は、エルゴトロンのモニターアーム2つと、延長用アームを使用しています。
+
+:affiliate-block{title="エルゴトロン LX デスク モニターアーム マットブラック" imageUrl="https://m.media-amazon.com/images/I/31wwao+StfL._SL160_.jpg" asin="B07Q8TJ2KL"}
+
+:affiliate-block{title="エルゴトロン LX 延長用アーム マットブラック" imageUrl="https://m.media-amazon.com/images/I/21rqUBEsAUL._SL160_.jpg" asin="B09T782YJ2"}
 
 ### デスク上を広く使う工夫
 
-デスクの上はなるべくモノが少ない方が作業はしやすいですし、気が散ることも少なくなります。
+デスクの上は[なるべくモノが少ない方が作業はしやすいですし、気が散ることも少なくなります]{.marker}。
 
 私のデスクでは以下のような工夫をして、出来るだけデスクを広々と使えるようにしています。
 
-::point-list{title=デスク上を広く使う工夫}
+::point-list{title="デスク上を広く使う工夫"}
 
 - 無線の65%キーボードと無線のトラックボール
 - モニターアーム、スピーカースタンド、マイクアームの活用
@@ -111,14 +127,20 @@ isRecommend: true
 
 ::
 
-デスクの上をシンプルにするために無線機器やテンキーレスキーボードやトラックボールを使用する人は最近だと比較的多いかと思います。
+デスクの上をシンプルにするために無線機器やテンキーレスキーボードやトラックボールを使用する人は多いかと思います。
 
-デスク裏のスペースの活用方法としては例えば、オーディオインターフェイスをはがせる両面テープで貼り付けてみたり、PCに[マグネット付きの収納グッズ]{.marker}を付けてヘッドホンやティッシュを置いたりしています。
+デスク裏のスペースの活用方法として、[オーディオインターフェイスをはがせる両面テープでデスク裏]{.marker}に貼り付けてみたり、PCに[マグネット付きの収納グッズ]{.marker}を付けてヘッドホンやティッシュを置いたりしています。
 
 ![デスク裏にオーディオインターフェイスを設置](https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/gadget/desk-tour/ur44.jpg)
 
 詳細についてはまた別の記事で詳しく記載する予定です。
 
+:affiliate-block{title="スリーエム(3M)スコッチ 両面テープ あとからはがせる超強力プレミアゴールド" imageUrl="https://m.media-amazon.com/images/I/41idpCW1YpL._SL160_.jpg" asin="B017SFJ91K"}
+
+:affiliate-block{title="山崎実業(Yamazaki) マグネット ティッシュケース" imageUrl="https://m.media-amazon.com/images/I/21LVhKNB87L._SL160_.jpg" asin="B09HRQQZ2R"}
+
+:affiliate-block{title="NZXT マグネット固定式ヘッドホンハンガー" imageUrl="https://m.media-amazon.com/images/I/31kZ+-BovBL._SL160_.jpg" asin="B01N0ZMLAH"}
+
 ## アイテムの紹介
 
 デスクやデスク周りで使用しているアイテムを紹介します。
diff --git a/content/blog/gadget/4.keycap-buy.md b/content/blog/gadget/4.keycap-buy.md
index 9ab3553..ac789bf 100644
--- a/content/blog/gadget/4.keycap-buy.md
+++ b/content/blog/gadget/4.keycap-buy.md
@@ -1,6 +1,6 @@
 ---
 createdAt: "2024/01/17"
-updatedAt: ""
+updatedAt: "2024/01/19"
 title: "キーキャップ購入時の注意点とAmazonで購入できるオススメのキーキャップ"
 description: "キーキャップ購入時の注意点とAmazonで購入できるオススメのキーキャップを紹介します。"
 category: "ガジェット"
@@ -39,11 +39,15 @@ isRecommend: true
 [形状によって高さが違っていたり、行ごとに異なる傾斜が付いていたりします]{.marker}。
 形状によって打鍵感は異なるものの、実際に使ってみないと自分に合った形状を見つけるのは難しいのです。
 
+キーキャップの形状は以下のサイトに詳しく記載されていました。
+
+:link-card{url="https://buildersbox.corp-sansan.com/entry/2019/08/16/110000"}
+
 まずは試しに使ってみて、形状も気になるようになってきてからこだわるのがオススメです。
 
 ### 素材
 
-キーキャップの素材は主に**PBT**と**ABS**が使われているいます。
+キーキャップの素材は主に**PBT**と**ABS**が使われています。
 
 PBTはABSよりも[高価ですが、耐久性があり触り心地はさらさら]{.marker}しています。
 ABSは[安価ですが、耐久性は劣っており触り心地はどちらかと言うとつるつる]{.marker}しています。
diff --git a/content/blog/programming/0.nuxt-blog.md b/content/blog/programming/0.nuxt-blog.md
index e3f525b..647fbfc 100644
--- a/content/blog/programming/0.nuxt-blog.md
+++ b/content/blog/programming/0.nuxt-blog.md
@@ -1,6 +1,6 @@
 ---
 createdAt: "2023/08/25"
-updatedAt: ""
+updatedAt: "2024/01/19"
 title: "NuxtJSを使ってブログを作ってみた【Nuxt Content/TailwindCSS/daisyUI】"
 description: "NuxtJSを使用してブログを作成した際の技術スタック・メリット・デメリットを紹介します。"
 category: "プログラミング"
@@ -268,3 +268,5 @@ APIはバックエンドが必要となるため、Nodeが動作する環境で
 NuxtJSでのブログ作成はWordPressでのブログ作成とは、[ライティング方法から記事の公開方法まであらゆる点が異なります]{.marker}。
 
 どちらの方法もメリット・デメリットがあるため、どちらの方がうまく運用できるか考えながら選択するのがよさそうです。
+
+:affiliate-block{title="Nuxt 3　フロントエンド開発の教科書" imageUrl="https://m.media-amazon.com/images/I/51iYGXW72WL._SL160_.jpg" asin="B0CH7Z912B"}
diff --git a/content/blog/programming/0.nuxt-storybook.md b/content/blog/programming/0.nuxt-storybook.md
index d8bd85e..dd819f9 100644
--- a/content/blog/programming/0.nuxt-storybook.md
+++ b/content/blog/programming/0.nuxt-storybook.md
@@ -1,6 +1,6 @@
 ---
 createdAt: "2023/11/22"
-updatedAt: ""
+updatedAt: "2024/01/19"
 title: "Nuxt3 用の Storybook モジュールリリース！Nuxt3 プロジェクトに Storybook を導入してみた"
 description: "NuxtJSを使用してブログを作成した際の技術スタック・メリット・デメリットを紹介します。"
 category: "プログラミング"
@@ -358,6 +358,8 @@ export default {
 
 以上、お役に立てれば幸いです。
 
+:affiliate-block{title="Nuxt 3　フロントエンド開発の教科書" imageUrl="https://m.media-amazon.com/images/I/51iYGXW72WL._SL160_.jpg" asin="B0CH7Z912B"}
+
 ## 参考
 
 - nuxt/storybook
diff --git a/content/blog/programming/2.vue-define-model.md b/content/blog/programming/2.vue-define-model.md
index 3aff553..16595a9 100644
--- a/content/blog/programming/2.vue-define-model.md
+++ b/content/blog/programming/2.vue-define-model.md
@@ -1,6 +1,6 @@
 ---
 createdAt: "2024/01/07"
-updatedAt: ""
+updatedAt: "2024/01/19"
 title: "【Vue.js 3.4】defineModelを活用した入力コンポーネントの作成方法"
 description: "Vue.js 3.4で追加されたdefineModelの使い方を紹介しています。"
 category: "プログラミング"
@@ -150,6 +150,13 @@ const model = defineModel<string>();
 
 型引数を記述することによって、`defineModel`が受け入れられる型を制限することができます。
 
+### まとめ
+
+この記事ではVue.js 3.4の中で特に便利だと感じた`defineModel`について、実例を交えながら使い方を解説しました。
+`defineModel`を知っていると入力コンポーネントを短く分かりやすく書くことができるので、ぜひ使ってみてください。
+
+:affiliate-block{title="Vue 3　フロントエンド開発の教科書" imageUrl="https://m.media-amazon.com/images/I/51EEdM8QBtL._SL160_.jpg" asin="B0BG3YF6ZY"}
+
 ## 参考
 
 - Announcing Vue 3.4
diff --git a/content/blog/programming/3.npm-develop.md b/content/blog/programming/3.npm-develop.md
index 3f7b0fb..7ada0f3 100644
--- a/content/blog/programming/3.npm-develop.md
+++ b/content/blog/programming/3.npm-develop.md
@@ -1,6 +1,6 @@
 ---
 createdAt: "2024/01/14"
-updatedAt: ""
+updatedAt: "2024/01/19"
 title: "【2024年版】フロントエンドの開発体験を向上させる10のnpmライブラリ"
 description: "フロントエンドの開発体験を向上させるnpmライブラリを10個紹介します。"
 category: "プログラミング"
@@ -119,6 +119,8 @@ husky・lint-stagedをPrettierやESLintと合わせて使うことで、コミ
 
 Storyファイルというファイルを作成することで、UIコンポーネントを独立した状態で確認・テストすることができます。
 
+![Storybook画面（公式サイトより）](https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/programming/npm-develop/storybook.png)
+
 UIコンポーネントの一覧を作成したり、UIコンポーネントの概要・属性を簡単に把握することができるため、コンポーネントの開発に役立ちます。
 
 個別のコンポーネントを独立して開発・テストでき、実際のアプリケーションとは別に進行することができます。これにより、コンポーネントの再利用性やテストの容易性が向上します。
@@ -159,6 +161,19 @@ Chrome、Safari、Firefoxに対応しており、E2Eテストを簡単に実行
 
 npmライブラリではないが、合わせて知っておきたいツール等を紹介します。
 
+### Bun
+
+**Bun**はNode.jsやDenoと同じJavaScriptランタイムです。
+
+![Bunのロゴ（公式サイトより）](https://ashcolor-blog.s3.ap-northeast-1.amazonaws.com/img/blog/programming/npm-develop/bun.png)
+
+Bunの一番の特徴は実行速度です。
+Safari用に構築されたパフォーマンス重視のJS エンジン**JavaScriptCore**を採用することにより、高速な動作を可能にしています。
+
+また、Bunはバンドラー・テストランナー・Node.js互換のパッケージマネージャーも備えているため、すぐに開発環境を用意することができます。
+
+Node.jsとの互換性もあるため、既存のプロジェクトにも導入しやすいです。
+
 ### Corepack
 
 **Corepack**はNode.js v14.19.0から導入されたnpmやyarnなどのパッケージマネージャーを管理するツールです。