Merge pull request #101 from brklntmhwk/99-add-new-article

docs(content): 📖 add new article
brklntmhwk · Nov 25, 2024 · 04dcdcc · 04dcdcc
2 parents c4a691d + 51da439
commit 04dcdcc
Show file tree

Hide file tree

Showing 32 changed files with 488 additions and 95 deletions.
diff --git a/.frontmatter/templates/blog.mdx b/.frontmatter/templates/blog.mdx
@@ -1,45 +1,10 @@
 ---
 draft: draft
-level: 5
+level: 3
 type: blog
 ---
 
-{/* <!-- Experiment --> */}
-## Intro
-
-### Reader personas
-
-- xxx
-
-## Main
-
-### Preparation
-
-### Experiment
-
-### Outcomes
-
-## Outro
-
----
-
-## 導入
-
-### 想定読者
-
-- xxx
-
-## 本題
-
-### 準備
-
-### 実験
-
-### 結果
-
-## 結び
-
-{/* <!-- Learning --> */}
+{/* <!-- Learning & Attempt --> */}
 ## Intro
 
 ### Reader personas

diff --git a/src/assets/images/lian-li-a4-h2o-front-angle.JPEG b/src/assets/images/lian-li-a4-h2o-front-angle.JPEG
diff --git a/src/assets/images/lian-li-a4-h2o-side-angle.JPEG b/src/assets/images/lian-li-a4-h2o-side-angle.JPEG
diff --git a/src/assets/images/my-mini-itx-pc.avif b/src/assets/images/my-mini-itx-pc.avif
diff --git a/src/assets/images/the-endpoint-continuity-check.jpg b/src/assets/images/the-endpoint-continuity-check.jpg
diff --git a/src/assets/images/the-endpoint-parts-1.jpg b/src/assets/images/the-endpoint-parts-1.jpg
diff --git a/src/assets/images/the-endpoint-parts-2.jpg b/src/assets/images/the-endpoint-parts-2.jpg
diff --git a/src/assets/images/the-endpoint-plates.jpg b/src/assets/images/the-endpoint-plates.jpg
diff --git a/src/assets/images/the-endpoint-soldering.jpg b/src/assets/images/the-endpoint-soldering.jpg
diff --git a/src/assets/images/the-endpoint-switch-sockets.jpg b/src/assets/images/the-endpoint-switch-sockets.jpg
diff --git a/src/assets/images/the-endpoint-trackball-sensor-connector.jpg b/src/assets/images/the-endpoint-trackball-sensor-connector.jpg
diff --git a/src/assets/images/the-endpoint-trackball-unit.jpg b/src/assets/images/the-endpoint-trackball-unit.jpg
diff --git a/src/assets/images/the-endpoint.jpg b/src/assets/images/the-endpoint.jpg
diff --git a/src/components/elements/Callout/CalloutTitle.astro b/src/components/elements/Callout/CalloutTitle.astro
@@ -24,7 +24,7 @@ const calloutTitle: string | undefined = await Astro.slots.render('default');
     <>
       <input
         type="checkbox"
-        class="peer appearance-none"
+        class="peer hidden"
         id={`callout-toggle-check-${dataCalloutType}-${uniqueId}`}
         checked={isExpanded}
       />

diff --git a/src/content/blog/en/astro-website.mdx b/src/content/blog/en/astro-website.mdx
@@ -2,12 +2,12 @@
 title: Build a Personal Website with Astro, Cloudflare Pages, D1, and Front Matter CMS
 description: A dev story behind building my website for geeks wanting to have their own in the era of video. It's built using Astro, Cloudflare Pages, D1, Front Matter CMS, etc.
 publishedAt: 2024-07-13T00:34:54.000Z
-modifiedAt: 2024-11-21T08:47:49.562Z
+modifiedAt: 2024-11-22T02:37:23.028Z
 draft: published
 type: blog
 category:
   metadata: en/categories
-  slug: learning
+  slug: attempt
 tags:
   metadata: en/tags
   slugList:

