Merge pull request #123 from brklntmhwk/122-tweak

refactor(some): ✨ tweak

Author: brklntmhwk

bun.lockb

@@ -97,7 +97,7 @@
     "remark-directive": "^3.0.0",
     "remark-gfm": "4.0.0",
     "remark-math": "6.0.0",
-    "remark-ruby-directive": "^0.2.0",
+    "remark-ruby-directive": "^0.3.0",
     "remark-video": "^0.10.0",
     "satori": "^0.12.0",
     "sharp": "^0.33.5",

package.json

@@ -42,9 +42,9 @@ const image = {
     "
     {...props}
   >
-    <div class="py-2 md:py-2.5 px-3.5 flex flex-col justify-between flex-[1_1_12rem] whitespace-nowrap overflow-hidden">
+    <div class="py-2 md:py-2.5 px-2.5 md:px-3.5 flex flex-col justify-between flex-[1_1_12rem] whitespace-nowrap overflow-hidden">
       <div class="flex flex-col gap-1 [&>*]:text-ellipsis [&>*]:overflow-hidden">
-        <span class="text-lg md:text-xl font-bold">{title}</span>
+        <span class="text-base sm:text-lg md:text-xl font-bold">{title}</span>
         {description && <span class="text-sm font-light">{description}</span>}
       </div>
       <div class="text-base flex items-center gap-3">

src/components/elements/Link/LinkCard.astro

@@ -58,7 +58,7 @@ const { entries, taxonomies } = Astro.props;
             </section>
             <span class="text-sm xs:text-base">{description}</span>
             {taxonomies.show && (
-              <section class="text-xs sm:text-sm pt-2 flex flex-wrap items-center gap-y-7 gap-x-3.5">
+              <section class="text-xs sm:text-sm my-2.5 flex flex-wrap items-center gap-y-5 sm:gap-y-7 gap-x-3">
                 {taxonomies.shouldDisplay?.includes('category') && category && (
                   <Taxonomy
                     kind={blogCategory.metadata.collection}

src/components/models/BlogList/BlogList.astro

@@ -27,8 +27,8 @@ export const style = tv({
       teal: 'bg-teal-500 dark:bg-teal-700',
     },
     taxonomy: {
-      categories: 'py-1.5 px-3.5 m-0 rounded-[0.185rem]',
-      tags: 'py-0.5 px-[0.35rem] my-1 mx-2',
+      categories: 'py-1 xs:py-1.5 px-3 xs:px-3.5 m-0 rounded-[0.185rem]',
+      tags: 'py-0 xs:py-0.5 px-[0.25rem] xs:px-[0.35rem] my-0.5 xs:my-1 mx-1.5 xs:mx-2',
     },
   },
   compoundVariants: [

src/components/models/Taxonomy/taxonomy.ts

@@ -5,7 +5,7 @@ type: blog
 title: Total newbie builds ergonomic split keyboard kit "The Endpoint"
 publishedAt: 2024-11-22T02:27:47.379Z
 fmContentType: blog
-modifiedAt: 2025-01-08T07:55:00.188Z
+modifiedAt: 2025-01-09T04:34:46.325Z
 category:
   metadata: en/categories
   slug: attempt
@@ -105,7 +105,7 @@ And the tools I used are:
 - Anti-static mat
 - Compartment box
 
-It costs well over 30,000 yen together with the key caps and switches, and is definitely not affordable compared to those off-the-shelf keyboards.
+It costs well over 40,000 yen together with the key caps and switches, and is definitely not affordable compared to those off-the-shelf keyboards.
 However, no one could stop me; with a one-way ticket to a utopia, I got onto the train bound for SOMEWHERE.
 
 ### Start building

src/content/blog/en/split-keyboard-the-endpoint-build.mdx

@@ -12,7 +12,7 @@ tags:
   metadata: ja/tags
   slugList:
     - keyboard
-modifiedAt: 2025-01-08T06:45:10.847Z
+modifiedAt: 2025-01-09T00:57:02.776Z
 description: QWERTY配列からの解脱に成功し、晴れて大西配列への入門を果たすまでの記録。プログラミング用途にも耐えうるよう、周辺キーにカスタマイズを施した。
 thumbnail: ⌨️🖐️🔄( •̀ω•́ )
 ---
@@ -93,7 +93,7 @@ https://younagi.dev/ja/blog/split-keyboard-the-endpoint-build/
 
 #### 大西配列の推しポイント
 
-恋は盲目── ひとたび恋に落ちればチョロい人間と化す私にとって、恋人の推しポイントを挙げることなど造作もなかった。
+:ruby[恋は盲目(ラブイズブラインド)]── 惚れた相手にはとことんチョロい私にとって、恋人の推しポイントを挙げることなど造作もなかった。
 
 - **キー配列が覚えやすい**
   - `K`、`G`、`P`、`H`、`B`など子音の濁音・半濁音が清音の上下にある
@@ -105,14 +105,14 @@ https://younagi.dev/ja/blog/split-keyboard-the-endpoint-build/
 - **手の移動距離が激減することで疲労も軽減**
   - これは言うまでもないだろう
 
-私にとって「キー配列が覚えやすい」点が最大の決め手となった。ベンチマークの観点からのみ言えば、大西配列よりも魅力的なキー配列は他に幾つかあったのだが、そのどれもが・・覚えづらかった。
+個人的には「キー配列が覚えやすい」点が最大の決め手となった。ベンチマークの観点からのみ言えば、大西配列よりも魅力的なキー配列は他に幾つかあったのだが、そのどれもが・・覚えづらかった。
 
 対して、大西配列はベンチマーク上の数値、:ruby[学習曲線(ラーニング・カーブ)]、実際の使用感── これらの絶妙なバランスの上に成り立っている。
 現に、既に手元を見ることなくボチボチ快適にタイピングができるようになった。付き合い始めてまだ一ヶ月だと言うのに。
 
 #### ここが惜しいよ大西配列
 
-恋は盲目── とはいえ、過去の失敗(意味深)から多くを学んだ私は、大西配列の残念なところも必死になって探してみた。
+:ruby[恋は盲目(ラブイズブラインド)]── とはいえ、過去の失敗(意味深)から多くを学んだ私は、大西配列の残念なところも必死になって探してみた。
 
 以下はその希少な例である。
 
@@ -147,11 +147,11 @@ QWERTY 配列で Vim(Neovim)のキーバインドに慣れ切ってしまった
 - `<>`: 左手人差し指上部に配置
   - 大西配列のルールを遵守した結果、思いがけずホームポジション付近に設置できた(山括弧はカンマ・ピリオドと表裏一体である)
 - `?` & `/`: 右手小指ホームポジションの下に配置
-  - QWERTY 配列と同じ配置にし、学習コストを低減
+  - QWERTY 配列と同じ配置にした
 - シングル・ダブルクォーテーション: 右手小指右端に配置
-  - QWERTY 配列と似た配置にし、学習コストを低減
+  - QWERTY 配列と似た配置にした
 - バッククォーテーション & `~`: 左手小指最下部に設置
-  - QWERTY 配列と似た配置にし、学習コストを低減
+  - QWERTY 配列と似た配置にした
 
 私がビルドした「[The Endpoint](https://younagi.dev/ja/blog/split-keyboard-the-endpoint-build/)」にはレイヤーが計 4 つあり、切り替え用のキーを用意すればレイヤー間を自由に行き来できる。
 そこで、別レイヤーのホームポジションにも上記の括弧を配置し、より楽にタイピングができるように工夫を施してある。

src/content/blog/ja/one-month-with-the-ohnishi-keyboard-layout-a-status-update.mdx

@@ -3,7 +3,7 @@ title: 無料ポモドーロタイマー用ショートカットを Apple 純正
 draft: published
 publishedAt: 2024-08-08T03:05:43.193Z
 type: blog
-modifiedAt: 2025-01-07T08:01:47.629Z
+modifiedAt: 2025-01-09T00:53:32.225Z
 category:
   slug: attempt
   metadata: ja/categories
@@ -21,10 +21,10 @@ thumbnail: 🍎⏱️💡 ヽ(•̀ω•́ )ゝ
 
 生産性やタイパが最重要視される現代社会においては、時間の囚人と化した人々の暮らしを更に加速させるべく、星の数ほどの製品やサービスが日夜生まれては消え、を繰り返している。
 
-[ポモドーロテクニック(The Pomodoro® Technique)](https://www.pomodorotechnique.com/)はその加速装置(アクセラレータ)の役割を担い、アプリ市場には数多のポモドーロタイマーアプリが所狭しと並んでいる。
+[ポモドーロテクニック(The Pomodoro® Technique)](https://www.pomodorotechnique.com/)はその:ruby[加速装置(アクセラレータ)]の役割を担い、アプリ市場には数多のポモドーロタイマーアプリが所狭しと並んでいる。
 
 ご多分に漏れず囚われの身となった私は、しばらくマーケットを徘徊した。そして片っ端から美味しそうなトマトを試食したが、「これだ！」と感じるグルメには出会えなかった。
-あるものは無料ユーザへの機能制限が厳しく、またあるものは「ポモドーロタイマーには少々荷が重いのでは・・？」と思わざるを得ない程に機能が盛り沢山だった。
+あるものは:ruby[無料ユーザ(ただ食い客)]への機能制限が厳しく、またあるものは「ポモドーロタイマーには少々荷が重いのでは・・？」と思わざるを得ない程に機能が盛り沢山だった。
 
 無いなら自分で作ろうということで、今回は Apple のショートカット機能を使って自作してみた。なお、突貫工事なのでクオリティは保証できない。
 
@@ -75,7 +75,7 @@ https://www.icloud.com/shortcuts/b12a5c2e30484677b40a5f98b9e7774d
 
 ### ワークフロー
 
-ポモドーロショートカットは裏で次のような流れに沿って動いている。仕組みに興味がなければ読み飛ばしても無問題。
+ポモドーロショートカットは裏で次のような流れに沿って動いている。仕組みに興味がなければ読み飛ばしても:ruby[無問題(モーマンタイ)]。
 
 **ショートカットはパラメータを受け取っているか？**
 
@@ -84,7 +84,7 @@ https://www.icloud.com/shortcuts/b12a5c2e30484677b40a5f98b9e7774d
 - 連結文字列を分解してパラメータから集中＆休憩タイムをそれぞれ取り出す
 
 > [!info]
-> この処理については本章で後々説明がある
+> この処理については後で説明がある
 
 ↪️いいえ。
 
@@ -113,7 +113,7 @@ https://www.icloud.com/shortcuts/b12a5c2e30484677b40a5f98b9e7774d
 - 🔛その変数を自身に渡してもう一度起動する
 
 特筆すべきはこの再帰的とも言える構造とパラメータだ。
-ショートカットはパラメータ(引数)を受け取ることができるので、そこへ初回に設定した時間を渡せば次回以降はその時間を使ってタイマーをセットしてくれる。
+ショートカットはパラメータを受け取ることができるので、そこへ初回に設定した時間を渡せば次回以降はその時間を使ってタイマーをセットしてくれる。
 
 その他重要な点として、Apple のショートカットには JavaScript の[async/await](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function)のような機能がない。[^1]
 その為、await の代わりに"xxx 待機"のブロックを使って、タイマーのカウントダウンとタイミングが合うようにしてある。無理矢理感は拭えない。

src/content/blog/ja/pomodoro-shortcut.mdx

@@ -5,7 +5,7 @@ type: blog
 title: キーボード自作初心者が左右分割型キーボード「The Endpoint」をビルドする
 publishedAt: 2024-11-22T02:27:47.379Z
 fmContentType: blog
-modifiedAt: 2025-01-08T06:56:26.636Z
+modifiedAt: 2025-01-09T04:34:55.175Z
 category:
   metadata: ja/categories
   slug: attempt
@@ -102,7 +102,7 @@ The Endpoint の素敵なところは、トラックボールの取り付け位
 - 電子工作作業マット
 - 小物ケース
 
-キーキャップやキースイッチと併せると、優に 30,000 円を超えるシロモノであり、市販のキーボードと比べると決して安くはない。
+キーキャップやキースイッチと併せると、優に 40,000 円を超えるシロモノであり、市販のキーボードと比べると決して安くはない。
 しかし、私は躊躇しなかった。そうして、:ruby[理想郷(ユートピア)]への片道切符を手に、行き先も分からぬままホームで待つ電車へと飛び乗った。
 
 ### ビルド開始

src/content/blog/ja/split-keyboard-the-endpoint-build.mdx

@@ -2,7 +2,7 @@
 title: "Highlights of Recent Activities: October to December 2024"
 publishedAt: 2025-01-08T00:31:31.560Z
 fmContentType: news
-modifiedAt: 2025-01-08T01:52:15.760Z
+modifiedAt: 2025-01-09T04:34:10.785Z
 draft: published
 ---
 
@@ -37,4 +37,6 @@ Up until now, I've created things like:
 - A J-shaped hook for cable arrangement
 - A compartment tray for the desk drawer
 
-All of these are, however, designed by someone else. While it's a plus for me that I'm only one button away from creating someone else's work, I envision designing things on my own down the road. To that end, I keep making progress day by day──  to become "the creator" who has control of from upstream to downstream: design to creation.
+All of these are, however, designed by someone else. While it's a plus for me that I'm only one button away from creating someone else's work, I envision designing things on my own down the road.
+
+To that end, I keep making progress day by day──  to become "the creator" who has control of from upstream to downstream: design to creation.

src/content/news/en/highlights-of-recent-activities-oct-to-dec-2024.mdx

@@ -2,7 +2,7 @@
 title: 最近の活動 2024年10月～12月
 publishedAt: 2025-01-08T00:31:31.560Z
 fmContentType: news
-modifiedAt: 2025-01-08T01:54:22.689Z
+modifiedAt: 2025-01-09T04:34:02.414Z
 draft: published
 ---
 
@@ -40,5 +40,6 @@ https://younagi.dev/ja/blog/split-keyboard-the-endpoint-build/
 - デスクの引き出しに使うトレイ
 
 とは言え、これら全ては他人様がデザインしたものである。
-他の人の作品をボタン 1 つで"創造"できるのはとても有難いことなのだが、ゆくゆくは自分でデザインまで手がけたい── そんな未来を思い描いている。
-上流から下流、つまり設計から造形に至るまで全てのプロセスを司る"創造主"になるべく、日々邁進中だ。
+他人の作品をボタン 1 つで"創造"できるのはとても有難いことなのだが、ゆくゆくは自分でデザインまで手がけたい── そんな未来を思い描いている。
+
+上流から下流、つまり設計から造形に至るまで全てのプロセスを司る":ruby[創造主(ザ・クリエイター)]"になるべく、日々邁進中だ。

src/content/news/ja/recent-activities-from-jun-to-sep-2024.mdx renamed to src/content/news/ja/highlights-of-recent-activities-jun-to-sep-2024.mdx

@@ -52,7 +52,7 @@ const { headings } = Astro.props;
         </div>
         <Toc {headings} />
       </section>
-      <section slot="content" class="prose prose-lg md:prose-xl dark:prose-dark min-w-full">
+      <section slot="content" class="prose sm:prose-lg dark:prose-dark min-w-full">
         <slot />
       </section>
     </Article>

src/content/news/ja/highlights-of-recent-activities-oct-to-dec-2024.mdx

@@ -57,7 +57,7 @@ const tags = await getBlogTags(blogTags);
 >
   <main>
     <Article kind="blog">
-      <section slot="metadata" class="md:max-w-3xl flex flex-col items-center gap-4 mx-auto">
+      <section slot="metadata" class="md:max-w-3xl flex flex-col items-center gap-3 sm:gap-4 mx-auto">
         {
           thumbnail && (
             <p class="text-center text-3xl sm:text-4xl font-extrabold mb-4">{thumbnail}</p>
@@ -77,8 +77,8 @@ const tags = await getBlogTags(blogTags);
             )
           }
         </div>
-        <h1 class="text-center text-3xl sm:text-4xl xl:text-5xl font-extrabold leading-snug sm:leading-snug md:leading-snug xl:leading-normal">{title}</h1>
-        <div class="text-[0.825rem] sm:text-[1.045rem] pt-2.5 pb-3.5 flex flex-wrap justify-center items-center gap-y-7 gap-x-3">
+        <h1 class="text-center text-2xl sm:text-3xl xl:text-4xl font-extrabold leading-snug sm:leading-snug md:leading-snug xl:leading-normal">{title}</h1>
+        <div class="text-[0.825rem] sm:text-[1.045rem] pt-2.5 pb-3.5 flex flex-wrap justify-center items-center gap-y-6 sm:gap-y-7 gap-x-3">
           {
             category && (
               <Taxonomy
@@ -106,7 +106,7 @@ const tags = await getBlogTags(blogTags);
         }
         <Toc {headings} />
       </section>
-      <section slot="content" class="prose prose-lg md:prose-xl dark:prose-dark min-w-full">
+      <section slot="content" class="prose sm:prose-lg dark:prose-dark min-w-full">
         <slot />
       </section>
       <section slot="cta" class="flex flex-wrap items-center gap-x-7 gap-y-3">

src/layouts/AboutLayout.astro

@@ -37,7 +37,7 @@ const slugWithoutLocale = getSlugWithoutLocale(slug);
   <main>
     <Article kind="news">
       <section slot="metadata" class="flex flex-col gap-4">
-        <h1 class="text-3xl sm:text-4xl xl:text-5xl font-extrabold leading-snug sm:leading-snug md:leading-snug xl:leading-normal">{title}</h1>
+        <h1 class="text-2xl sm:text-3xl xl:text-4xl font-extrabold leading-snug sm:leading-snug md:leading-snug xl:leading-normal">{title}</h1>
         <div class="text-sm xs:text-base sm:text-lg flex flex-wrap gap-x-4 gap-y-1">
           <div class="flex items-center gap-1.5">
             <Icon iconName="publish" width={20} height={20} />
@@ -53,7 +53,7 @@ const slugWithoutLocale = getSlugWithoutLocale(slug);
           }
         </div>
       </section>
-      <section slot="content" class="prose prose-lg md:prose-xl dark:prose-dark min-w-full">
+      <section slot="content" class="prose sm:prose-lg dark:prose-dark min-w-full">
         <slot />
       </section>
       <section slot="cta" class="flex flex-wrap items-center gap-x-7 gap-y-3">

src/layouts/BlogLayout.astro

@@ -31,7 +31,7 @@ const { title, description, modifiedAt } = page.data;
           }
         </div>
       </section>
-      <section slot="content" class="prose prose-lg md:prose-xl dark:prose-dark min-w-full">
+      <section slot="content" class="prose sm:prose-lg dark:prose-dark min-w-full">
         <slot />
       </section>
     </Article>

src/layouts/NewsLayout.astro

@@ -37,7 +37,7 @@ const t = await getEntry('i18n', `${locale}/translation`);
 >
   <main class="flex flex-col justify-between gap-16" data-pagefind-ignore="all">
     <section>
-      <h1 class="text-4xl md:text-5xl font-extrabold mb-5">{t.data.pages.blog.title}</h1>
+      <h1 class="text-3xl md:text-4xl font-extrabold mb-5">{t.data.pages.blog.title}</h1>
       <div class="flex flex-wrap gap-y-2 md:gap-y-3 gap-x-4 sm:gap-x-5 md:gap-x-7">
         <a class="text-base sm:text-lg no-underline text-primary hover:text-primary-dim" href=`/${locale}/blog/categories/`>
           {t.data.pages.blog.categories.title}

src/layouts/PageLayout.astro

@@ -55,7 +55,7 @@ const displayDate = formatDate(convertedDate, locale, {
 >
   <main class="flex flex-col justify-between gap-16" data-pagefind-ignore="all">
     <section>
-      <h1 class="text-4xl md:text-5xl font-extrabold mb-5">{displayDate}</h1>
+      <h1 class="text-3xl md:text-4xl font-extrabold mb-5">{displayDate}</h1>
       <a class="text-lg md:text-xl text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-500" href={`/${locale}/blog/archive/`}>
         ◀ {t.data.pages.blog.archive.back_to_top}
       </a>

src/pages/[locale]/blog/[...page].astro

@@ -25,7 +25,7 @@ const YearMonthPairs = groupArchiveByYear(entries);
   og={{ show: true }}
 >
   <main data-pagefind-ignore="all">
-    <h1 class="text-4xl md:text-5xl font-extrabold mb-5">{t.data.pages.blog.archive.title}</h1>
+    <h1 class="text-3xl md:text-4xl font-extrabold mb-5">{t.data.pages.blog.archive.title}</h1>
     <a class="text-lg md:text-xl text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-500" href={`/${locale}/blog/`}>
       ◀ {t.data.pages.blog.back_to_top}
     </a>

src/pages/[locale]/blog/archive/[date]/[...page].astro

@@ -48,7 +48,7 @@ const t = await getEntry('i18n', `${locale}/translation`);
 >
   <main class="flex flex-col justify-between gap-16" data-pagefind-ignore="all">
     <section>
-      <h1 class="text-4xl md:text-5xl font-extrabold mb-5">{title}</h1>
+      <h1 class="text-3xl md:text-4xl font-extrabold mb-5">{title}</h1>
       <a class="text-lg md:text-xl text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-500" href={`/${locale}/blog/categories/`}>
         ◀ {t.data.pages.blog.categories.back_to_top}
       </a>

src/pages/[locale]/blog/archive/index.astro

@@ -26,7 +26,7 @@ const sortedCategories = categories.data.sort((a, b) =>
   og={{ show: true }}
 >
   <main data-pagefind-ignore="all">
-    <h1 class="text-4xl md:text-5xl font-extrabold mb-5">{t.data.pages.blog.categories.title}</h1>
+    <h1 class="text-3xl md:text-4xl font-extrabold mb-5">{t.data.pages.blog.categories.title}</h1>
     <a class="text-lg md:text-xl text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-500" href={`/${locale}/blog/`}
       >◀ {t.data.pages.blog.back_to_top}</a
     >