diff --git a/.frontmatter/templates/blog.mdx b/.frontmatter/templates/blog.mdx index 4ce5a7a5..bf98826f 100644 --- a/.frontmatter/templates/blog.mdx +++ b/.frontmatter/templates/blog.mdx @@ -1,45 +1,10 @@ --- draft: draft -level: 5 +level: 3 type: blog --- -{/* */} -## Intro - -### Reader personas - -- xxx - -## Main - -### Preparation - -### Experiment - -### Outcomes - -## Outro - ---- - -## 導入 - -### 想定読者 - -- xxx - -## 本題 - -### 準備 - -### 実験 - -### 結果 - -## 結び - -{/* */} +{/* */} ## 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 new file mode 100644 index 00000000..619ca7f7 Binary files /dev/null and b/src/assets/images/lian-li-a4-h2o-front-angle.JPEG differ diff --git a/src/assets/images/lian-li-a4-h2o-side-angle.JPEG b/src/assets/images/lian-li-a4-h2o-side-angle.JPEG new file mode 100644 index 00000000..e8b07bde Binary files /dev/null and b/src/assets/images/lian-li-a4-h2o-side-angle.JPEG differ diff --git a/src/assets/images/my-mini-itx-pc.avif b/src/assets/images/my-mini-itx-pc.avif deleted file mode 100644 index caf36ae9..00000000 Binary files a/src/assets/images/my-mini-itx-pc.avif and /dev/null differ diff --git a/src/assets/images/the-endpoint-continuity-check.jpg b/src/assets/images/the-endpoint-continuity-check.jpg new file mode 100644 index 00000000..09ed0cc1 Binary files /dev/null and b/src/assets/images/the-endpoint-continuity-check.jpg differ diff --git a/src/assets/images/the-endpoint-parts-1.jpg b/src/assets/images/the-endpoint-parts-1.jpg new file mode 100644 index 00000000..d0d4b430 Binary files /dev/null and b/src/assets/images/the-endpoint-parts-1.jpg differ diff --git a/src/assets/images/the-endpoint-parts-2.jpg b/src/assets/images/the-endpoint-parts-2.jpg new file mode 100644 index 00000000..d74040b8 Binary files /dev/null and b/src/assets/images/the-endpoint-parts-2.jpg differ diff --git a/src/assets/images/the-endpoint-plates.jpg b/src/assets/images/the-endpoint-plates.jpg new file mode 100644 index 00000000..bad8bede Binary files /dev/null and b/src/assets/images/the-endpoint-plates.jpg differ diff --git a/src/assets/images/the-endpoint-soldering.jpg b/src/assets/images/the-endpoint-soldering.jpg new file mode 100644 index 00000000..f44146ba Binary files /dev/null and b/src/assets/images/the-endpoint-soldering.jpg differ diff --git a/src/assets/images/the-endpoint-switch-sockets.jpg b/src/assets/images/the-endpoint-switch-sockets.jpg new file mode 100644 index 00000000..295dd174 Binary files /dev/null and b/src/assets/images/the-endpoint-switch-sockets.jpg differ diff --git a/src/assets/images/the-endpoint-trackball-sensor-connector.jpg b/src/assets/images/the-endpoint-trackball-sensor-connector.jpg new file mode 100644 index 00000000..a2263a7b Binary files /dev/null and b/src/assets/images/the-endpoint-trackball-sensor-connector.jpg differ diff --git a/src/assets/images/the-endpoint-trackball-unit.jpg b/src/assets/images/the-endpoint-trackball-unit.jpg new file mode 100644 index 00000000..cb893f45 Binary files /dev/null and b/src/assets/images/the-endpoint-trackball-unit.jpg differ diff --git a/src/assets/images/the-endpoint.jpg b/src/assets/images/the-endpoint.jpg new file mode 100644 index 00000000..643db4c8 Binary files /dev/null and b/src/assets/images/the-endpoint.jpg differ diff --git a/src/components/elements/Callout/CalloutTitle.astro b/src/components/elements/Callout/CalloutTitle.astro index 2c4ffe9f..34e2dc60 100644 --- 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'); <> diff --git a/src/content/blog/en/astro-website.mdx b/src/content/blog/en/astro-website.mdx index b0352adc..d118fe54 100644 --- 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 index ea597141..7981540b 100644 --- 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,8 +182,8 @@ 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) @@ -191,26 +191,27 @@ So I covered the floor with the sheet and put some cork boards on it. It stopped 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 index ddc9ae4e..aebb0b1f 100644 --- 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 index cc5a2f92..0de9a517 100644 --- 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 new file mode 100644 index 00000000..04590d51 --- /dev/null +++ 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. diff --git a/src/content/blog/en/total-newbie-builds-mini-itx-linux-pc.mdx b/src/content/blog/en/total-newbie-builds-mini-itx-linux-pc.mdx index 03cbaab4..ffe7a753 100644 --- a/src/content/blog/en/total-newbie-builds-mini-itx-linux-pc.mdx +++ b/src/content/blog/en/total-newbie-builds-mini-itx-linux-pc.mdx @@ -5,10 +5,10 @@ type: blog title: Total newbie builds Mini-ITX Linux PC (Error after Error) publishedAt: 2024-09-19T01:48:09.453Z fmContentType: blog -modifiedAt: 2024-11-22T01:37:20.537Z +modifiedAt: 2024-11-25T08:21:58.432Z category: metadata: en/categories - slug: learning + slug: attempt tags: metadata: en/tags slugList: @@ -103,6 +103,8 @@ Storage :::: --- +![The final product is like this](../../../assets/images/lian-li-a4-h2o-side-angle.JPEG) + Just in case, "Mini-ITX" is one of the motherboard types. It's the smallest one of the common options and said to be the most difficult one to build because of its small size. You can see how small it is at a glance. ![ Sizes of motherboard ](../../../assets/images/mobo-size.png) @@ -235,9 +237,9 @@ Now I'm finished installing the OS. My choice is [NixOS](https://nixos.org/), a ## Outro -![ My sweet Mini-ITX PC ](../../../assets/images/my-mini-itx-pc.avif) +![ My sweet Mini-ITX PC ](../../../assets/images/lian-li-a4-h2o-front-angle.JPEG) -It was indescribably exciting - when I spotted the summit for the first time - when I reached the BIOS/UEFI menu. +It was indescribably exciting - when I spotted the summit up ahead - when I reached the BIOS/UEFI menu. I hope this trekking log will be of help to someone else. diff --git a/src/content/blog/ja/astro-website.mdx b/src/content/blog/ja/astro-website.mdx index b1910018..ba0f9229 100644 --- a/src/content/blog/ja/astro-website.mdx +++ b/src/content/blog/ja/astro-website.mdx @@ -2,12 +2,12 @@ title: Astro + Cloudflare Pages + D1 + Front Matter CMS で個人ウェブサイトを作った description: 動画の時代に個人ブログという茨の道を歩みたいオタクなあなたに贈る開発体験記。Astro + Cloudflare Pages + D1 + Front Matter CMS とその他諸々の構成で作った個人ウェブサイトの諸機能を紹介 publishedAt: 2024-07-13T00:35:10.000Z -modifiedAt: 2024-11-20T08:49:00.175Z +modifiedAt: 2024-11-25T07:04:32.396Z draft: published type: blog category: metadata: ja/categories - slug: learning + slug: attempt tags: metadata: ja/tags slugList: @@ -79,7 +79,7 @@ https://github.com/brklntmhwk/younagi.dev {/* textlint-disable ja-technical-writing/no-doubled-joshi */} ユーザの快適なブラウジングライフを支えるのに欠かせないのが検索機能である。 -古き良きいにしえのウェブサイトに想いを馳せるあまり、検索機能の実装を先延ばしにしてアクセスカウンターを実装することに躍起になっている個人ウェブサイトは後を絶たない。とても格好イイと思う。だがしかし、それとこれとは別である。[^1] +インターネットの古き良き日々(グッドオールドデイズ)に想いを馳せるあまり、検索機能の実装を先延ばしにしてアクセスカウンターを実装することに躍起になっている個人ウェブサイトは後を絶たない。その生き様はとても格好イイと思う。だがしかし、それとこれとは別である。[^1] [^1]: ネットの海を回遊しているとしばしば散見されるので、是非マグロにでもなった気分で気持ちよく泳いでみて欲しい。 diff --git a/src/content/blog/ja/build-a-simple-diy-soundproof-vocal-booth-on-a-shelf.mdx b/src/content/blog/ja/build-a-simple-diy-soundproof-vocal-booth-on-a-shelf.mdx index 82359044..c9f16a18 100644 --- a/src/content/blog/ja/build-a-simple-diy-soundproof-vocal-booth-on-a-shelf.mdx +++ b/src/content/blog/ja/build-a-simple-diy-soundproof-vocal-booth-on-a-shelf.mdx @@ -5,10 +5,10 @@ type: blog title: 防音室を造るスペースがないので防音ブースを棚の上にDIYした publishedAt: 2024-11-14T05:27:54.903Z fmContentType: blog -modifiedAt: 2024-11-21T03:26:56.914Z +modifiedAt: 2024-11-25T07:11:35.445Z category: metadata: ja/categories - slug: experiment + slug: attempt tags: metadata: ja/tags slugList: @@ -189,7 +189,7 @@ YouTube で公開されているようなプロ DIYer の防音室には到底 [^3]: これに付随して、天板よりも奥行きのある学習机の余り木をその上に重ねた。 -そこで新たにお誂え向きのカフェカーテンと突っ張り棒を購入し、タンスの奥底で眠りかけていたブックスタンドを叩き起こした。全く無関係な仕事を押し付けてしまい、誠に申し訳なく思う。 +そこで新たにお誂え向きのカフェカーテンと突っ張り棒を購入し、タンスの奥底で永久の眠りに就こうとしていたブックスタンドを叩き起こした。全く無関係な仕事を押し付けてしまい、誠に申し訳なく思う。 ![ブックスタンドと突っ張り棒 feat. 壁掛けフック](../../../assets/images/diy-booth-curtain-rail.jpg) @@ -235,14 +235,16 @@ https://open.spotify.com/track/1aKrYw2i1mWRPMOUUe3dT8?si=1e65dc5163174e85 見ての通り、ドアを一枚隔てるだけで相当な防音効果があると分かる。音源からドアまでの距離も 2m ない程度のものなので、距離による減衰の影響はあまりないと考えてよいだろう。 -ドアに特殊な素材を使っているのではないか？否。後述するのだが、ドアを隙間テープで埋め尽くし、一部を余った遮音シートと吸音パネルで強化している。これだけで平均 5~7dB 程の防音効果が確認できた時は、驚きを隠せなかった。文字通り、声を張り上げて歓喜した。 +ドアに特殊な素材を使っているのではないか？否。 +後述するのだが、ドアを隙間テープで埋め尽くし、一部を余った遮音シートと吸音パネルで強化している。これだけで平均 5~7dB 程の防音効果が確認できた時は、驚きを隠せなかった。文字通り、声を張り上げて歓喜した。 本題に戻り防音ブース自体の効果だが、**平均約 7dB の防音**に成功している。 概して、人間の耳はおよそ 3 dB の差から識別可能になり、10dB くらいになると音量が半分になった、或いは倍になったと感じるようである。[^5] 防音ブース単体では僅かに及ばなかったが、ドアの防音対策と組み合わせるとそれ以上の効果が見込めるということだ。 [^5]: 参考: https://www.noisequest.psu.edu/pdfs-documents/basics.pdf -現にパターン 3 で『Needled 24/7』を聴いた時、それはもはやメロデスにカテゴライズされる代物ではなくなっていた。真冬の体の震えよりも小刻みなギターリフや数年で体を壊してしまいそうな豪快なドラミングは鳴りを潜め、遠く外を走る車の音にかき消されてしまう程であった。要するに、真昼間だと相当耳を澄ませないと聞こえない。 +現にパターン 3 で『Needled 24/7』を聴いた時、それはもはやメロデスにカテゴライズされる代物ではなくなっていた。真冬の体の震えよりも小刻みなギターリフやどんな貧乏ゆすりよりも速いツーバスは鳴りを潜め、遠く外を走る車の音にかき消されてしまう程であった。 +要するに、真昼間だと相当耳を澄ませないと聞こえない。 ## 結び @@ -250,4 +252,5 @@ https://open.spotify.com/track/1aKrYw2i1mWRPMOUUe3dT8?si=1e65dc5163174e85 趣味が高じて自室のドアの隙間を隙間テープで埋めてみたり、余った遮音シートと吸音パネルをドアに取り付ける等した。すると、体感で分かるくらいに自室で鳴っている音が扉の向こう側では小さくなった。 -結論、自室で~~思う存分~~ ある程度ボイトレできる環境が手に入った。まず手始めに 120dB を優に超えると評される私の歌声に防音ブースがどれだけ耐えられるか試してみよう。そして、同居人に怒られる毎、10dB くらいずつ声量を下げていこうと思う。 +結論、自室で~~思う存分~~ ある程度ボイトレできる環境が手に入った。 +まず手始めに 120dB を優に超えると評される私の歌声に防音ブースがどれだけ耐えられるか試してみよう。そして、同居人に怒られる毎、10dB くらいずつ声量を下げていこうと思う。 diff --git a/src/content/blog/ja/obsidian-knowledge-base.mdx b/src/content/blog/ja/obsidian-knowledge-base.mdx index 10ffab7b..9b35f57a 100644 --- a/src/content/blog/ja/obsidian-knowledge-base.mdx +++ b/src/content/blog/ja/obsidian-knowledge-base.mdx @@ -5,10 +5,10 @@ type: blog title: Obsidian でナレッジベース用のスターターキット「NPKB」を作った publishedAt: 2024-09-05T04:10:55.070Z fmContentType: blog -modifiedAt: 2024-11-21T08:38:13.458Z +modifiedAt: 2024-11-25T07:17:18.235Z category: metadata: ja/categories - slug: learning + slug: attempt tags: metadata: ja/tags slugList: @@ -28,7 +28,7 @@ image: /src/assets/images/npkb.png 今回、その普段使いしているナレッジベースをスターターキットとして公開した。 その名も、**「Nagi's Personal Knowledge Base(NPKB)」** である。 > [!warning] -> スターターキットと銘打ったが、実際のところはただ私用の Obsidian Vault を公開しただけに過ぎない。 +> スターターキットと銘打ったが、実際のところはただ私用の Obsidian Vault を複製して公開しただけに過ぎない。 > 今後頻繁にアップデートを行うかも不明なので、あくまで参考程度に活用されたし。 ### 想定読者 diff --git a/src/content/blog/ja/pomodoro-shortcut.mdx b/src/content/blog/ja/pomodoro-shortcut.mdx index 7a8d3a16..d21b6d0a 100644 --- a/src/content/blog/ja/pomodoro-shortcut.mdx +++ b/src/content/blog/ja/pomodoro-shortcut.mdx @@ -3,9 +3,9 @@ title: 無料ポモドーロタイマー用ショートカットを Apple 純正 draft: published publishedAt: 2024-08-08T03:05:43.193Z type: blog -modifiedAt: 2024-11-21T01:50:10.572Z +modifiedAt: 2024-11-25T07:04:54.880Z category: - slug: learning + slug: attempt metadata: ja/categories tags: slugList: @@ -20,7 +20,7 @@ description: Apple を生涯の伴侶とする決意をした私は、記念に 生産性やタイパが最重要視される現代社会においては、時間の囚人と化した人々の暮らしを更に加速させるべく、星の数ほどの製品やサービスが日夜生まれては消え、を繰り返している。 -[ポモドーロテクニック(The Pomodoro® Technique)](https://www.pomodorotechnique.com/)はそのアクセラレータの役割を担い、アプリ市場には数多のポモドーロタイマーアプリが所狭しと並んでいる。 +[ポモドーロテクニック(The Pomodoro® Technique)](https://www.pomodorotechnique.com/)はその加速装置(アクセラレータ)の役割を担い、アプリ市場には数多のポモドーロタイマーアプリが所狭しと並んでいる。 ご多分に漏れず囚われの身となった私は、しばらくマーケットを徘徊した。そして片っ端から美味しそうなトマトを試食したが、「これだ！」と感じるグルメには出会えなかった。 あるものは無料ユーザへの機能制限が厳しく、またあるものは「ポモドーロタイマーには少々荷が重いのでは・・？」と思わざるを得ない程に機能が盛り沢山だった。 @@ -28,7 +28,7 @@ description: Apple を生涯の伴侶とする決意をした私は、記念に 無いなら自分で作ろうということで、今回は Apple のショートカット機能を使って自作してみた。なお、突貫工事なのでクオリティは保証できない。 > [!info]-ポモドーロテクニックとは？ -> ポモドーロテクニックとは、物事に集中するのに決められたインターバルに時間を小分けし、短期間で集中・休憩を繰り返すというもの。大抵は25分間集中し、その後は小休憩をはさむ。このアプローチは常に能動的な思考を促し、特に先延ばし傾向を軽減したり深い集中に入りやすくするのに役立つという。 +> ポモドーロテクニックとは、決められたインターバルで時間を区分けし、短期間で集中・休憩を繰り返すというもの。大抵は25分間集中し、その後は小休憩をはさむ。このアプローチは常に能動的な思考を促し、特に先延ばし傾向を軽減したり深い集中に入りやすくするのに役立つという。 ### 想定読者 diff --git a/src/content/blog/ja/split-keyboard-the-endpoint-build.mdx b/src/content/blog/ja/split-keyboard-the-endpoint-build.mdx new file mode 100644 index 00000000..0dae3029 --- /dev/null +++ b/src/content/blog/ja/split-keyboard-the-endpoint-build.mdx @@ -0,0 +1,192 @@ +--- +draft: published +level: 2 +type: blog +title: キーボード自作初心者が左右分割型キーボード「The Endpoint」をビルドする +publishedAt: 2024-11-22T02:27:47.379Z +fmContentType: blog +modifiedAt: 2024-11-25T07:35:15.009Z +category: + metadata: ja/categories + slug: attempt +tags: + metadata: ja/tags + slugList: + - keyboard + - electronics +description: 「左右分割型キーボード」が近年キーボード界隈を席巻している。実地調査にかこつけて、その仲間である「The Endpoint」をビルドした。これはその記録である。 +--- + +## 導入 + +2020 年に突入し、自作キーボード(略して「自キ」とも)界隈に或る一大旋風が巻き起こっている。その台風の目たる彼らは「左右分割型キーボード」を自称し、生産性・効率厨やデスク環境オタクらを中心にファンを獲得し続けているようだ。 + +彼らが他と明らかに異なるのは、文字通り左右が完全に分離している点である。これにより、ユーザは各々に合った肩幅でタイピングができるようになるのだ。「これぞ、エルゴノミクス・・！」 + +そして調査を続けるうち、いよいよお尻の辺りがムズムズして落ち着かなくなってしまった。そこで潜入捜査と称し、私も左右分割型キーボードに入門することと相成った。 + +ビルドしたのは「[The Endpoint](https://booth.pm/ja/items/5397024)」というキットで、作者は YMG WORKS さんという方だ。公式に分かり易いビルドガイドがあるので、組み立て方法はそちらを参照されたし。 + +https://note.com/underthrow_/n/n577c993cd733 + +https://note.com/underthrow_/n/n65385d90a76e + +これ以降は、初心者による「The Endpoint」ビルド体験記を綴る。なお、ビルドの手順については上記公式ガイドが詳しいので、ここでは語らない。 + +### 想定読者 + +- 「The Endpoint」のビルドの様子を見てみたい +- 一般にキーボード自作キットのビルドにどんな手順をどのくらい踏まなくてはならないのか知りたい +- 電子工作一般に興味がある + +### 現時点での私の習熟度 + +記事執筆時点での私の習熟度は次の通り。 + +- ビルドキットからのキーボード自作において完全な初心者 +- これまでに 10 種類を超える既製品キーボードを使ってきた +- はんだ付けは小学校以来 + +## 本題 + +まず完成品はこちら。 +キーキャップは透明にし、スイッチの色を活かす様式にした。 + +![The Endpoint 完成品](../../../assets/images/the-endpoint.jpg) + +The Endpoint の素敵なところは、トラックボールの取り付け位置を左右それぞれの人差し指 or 親指ポジションの計 4 か所から選ぶことができる点である。更に、夢のデュアルトラックボール(両手にトラックボール)も実現可能とのこと。 + +私は、右手人差し指トラックボール、左手人差し指 & 右手親指ロータリーエンコーダーというオーダーでいくことにした。 +なお LED は取り付けなかったが、キーボードレイヤー切り替えの目印にしたい気持ちが芽生えた為、今後追加で取り付けるかもしれない。[^1] + +[^1]: 何かと理由をつけ、ただはんだ付けが恋しいだけである。 + +### 準備 + +![役者は揃った パート 1](../../../assets/images/the-endpoint-parts-1.jpg) + +![役者は揃った パート 2](../../../assets/images/the-endpoint-parts-2.jpg) + +キーボードの構成品として必要になったものは次の通りだ。 + +| 商品 | 価格(円) | +| --- | --- | +| The Endpoint ビルドキット | 25,000 | +| Pro Micro Type-C と 12ピンコンスルのセット x2 | 3,146 | +| トラックボール 34mm | 1,300 | +| ロータリーエンコーダー メタルつまみ x2 | 1,320 | +| ロータリーエンコーダープッシュスイッチ x2 | 660 | +| Type-C ケーブル | 2,580 | +| Type-C マグネットアダプタ L字型 | 1,988 | +| TRRS メタルケーブル | 1,100 | +| 遊舎工房 Fairy Silent Linear Switch x70 | 5,004 | +| Asimov Cherry Profile Transparent Keycaps Colorless | 9,350 | + +その他、使用した工具類も認めておく。 + +- はんだごて +- はんだごで台 +- はんだ吸い取り線 +- プリント基板用はんだ 0.8mm +- フラックス液 +- エポキシ樹脂接着剤 +- 逆作用式ピンセット +- 精密ピンセット +- キーキャップ・キースイッチ用キープラー +- 紙やすり +- マスキングテープ +- 電子工作作業マット +- 小物ケース + +キーキャップやキースイッチと併せると、優に 30,000 円を超えるシロモノであり、市販のキーボードと比べると決して安くはない。しかし、私は躊躇しなかった。そうして、理想郷への片道切符を手に、行き先の分からない電車へとせっせと乗り込んだ。 + +### ビルド開始 + +先述の通り、ここでは詳細なビルドガイドは掲載しない。代わりに、ビルド風景を軽く紹介しつつ、初心者として躓いたステップを時系列順で白状する。 + +::::card-grid +:::card +![はんだ付け作業風景](../../../assets/images/the-endpoint-soldering.jpg) +はんだ付け作業風景 +::: +:::card +![導通確認作業風景](../../../assets/images/the-endpoint-continuity-check.jpg) +導通確認作業風景 +::: +:::card +![スイッチソケットはんだ付け作業](../../../assets/images/the-endpoint-switch-sockets.jpg) +スイッチソケットはんだ付け作業 +::: +:::: + +#### トラックボールユニットの組み立てが総じて大変 + +難しいというより大変な部類である。 +本体のビルドが思いの外順調すぎるペースで進んでいたが、しっかりここでフラグが回収された。 + +どのように大変なのか、というとこのような感じだ。 + +- とにかくねじやナットの種類が多く、小さい +- 部品の取り付け向きが細かく決まっており、なかなかを神経を使う + +![トラックボールユニットの部品たち(これで全てではない)](../../../assets/images/the-endpoint-trackball-unit.jpg) + +#### トラックボールコネクタのはんだ付けが激ムズ + +6 ピン SH コネクタを本体基盤にはんだ付けする作業があるのだが、これが非常に難しかった。 +ここに至るまでに幾度となくはんだ付けをこなし、自身の華麗なはんだ捌きに酔いしれていた私の心は、見るもあっけなく打ち砕かれた。 + +![6 ピン SH コネクタのはんだ付け箇所](../../../assets/images/the-endpoint-trackball-sensor-connector.jpg) + +最終的に 10 回ほどやり直しただろうか。はんだ吸い取り線はこの作業だけで 10cm 程費やしてしまった。 + +> [!info] +> トラックボールを動かしてもマウスカーソルがピクリとも動かない場合は、まずこのはんだ付けが上手くいっていないのだと疑おう。 + +#### プレートの取り付けが地味に大変 + +これが終われば、いよいよキースイッチやキャップの取り付けという一番ワクワクするフェーズに突入する。・・のだが、そう簡単にはご馳走にありつけるはずもなく。 + +ビルドガイドにも書いてあるが、トッププレートを取り付ける際は、先に四隅だけでもキースイッチを差し込んでおくことが重要であった。[^2] +これは、何も考えずにそのままねじ締めを進めると、プレートが傾いてしまうからだ。 +つまり、先にキャップで仮留めを行い、平衡感覚を保ったうえで、ねじをバランスよく締めていくという算段だ。 + +[^2]: 2024 年 11 月現在。今後、アップデートに伴い記載内容が変更される可能性は大いにある + +![プレート仮留めの様子](../../../assets/images/the-endpoint-plates.jpg) + +> [!note] +> ねじ締めのコツは、ねじを一つずつ一気に締め上げるのではなく、各ねじを少しずつ締めて全体のバランスを確認しながら進めること。 + +### キーマップのカスタマイズ + +The Endpoint のキーマップは [Remap](https://remap-keys.app/) でカスタマイズ可能だ。ブラウザ上で簡単に設定できて非常に有難い。 + +一点特筆すべきポイントとして、The Endpoint はマウスレイヤー自動切換えに標準対応している。[^3] +デフォルトではレイヤー3 が割り当てられており、トラックボールの動きを検知すると自動で切り替わり、止まると元のレイヤーに戻る。私は、レイヤー3 のホームポジション左手中指・人差し指のキーにそれぞれ左右クリックの任務を課している。 + +[^3]: 2024 年 11 月現在。 + +#### 新しいキー配列を試す + +QWERTY 配列とは長い間連れ添ったが、ここらでお別れの時なのかもしれない。という訳で、キー配列は最近話題の「[大西配列](https://o24.works/layout/)」に入門してみた。 + +詳細は下記の記事を参照されたし。 + +(🚧Coming soon...) + +## 結び + +The Endpoint をビルドして 1 ~ 2 週間程使っているが、キーボードからマウスへの手の移動が無く、非常に快適だ。肩幅に合わせ自由にセッティングできるという、左右分割型キーボードの特権も存分に享受している。 + +一方で、トラックボールユニットにはカバーのようなものが付属しておらず、言わばお供え物状態である。キーボードを少し傾けるとトラックボールが勢いよく転がり落ちてしまう為、外出先で使用すればたちどころに迷子となること必至だ。 +かく言う私も、はじめは自宅に据え置いて使うので問題ないと思っていたのだが、すぐに「ボールを覆う何かが確実に必要だ」と思い直した。というのも、何かの拍子でキーボードに手などが当たってしまった時、ボールがピンボールよろしく空の彼方へ弾き出されてしまうのだ。[^4] +幸い、そして有難いことに、有志の方がカバーの 3D データを作成・公開してくれているので、このデータを拝借して 3D プリントをしようと画策中だ。 + +[^4]: 2 週間足らずで既に 3 回ピンボールを堪能し、いずれも思いがけない場所まで飛翔していた。 + +https://x.com/kepeoo/status/1787519812505407943 + +### 謝辞 + +「The Endpoint」作者の YMG WORKS 様には、ビルドの際に何度も質問に答えていただくなど非常にお世話になった。初歩的な質問にも迅速かつ丁寧に回答いただいたこと、ここに感謝を申し上げたい。 diff --git a/src/content/blog/ja/total-newbie-builds-mini-itx-linux-pc.mdx b/src/content/blog/ja/total-newbie-builds-mini-itx-linux-pc.mdx index 31b2e643..06cc7ebc 100644 --- a/src/content/blog/ja/total-newbie-builds-mini-itx-linux-pc.mdx +++ b/src/content/blog/ja/total-newbie-builds-mini-itx-linux-pc.mdx @@ -5,10 +5,10 @@ type: blog title: 【エラーだらけ】PC 自作初心者が Mini-ITX の Linux PC を組み立てる publishedAt: 2024-09-19T01:48:03.469Z fmContentType: blog -modifiedAt: 2024-11-22T01:37:12.652Z +modifiedAt: 2024-11-25T08:16:29.979Z category: metadata: ja/categories - slug: learning + slug: attempt tags: metadata: ja/tags slugList: @@ -103,6 +103,8 @@ CPU クーラー :::: --- +![完成形はこのような感じ](../../../assets/images/lian-li-a4-h2o-side-angle.JPEG) + ところで、「Mini-ITX」というのはマザーボードの規格の一種である。一般的な選択肢の中では最小で、サイズの観点から組み立てが最も難しいと言われている。どのくらい小さいかというと、下図の通りだ。 ![ マザーボードのサイズ ](../../../assets/images/mobo-size.png) @@ -234,7 +236,7 @@ Linux OS のインストールも初めてだったからか、初めは自分 ## 結び -![ Mini-ITX PC 完成 ](../../../assets/images/my-mini-itx-pc.avif) +![ Mini-ITX PC 完成 ](../../../assets/images/lian-li-a4-h2o-front-angle.JPEG) {/* textlint-disable ja-technical-writing/no-doubled-joshi */} 頂上が見えたあの瞬間 ー BIOS/UEFI メニューが初めてモニターに映し出された瞬間 ー の興奮は筆舌に尽くしがたい。 diff --git a/src/content/categories/en/categories.yml b/src/content/categories/en/categories.yml index fd300915..04b136a5 100644 --- a/src/content/categories/en/categories.yml +++ b/src/content/categories/en/categories.yml @@ -1,6 +1,6 @@ -- title: Experiment - slug: experiment - ruby: Experiment +- title: Attempt + slug: attempt + ruby: Attempt color: primary - title: Learning slug: learning diff --git a/src/content/categories/ja/categories.yml b/src/content/categories/ja/categories.yml index cdcfe5a7..91a7332c 100644 --- a/src/content/categories/ja/categories.yml +++ b/src/content/categories/ja/categories.yml @@ -1,6 +1,6 @@ -- title: 実験 - slug: experiment - ruby: じっけん +- title: 試み + slug: attempt + ruby: こころみ color: primary - title: 学び slug: learning diff --git a/src/content/page/en/tools.mdx b/src/content/page/en/tools.mdx index f6fea2b9..22abb2c8 100644 --- a/src/content/page/en/tools.mdx +++ b/src/content/page/en/tools.mdx @@ -1,7 +1,7 @@ --- title: Tools I Use fmContentType: page -modifiedAt: 2024-10-18T02:55:05.998Z +modifiedAt: 2024-11-25T07:29:58.500Z description: Here are software & hardware tools I use daily. --- @@ -30,6 +30,11 @@ Bluetooth Earphones **Kindle Oasis 2019** E-book Reader ::: +:::card +[![ The Endpoint ](../../../assets/images/the-endpoint.jpg)](https://younagi.dev/split-keyboard-the-endpoint-build/) +**The Endpoint** +A split keyboard +::: :::: --- diff --git a/src/content/page/ja/tools.mdx b/src/content/page/ja/tools.mdx index 424666c2..6f9dc692 100644 --- a/src/content/page/ja/tools.mdx +++ b/src/content/page/ja/tools.mdx @@ -1,7 +1,7 @@ --- title: 愛用ツール群 fmContentType: page -modifiedAt: 2024-10-18T02:54:39.329Z +modifiedAt: 2024-11-25T08:24:55.079Z description: 私が普段使っているソフトウェア&ハードウェア群 --- @@ -30,6 +30,11 @@ Bluetooth 接続イヤホン **Kindle Oasis 2019** 電子書籍リーダ ::: +:::card +[![ The Endpoint ](../../../assets/images/the-endpoint.jpg)](https://younagi.dev/ja/split-keyboard-the-endpoint-build/) +**The Endpoint** +左右分割型キーボード +::: :::: --- @@ -69,7 +74,7 @@ Bluetooth 接続イヤホン ### 自作PC -主にコーディングに使用しています。(2024 年 8 月に作成) +主にコーディング用途で使用。(2024 年 8 月に作成) ::::card-grid :::card diff --git a/src/content/tags/en/tags.yml b/src/content/tags/en/tags.yml index 4e400ff2..f2642db5 100644 --- a/src/content/tags/en/tags.yml +++ b/src/content/tags/en/tags.yml @@ -54,4 +54,11 @@ slug: diy ruby: diy color: green - +- title: Keyboard + slug: keyboard + ruby: keyboard + color: gray +- title: Electronics + slug: electronics + ruby: electronics + color: green diff --git a/src/content/tags/ja/tags.yml b/src/content/tags/ja/tags.yml index 1f018021..ad9edeab 100644 --- a/src/content/tags/ja/tags.yml +++ b/src/content/tags/ja/tags.yml @@ -54,4 +54,11 @@ slug: diy ruby: diy color: green - +- title: キーボード + slug: keyboard + ruby: きーぼーど + color: gray +- title: 電子工作 + slug: electronics + ruby: でんしこうさく + color: green