diff --git a/src/content/blog/en/build-a-simple-diy-soundproof-vocal-booth-on-a-shelf.mdx b/src/content/blog/en/build-a-simple-diy-soundproof-vocal-booth-on-a-shelf.mdx
@@ -5,10 +5,10 @@ type: blog
 title: Build a DIY soundproof vocal booth on a shelf
 publishedAt: 2024-11-14T05:27:54.903Z
 fmContentType: blog
-modifiedAt: 2024-11-20T01:17:23.226Z
+modifiedAt: 2024-11-25T07:13:02.580Z
 category:
   metadata: en/categories
-  slug: experiment
+  slug: attempt
 tags:
   metadata: en/tags
   slugList:
@@ -182,35 +182,36 @@ It's giving off good vibes with the pegboard.
 
 #### Put the cork boards onto the floor
 
-The top board of the shelf is supposed to be the floor of the booth but it resonates more than I expected.
-So I covered the floor with the sheet and put some cork boards on it. It stopped resonating as a result.
+The top board of the shelf is supposed to be the floor of the booth but it resonated more than I'd expected.
+So I covered the floor with the sheet and put some cork boards on it. It incredibly stopped resonating as a result.
 
 ![The cork boards set on the floor](../../../assets/images/diy-booth-cork-board-set.jpg)
 
 #### Install the curtain
 
 Now, it was supposed to be almost all done at this point but it still sounded noisy when I made a fuss in the booth. Hmm...
 
-Speaking of which, I remember someone leaving a famous quote "Sound leaks from gaps".
+Speaking of which, I remember someone leaving a famous quote, "Sound leaks from gaps".
 After all, I embarked on installing a curtain in front of the booth. [^3]
 
-[^3]: In addition to it, I stacked up a wooden board leftover for work desk whose depth is longer than the top board onto it.
+[^3]: In addition, I stacked up a wooden board leftover for my work desk whose depth is longer than the top board onto it.
 
-Having bought a cafe curtain and a tension rod, I dragged them(book stands) out of bed and assigned a totally irrelevant job. I'm so sorry for that.
+Having bought a cafe curtain and a tension rod, I dragged book stands that was almost falling into eternal sleep out of bed and allocated them a totally irrelevant job. I'm so sorry for that.
 
 ![Book stands and a tension rod feat. hooks](../../../assets/images/diy-booth-curtain-rail.jpg)
 
-Installing the cafe curtain, the first impression I got was, "Isn't it like the photo booth of Purikura?".
+After installing the cafe curtain, the first impression I got was, "Isn't it like the photo booth of Purikura?".
 
 ![The cafe curtain installed](../../../assets/images/diy-booth-curtain-closed.jpg)
 
-But don't take it lightly. Just installing the curtain changed the world; sounds resonate in the booth like a recording studio and it sounds a bit less loud outside.
+But don't take it lightly. Just doing so changed the world; sounds resonate in the booth like a recording studio and it sounds a bit less loud outside.
 
 #### Fill in the gaps
 
-Finally, fill in the gaps empty-mindedly.
+Finally, I filled in the gaps empty-mindedly.
 
-One example is the one between the inner walls and the curtain. Cut the sheet and put it together with the panels, and then stack some layers of scarves on the outside: The three layered structure of acoustic panels, sound blocking sheet, and scarves.
+One example is the one between the inner walls and the curtain.
+Cut the sheet and put it together with the panels, and then stack some layers of scarves on the outside: The three layered structure of acoustic panels, sound blocking sheet, and scarves.
 
 ![Kind of a three-layered structure](../../../assets/images/diy-booth-three-layered-structure-of-scarves.jpg)
 
@@ -245,16 +246,16 @@ As you can see, it has a huge soundproofing effect with only a door in between.
 
 Isn't the door made of a special material or the likes? No.
 This is what I'll mention later, but I filled the gaps of the door with a gap sealing tape and partly attatched soundproof boards made of the leftovers of the sheet and panels.
-I was blown away when I saw the outcome before my very eyes that only doing so has a soundproofing effect equivalent to 5~7dB on average.
+I was blown away when I saw the outcome that they had a soundproofing effect equivalent to 5~7dB on average.
 
-Getting back on track, the booth ifself turns out to **have an approximate 7dB soundproofing effect** .
+Getting back on track, the booth ifself turned out to **have an approximate 7dB soundproofing effect** .
 In general, it's said that humans can distinguish a change in sound level from that of about 3dB and it feels like they become halved or doubled by that of about 10dB. [^5]
 The booth ifself falls a bit short of the number but they do surpass the effect in combination with soundproofing efforts put on the door.
 
 [^5]: 参考: https://www.noisequest.psu.edu/pdfs-documents/basics.pdf
 
-Indeed, it was no longer something categorized as melodic death metal when I listened to "Needled 24/7" in the situation 3; the more-chopping-than-shivering-body guitar riffs and the
-looks-unhealthy-for-body intense drumming kept so low a profile that cars running far away outside could easily obliterate them. In short, you can't hear it at midday unless you try to listen carefully.
+Indeed, it was no longer something categorized as melodic death metal when I listened to "Needled 24/7" in the 3rd situation; the more-chopping-than-shivering-body guitar riffs and the faster-than-any-fidgeting double bass drums were nowhere to be seen; cars running far away outside could even obliterate them easily.
+In short, you can't hear it at midday unless you try to listen carefully.
 
 ## Outro
 
@@ -263,4 +264,5 @@ I've completely fallen down the rabbit hole of soundproofing.
 I filled the gaps around the door with a gap sealing tape, attached some soundproofing boards, and so on.
 That made it less noisy outside the door to the extent I was able to notice it.
 
-Long story short, I got an environment in my room where I can do vocal exercise ~~to the fullest~~ to some extent. First thing first, I'm going to test if it can withstand my singing voice, which is said to be over 120dB. And then I will lower the volume by 10dB every time my family gets mad at me.
+Long story short, I got an environment in my room where I can do vocal exercise ~~to the fullest~~ to some extent.
+First thing first, I'm going to test if it can withstand my singing voice, which is said to be over 120dB. And then I will lower the volume by 10dB every time my family gets mad at me.
diff --git a/src/content/blog/en/obsidian-knowledge-base.mdx b/src/content/blog/en/obsidian-knowledge-base.mdx
@@ -5,10 +5,10 @@ type: blog
 title: Create an Obsidian starter kit for knowledge base "NPKB"
 publishedAt: 2024-09-05T04:11:06.403Z
 fmContentType: blog
-modifiedAt: 2024-11-21T08:47:11.092Z
+modifiedAt: 2024-11-25T07:16:07.748Z
 category:
   metadata: en/categories
-  slug: learning
+  slug: attempt
 tags:
   metadata: en/tags
   slugList:
@@ -28,7 +28,7 @@ I love [Obsidian](https://obsidian.md/) and have been using it as my knowledge b
 Here, let me introduce a showcase project for my personal knowledge base built on top of Obsidian. It's called **"Nagi's Personal Knowledge Base(NPKB)"**.
 
 > [!warning]
-> I labelled it as a starter kit, but in fact, it's merely the public version of my personal Obsidian vault.
+> I labelled it as a starter kit, but in fact, it's merely the duplicated public version of my personal Obsidian vault.
 > Given that it's unclear how frequently it's going to be updated, you might as well take it just for your reference.
 
 ### Reader personas

diff --git a/src/content/blog/en/pomodoro-shortcut.mdx b/src/content/blog/en/pomodoro-shortcut.mdx
@@ -3,9 +3,9 @@ title: Free pomodoro timer shortcut built only with the genuine Apple Clock app
 draft: published
 publishedAt: 2024-08-08T03:05:43.193Z
 type: blog
-modifiedAt: 2024-11-21T04:41:55.539Z
+modifiedAt: 2024-11-22T02:37:45.576Z
 category:
-  slug: learning
+  slug: attempt
   metadata: en/categories
 tags:
   slugList:

diff --git a/src/content/blog/en/split-keyboard-the-endpoint-build.mdx b/src/content/blog/en/split-keyboard-the-endpoint-build.mdx
@@ -0,0 +1,203 @@
+---
+draft: published
+level: 2
+type: blog
+title: Total newbie builds a split keyboard kit "The Endpoint"
+publishedAt: 2024-11-22T02:27:47.379Z
+fmContentType: blog
+modifiedAt: 2024-11-25T07:20:21.304Z
+category:
+  metadata: en/categories
+  slug: attempt
+tags:
+  metadata: en/tags
+  slugList:
+    - keyboard
+    - electronics
+description: '"Split Keyboard" is taking the keyboard world by storm nowadays. On the pretext of field work, I built one of them, "The Endpoint". Here is the build log.'
+---
+
+## Intro
+
+{/* textlint-disable ja-technical-writing/max-comma */}
+Entering the 2020s, this has been creating a huge whirlwind in the self-made keyboard community.
+It calls itself "Split Keyboard", as the eye of the storm, and seems to be gaining more fans around productivity supremacists, efficiency fanatics, desk setup freaks, etc.
+
+What's obviously different about them is, they are literally split into left and right. Thanks to this unique feature, users can do typing with their comfortable shoulder widths. "THIS IS 'Ergonoimics'...!"
+
+As I continued investigating it, I couldn't help chafing at the bit in the end. So I ended up diving into the split keyboard world on the pretext of undercover investigation.
+
+This time, the target is a keyboard kit "[The Endpoint](https://booth.pm/ja/items/5397024)". The developer is YMG WORKS.
+
+As to how to build, see the clear official build guide below. I'm not going to show every build step here.
+
+https://note.com/underthrow_/n/n577c993cd733
+
+https://note.com/underthrow_/n/n65385d90a76e
+
+### Reader personas
+
+- Want to see how "The Endpoint" is built
+- Want to know how many and what sort of steps have to be taken to build a custom keyboard kit in general
+- Interested in electronics overall
+
+### My proficiency level
+
+As of the day I'm writing this article, my proficiency level in this field is as follows:
+
+- A total newbie in building a keyboard from a build kit
+- Have tried more than 10 off-the-shelf keyboards
+- Haven't done soldering ever since elementary school
+
+## Main
+
+Here's the final product.
+The key caps are transparent so the color of the switches stands out as the main color.
+
+![The Endpoint](../../../assets/images/the-endpoint.jpg)
+
+What's nice about it is, it offers 4 optional areas where you can install a trackball. They are the index finger and the thumb positions from both left and right.
+Plus, it can make your dream of dual trackballs come true.
+
+In my case, The batting order is, right index finger a trackball, left index finger and right thumb rotary encoders.
+
+I didn't setup LED lights this time, but might add them as a sign of keyboard layers changing. The feeling's getting stronger day by day. [^1]
+
+[^1]: He just wants to do soldering making up a plausible reason.
+
+### Preparation
+
+![They are all set Part 1](../../../assets/images/the-endpoint-parts-1.jpg)
+
+![They are all set Part 2](../../../assets/images/the-endpoint-parts-2.jpg)
+
+All the keyboard parts are as follows:
+
+| Product | Cost (Yen) |
+| --- | --- |
+| The Endpoint build kit | 25,000 |
+| Pro Micro Type-C with 12-pin conthrough x2 | 3,146 |
+| Trackball 34mm | 1,300 |
+| Metal knob for rotary encoder x2 | 1,320 |
+| Rotary encoder switch x2 | 660 |
+| Type-C cable | 2,580 |
+| Type-C magnetic adapter L-shaped | 1,988 |
+| TRRS metal cable | 1,100 |
+| Yushakobo Fairy Silent Linear Switch x70 | 5,004 |
+| Asimov Cherry Profile Transparent Keycaps Colorless | 9,350 |
+
+And the tools I used are:
+
+- Soldering iron
+- Soldering iron stand
+- Solder wick
+- Solder for PCB 0.8mm
+- Soldering flux
+- Epoxy resin glue
+- Self-closing tweezers
+- Precision tweezers
+- Key puller
+- Sandpaper
+- Masking tape
+- 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.
+However, no one could stop me; with a one-way ticket to a utopia, I got onto the train bound for SOMEWHERE.
+
+### Start building
+
+As I mentioned earlier, I'm not going to describe how to build it here. Instead, I'm going to share some photos along the way and come clean about all the steps that I found tricky as a newbie.
+
+::::card-grid
+:::card
+![Soldering process](../../../assets/images/the-endpoint-soldering.jpg)
+Soldering process
+:::
+:::card
+![Continuity checking process](../../../assets/images/the-endpoint-continuity-check.jpg)
+Continuity checking process
+:::
+:::card
+![Soldering switch sockets](../../../assets/images/the-endpoint-switch-sockets.jpg)
+Soldering switch sockets
+:::
+::::
+
+#### A formidable enemy: Trackball unit
+
+It's rather laborious than hard.
+I was doing better than I'd expected with building the main part, but the flag was finally triggered and resolved here.
+
+How laborious is it?
+
+- A lot of infinitesimal screws and nuts
+- The installation directions of the parts are specified meticulously and it requires a considerable amount of energy
+
+![The parts for the trackball unit (not all of them though)](../../../assets/images/the-endpoint-trackball-unit.jpg)
+
+#### The toughest part ever: Soldering the trackball connector
+
+Along the way of building the trackball unit, there's a step where you solder the 6-pin SH connector to the board. It was extremely hard.
+I'd done a lot of soldering processes up until this point and was almost narcissistic about my own soldering work, but my heart was broken in a heart beat.
+
+![6-pin SH connector and its soldering pads](../../../assets/images/the-endpoint-trackball-sensor-connector.jpg)
+
+I ended up starting it over and over about 10 times and wasting 100mm or so of the solder wick just for this process.
+
+> [!info]
+> If your trackball doesn't move the mouse cursor at all, check if this process is done properly first.
+
+#### Plates are tougher than they look
+
+There's the most exciting phase, installing key switches and caps, after this... but life is not that easy.
+
+As the official build guide explains, it's important to set some key switches to the edges of the plate prior to installing the top plate. [^2]
+This is because the plate will tilt if you rush headlong into tightening the screws.
+By doing so, you can tighten them while keeping the balance.
+
+[^2]: As of Nov 2024. This may change depending on updates down the road.
+
+![Fixing the plates with key switches set to the edges ](../../../assets/images/the-endpoint-plates.jpg)
+
+> [!note]
+> The knack of screw tightening is checking the whole balance while tightening little by little rather than tightening each all at once.
+
+### Customization of keymap
+
+The keymap of "The Endpoint" is customizable via [Remap](https://remap-keys.app/). It's very convenient to be able to tweak it on the browser.
+
+One noteworthy thing is, it supports the Auto Mouse Layer. [^3]
+By default, the 3rd layer works as its mouse layer. It automatically switches to it when detecting the mouse movements, and switches back when the mouse cursor stops.
+Personally, I allocate the left and right click jobs to the left middle and index fingers at the home position respectively on the 3rd layer.
+
+[^3]: As of Nov 2024.
+
+#### New key layout
+
+Having been together with the QWERTY layout for so long, it might be high time we led our own lives each other.
+So I started using the "[Ohnishi Layout](https://o24.works/layout/)", which has recently been very hot in Japan.
+
+For more details , see the article below.
+
+(🚧Coming soon...)
+
+## Outro
+
+It's been a week or two since I built and started using it and it's indescribably comfortable without having to move my hands between the mouse and the keyboard.
+I'm also enjoying one of the privileges split keyboards offer:
+The capability to adjust it to my shoulder width.
+
+On the other hand, it doesn't include anything like trackball cover, which means your trackball is merely there like a strawberry on top of a strawberry shortcake.
+Once you tilt your keyboard outside, it will jump out vigorously and then walk out on you very soon.
+
+I used to be one of them who thought it'd be no problem if using it home only, but reconsidered quickly, "Definitely need something to cover it". That's because it's often gone like a pinball game whenever I accidentally hit my keyboard. [^4]
+Luckily and thankfully, one great volunteer has created and published the 3D data of the cover, so I'm thinking about giving it a shot.
+
+[^4]: I played it 3 times in shorter than 2 weeks. They were all gone too far unbelievably.
+
+https://x.com/kepeoo/status/1787519812505407943
+
+### Acknowledgement
+
+I would like to thank YMG WORKS, the developer of "The Endpoint", for swiftly and carefully responding to my questions countless times despite most of them being rudimentary.