The Beauty of Self-Made Keyboards

TL;DR

この記事は、最近話題になっている 自作キーボードを始めた人・これから始めたい人向け に、自作キーボードを実際に使ってみるとどうなのか?本当に使えるの?という疑問を解消するために書かれました。特に 自作キーボードって変な形してるけどちゃんと使えるの?どうやって入力するの? という点について、自作キーボードでの 具体的な入力方法を動画付きで解説 します。

自作キーボード 実用 入門

最近いたるところで自作キーボードの話題を見るようになり、本当に自作キーボード流行ってきていますね。

speakerdeck.com

qiita.com

techlife.cookpad.com

scrapbox.io

japanese.engadget.com

“究極”のThinkPad X1 Extremeに新型スマートウォッチ、はんだで作るキーボードを生チェック、ポチったのは? - ITmedia NEWS

【PR】KbD C93 印刷版再入荷しました & Ergo42 complite キット販売中

booth.pm

tanoshii-life.booth.pm

本日開催の 技術書典5 でも、いくつかのサークルが自作キーボードに関連する出展を行っています。今この記事を読んでいる方も、少なからずこういった最近の盛り上がりを見聞きして自作キーボードに興味を持たれたのではないかと思います。

一方で、現在巷にあふれている自作キーボード情報は、自作キーボードの組み立て方法や自作キーボードの完成形の情報等がほとんどで、自作キーボードを作る理由、そして 自作キーボードを使う理由・使うことでどういった事ができるのか についてはあまり言及されていないようです。これは自作キーボードという文化がまだまだ日本では未知で、そもそもどうやって始めていいのかという入門のハードルが高かったことや、自作キーボードで先行していたアメリカでの文化が photogenic な傾向にあり、日本における自作キーボードもこの文化の流れを多分に汲んでいることなどに起因していると思われます。

身近に自作キーボードを使っている人がいれば、実際に自作キーボードを触ったり、使っている人から話を聞いたりする機会が得られるかと思うのですが、まだまだそういった機会は十分には多くはないのが現状です。そこで、実際に私が作っている自作キーボード Ergo42 での打鍵動画を参考に、自作キーボードでどのように入力するのか、自作キーボードだとどううれしいのかご紹介します。

自作キーボードでの入力

まずは動画を観てみてください。

www.youtube.com

Ergo42 は自作キーボードの中ではそれほど少なくないキー数の、いわゆる 60 %キーボードというものに属していますが、それでもご覧の通りファンクションキーはおろか数字キーの行もありません。カーソルキーもありません。ですがご覧の通り数字や、それだけでなく記号もしっかり入力できていますし、この動画ではわからないですがファンクションキーももちろん入力できます。このような少ないキー数でしっかりフルサイズのキーボードと同様の入力ができる、自作キーボードでは常識で一般的には非常識な、いくつかの仕掛けがあります。

ハードウェアとソフトウェア

そもそも自作キーボードの両輪として、ハードウェアとソフトウェアという両方の要素が必要です。ハードウェアは写真で見たとおりスイッチがたくさん並んだものですが、ソフトウェアとしては一般にファームウェアと言われる 押されたスイッチに対応したキーの情報をコンピューターに送る ものが存在します。ハードウェアは自作というのが 見た目にわかりやすい ですが、この目に見えない ファームウェア というものもオープンソースで自分たちでカスタマイズが可能になっていて、こちらのソースコードを変更することで様々なカスタマイズが可能になっています。このカスタマイズ性によって、上記の動画のような比較的キー数の少ないキーボードでも自由な入力が実現されています。

レイヤー切り替え

自作キーボードではずせない、必須の機能としてあげられるのが、 レイヤー切り替え機能 です。この機能はざっくり言うと、ラップトップ PC でよく見る Fn キーと同様のもので、レイヤー切り替えキーを押すことで一時的にキーの配置を変更することができる機能です。例えば、上記の動画で使っているキーマップでは、メインのアルファベットのレイヤー、数字・ファンクションキー・カーソルキー等のレイヤー、記号レイヤーの 3 つのレイヤーを使っています。

Base Layer (アルファベット)

,------------------------------------------------.   ,------------------------------------------------.
| Tab  |   Q  |   W  |   E  |   R  |   T  |  [   |   |  ]   |   Y  |   U  |   I  |   O  |   P  |  @   |
|------+------+------+------+------+------+------|   |-------------+------+------+------+------+------|
| Alt  |   A  |   S  |   D  |   F  |   G  |  (   |   |  )   |   H  |   J  |   K  |   L  |   ;  |  :   |
|------+------+------+------+------+------+------|   |------|------+------+------+------+------+------|
| Sft  |   Z  |   X  |   C  |   V  |   B  |  {   |   |  }   |   N  |   M  |   ,  |   .  |   /  |\/Sft |
|------+------+------+------+------+------+------|   |------+------+------+------+------+------+------|
| Ctrl | GUI  |  App |PrtSc |ESC/  |Space/|Tab/  |   |Back  |Enter/| Del  |PrtSc |=>GAME|=>SYMB|  \   |
|      |      |      |      |~SYMB |RCtrl |Shift |   |Space |~META |      |      |      |      |      |
`------------------------------------------------'   `------------------------------------------------'

Meta Layer (数字・ファンクションキー・カーソルキー等)

,------------------------------------------------.   ,------------------------------------------------.
|   1  |   2  |   3  |   4  |   5  |   6  |  [   |   |  ]   |   7  |   8  |   9  |   0  |   -  |  ^   |
|------+------+------+------+------+------+------|   |-------------+------+------+------+------+------|
| Alt  |  F1  |      |Muhen | Henk |      |  (   |   |  )   | Left | Down |  Up  |Right |      |      |
|------+------+------+------+------+------+------|   |------|------+------+------+------+------+------|
| Sft  |  F2  |  F3  |  F4  |  F5  |  F6  |  {   |   |  }   |  F7  |  F8  |  F9  | F10  | F11  |\/Sft |
|------+------+------+------+------+------+------|   |------+------+------+------+------+------+------|
| Ctrl | GUI  |  App |PrtSc |ESC/  |Space/|Tab/  |   |Back  |Enter/| Del  |Reset |=>GAME|=>SYMB|  \   |
|      |      |      |      |~SYMB |RCtrl |Shift |   |Space |~META |      |      |      |      |      |
`------------------------------------------------'   `------------------------------------------------'

Symbol Layer (記号)

,------------------------------------------------.   ,------------------------------------------------.
|   !  |   "  |   #  |   $  |   %  |   &  |  [   |   |  ]   |   '  |   (  |   )  |   ~  |   =  |  ~   |
|------+------+------+------+------+------+------|   |-------------+------+------+------+------+------|
| Alt  |      |      |      |      |      |  (   |   |  )   |      |      |      |      |   +  |  *   |
|------+------+------+------+------+------+------|   |------|------+------+------+------+------+------|
| Sft  |      |      |      |      |      |  {   |   |  }   |      |      |   <  |   >  |   ?  |  \   |
|------+------+------+------+------+------+------|   |------+------+------+------+------+------+------|
| Ctrl | GUI  |  App |PrtSc |ESC/  |Space/|Tab/  |   |Back  |Enter/| Del  |PrtSc |=>GAME|=>SYMB|  \   |
|      |      |      |      |~SYMB |RCtrl |Shift |   |Space |~META |      |      |      |      |      |
`------------------------------------------------'   `------------------------------------------------'

このようにレイヤーを使うことでキー数を実質何倍にもすることができるため、物理的にかなり少ないキー数でも不足のない入力ができるようになっていて、自作キーボードの 物理的なレイアウトの自由度が高まって います。

長押し

もう一つ、普通のキーボードと大きく異なる自作キーボードの特殊な機能として、長押しでキーの機能を変えられる というものがあります。上記のキーマップだと / で区切られているものが <短押し>/<長押し> のキーマップになっています。この操作は通常のキーボードにはまずないモノでかなりトリッキーですが、うまく使うとより少ないキー数・指の移動量で打鍵をすることができます。個人的におすすめなのが親指の Space キーを長押しにすることで Ctrl キーになるというもので、これがあると Ctrl を小指で押すという不合理から開放されるので、コピペ操作が頻出する方も 目が 5 個の宇宙人 を信仰している方も小指がダメになるリスクを大幅に低減できます。

独自配列

勘のいい方はすでに気づいているかもしれませんが、このように自作キーボードではソフトウェアでキーの配置を自由に決められるので、当然 アルファベットの配置も自由 にすることができます。現在通常用いられているキー配列は QWERTY と呼ばれるものですが、これは歴史的な背景やなんやかんやいろいろあって、合理的な配列ではないという話や実は打鍵速度的にはいいという話等錯綜しているのですが、すくなくとも 指の移動距離は比較的長い配列であることは知られています

そこで、より合理的なモダンな配列を考えようという話になるのですが、この分野で言うと有名なのは Dvorak 配列で、これはみなさん聞いたことはあるんではないかと思います。ただ、一般に Dvorak 配列のキーボードというものは売っていないため、専用のソフトウェアなどで対応していました(が、外部デバイスから入力されるキーをソフトウェアで差し替えるという操作になるため、不具合が多かったりもしたようです)。

ですが、自作キーボードならキーマップは完全に自由で不具合フリー [要出典] です!こういったカスタマイズ可能なキーボードの出現の流れも手伝ってか、最近では新たな 僕の私の考えた最強のキーマップ が誕生してきています。その中でも、おそらく最も新しい世代のキーマップの一つが Eucalyn 配列です。

eucalyn.hatenadiary.jp

Eucalyn 配列は、Dvorak 配列同様左手のホームポジションに母音を並べることで左右交互打鍵を基本的な設計にしつつ、zxcv のようなショートカットキーとしてよく用いられているキーは QWERTY の位置を保つようにし、vim キーでカーソルに相当する hjkl をカーソルキー型の形状に配置するなど、移行コストを抑えながらホームポジションからの移動量が少ないキーマップを実現しています。

私はこの Eucalyn 配列を改変した Eucalyn 改配列を最近は使っていますが、その Eucalyn 改配列と QWERTY 配列との打鍵比較動画が以下になります。

www.youtube.com

動画中で使った Eucalyn 改配列

,------------------------------------------------.   ,------------------------------------------------.
| Tab  |   ;  |   ,  |   .  |   P  |   Q  |  [   |   |  ]   |   Y  |   G  |   D  |   M  |   F  |  @   |
|------+------+------+------+------+------+------|   |-------------+------+------+------+------+------|
| Alt  |   A  |   O  |   E  |   I  |   U  |  (   |   |  )   |   B  |   N  |   T  |   R  |   S  |  :   |
|------+------+------+------+------+------+------|   |------|------+------+------+------+------+------|
| Sft  |   Z  |   X  |   C  |   V  |   W  |  {   |   |  }   |   H  |   J  |   K  |   L  |   /  |\/Sft |
|------+------+------+------+------+------+------|   |------+------+------+------+------+------+------|
| Ctrl | GUI  |  App |=>BIAC|ESC/  |Space/|Tab/  |   |Back  |Enter/| Del  |PrtSc |      |      |  \   |
|      |      |      |      |~SYMB |RCtrl |Shift |   |Space |~META |      |      |      |      |      |
`------------------------------------------------'   `------------------------------------------------'

動画を見ていただければわかるかと思うのですが、ホームポジションからの移動量が少なくて快適な打鍵ができています。アルファベット配列の変更はそれなりにコストが高いですが、うまくやれば QWERTYバイリンガルにはなれますので、チャレンジしてみる価値はあります。アルファベット配列の変更 (のよさとその大変さ) については、Eucalyn 配列の考案者である @eucalyn_ と対談した podcast もあるのでぜひ聴いてみてください。

つまり…

ここまで、自作キーボードがどのように少ないキー数での入力を実現しているのか紹介してきました。自作キーボードの写真等を見かけることも多くなったかと思いますが、それらのような特徴的で自由なレイアウトのキーボードが実現できるようになったのも、オープンソースファームウェアによって キーボードの動作がカスタマイズできるようになった ことが非常に大きな役割を果たしたことがわかるかと思います。

ファームウェアは目に見えないため自作キーボードの重要な一側面であることが伝わりづらいのですが、実際はこのファームウェアのカスタマイズ性のために自作キーボードをやめられないという人もいるほど重要な要素です。また、自作キーボードは通常のキーボードに比べるとかなりキー数が少ない傾向にありますが、大抵の場合、いたずらにキー数を減らしているわけではなく、自作キーボードを長く使っているとだんだんと上記のレイヤー切り替えや長押し等の機能を使いこなして ホームポジションから極力移動しない キーマップに落ち着いていく傾向があり、結果として小さいキーボードにたどり着きやすいようです。

自作キーボードは、ハードウェアのキースイッチの種類で感触や音が変えられたり、キーキャップで好みの見た目にできたりと、 自分だけのカスタマイズ ができることが大きな魅力の一つですが、実はソフトウェアもカスタマイズできて、自分だけのキーマップ・挙動を実現できるのでした。自作キーボードは万年筆のようなもの、と言ったりしますが、万年筆もペン先やインクの粘度・色、そして所有欲を満たすデザインを選んで自分だけの書き味を追い求める、自作キーボードに似た所が多く見受けられます。自作キーボードでデザインにまでこだわる方が多いのも、こういった 日々使う上質なもの に対する執着のようなものがあるのかもしれません。

f:id:biacco42:20181008105334j:plain

というわけで、キー数が少なかったりレイアウトが独特だったりしても、意外となんとかなるので、ビビらずにぜひ作ってみて自分だけのカスタムキーボードを作ってみてください。(ハードウェア的に) 完成してからが、本当の自作キーボードだ…

おまけ

本日開催の技術書典5 では自作キーボード島とまでは行きませんが、4 つの自作キーボードサークルが け61 ~ け64 に並んで出展しているほか、場所は散っていますがいくつかのサークルさんが参加されているようです。たのしい人生は今回サークル出展はしていないのですが、 け62 のゆかりやさん、け01 の nopnop さんで既刊 KbD C93Ergo42 Towel フルセットキット 等を委託させていただいています (キット販売は け01 nopnop さんのみ)

よろしかったらぜひ、本日開催の技術書典5 で立ち寄っていただけたら幸いです。

Why Ergo42? - 私が Ergo42 を作った理由

この記事は 2018/5/6 に開催された東京メカニカルキーボード meetup の Ergo42 の発表を資料とともにまとめたものです。スライドの全体はこちら

Ergo42

f:id:biacco42:20180608005335j:plain

Ergo42 というキーボードをつくりました。

f:id:biacco42:20180608005346j:plain

Ergo42 は

  • 7x4
  • ortholinear
  • split

をコンセプトとした自作キーボードです。

f:id:biacco42:20180608005356j:plain

ちなみに全然伝わらなくて悲しいのですが、Ergo42 の「42」ってなんですか? Ergo56 じゃないの?って死ぬほど聞かれます。

Google で「生命、宇宙、そして万物についての究極の疑問の答え」と検索すると、なぜか電卓の UI で「42」と表示されます。それです。銀河ヒッチハイクガイドにもそう書いてある。

Ergo42 は「42」「DON'T PANIC」「The Answer to the Ultimate Question of Life, the Universe, and at least Keyboards.」等々、随所に小説「銀河ヒッチハイクガイド」へのオマージュを仕込んでいるのですが、びっくりするぐらい伝わらなかったので悲しいです。銀河ヒッチハイクガイドは古典的 SF の名作なので読んでください。

銀河ヒッチハイクガイドの紹介をしようと思ったんですが、本文より長くなるのでやめます。

Why Ergo42?

f:id:biacco42:20180608005406j:plain

おそらくかなりの人がこの記事で、自作キーボード、特にこの場合は ErgoDox を知ったかと思います。私も例に漏れずこの記事で ErgoDox、分割キーボード、ひいては自作キーボードというものをはじめて知り、この年 2016 年の夏頃 ErgoDox EZ という ErgoDox の完成品を販売するプロジェクトによって無事沼に足を踏み入れたのでした。余談ですが 2016 年夏といえば、Build Your Own Keyboards の第一巻が発売されたタイミングでもあり、自作キーボードのはしりの時期だったと思います(BYOK も買いました)。

そんなこんなで ErgoDox EZ を買い、間もなく、会社用だけでなく家用が欲しいということですぐに 2 台目の購入となり、今度は Falbatech からパーツを買い集めて、自分で組み立てる ErgoDox をつくり、順調に沼に沈んでいったのですが、そんな幸せな日々も長くは続きませんでした。

f:id:biacco42:20180608005415j:plain

ErgoDox は死ぬほどかっこいいのですし、スプリットキーボード、Columner Staggered なキー配置など自作キーボードの魅力満載なのですが、そのデザインをもってしても気になる点がないわけではありませんでした。

ErgoDox を使ったことがある人はわかると思うのですが、ErgoDox はおそらく外国人の手のサイズを基準に設計されており、かなり大きく・キー数が多く、日本人が使うとどうしてもキーが余ったり、その特徴的な親指のキーが多少遠くなってしまうという問題がありました。これについては正直慣れるのでなんとかならなくもないのですが、その巨大さは持ち歩くには少なくともちょっと悩むサイズで、当時 ErgoDox を持っていた日本人の間でも共通して聞かれる不満点でした。

f:id:biacco42:20180608005434j:plain

そんな気持ちを抱えたまま、日本の自作キーボードシーンの大きな転換点である、2017年 Let's Split ブームが到来します。おそらく多くの人を沼に陥れた元凶に、ご多分に漏れずまたしてもまんまと引っかかり、すわ Let's Split を作らん!となっていたのですが、ErgoDox で鍛えられていた私はそこで一歩踏みとどまり、私が求めるキーボードの要件について検討し始めました。

f:id:biacco42:20180608005450j:plain

そこで手始めにキーマップについて検討し始めたのですが、初手ここでつまずきます。Let's Split はその愛らしいデザインからも分かる通りびっくりするぐらい 初心者お断りなキー数の少なさです。

標準的な ANSI / ASCII なキーボードで 102 キー、JIS キーボードなら 109 キーのところ Let's Split はなんと 48 キーしかありません。半分以下です。正気か?

そんなわけで、ErgoDox で比較的潤沢なキー数 (それでも普通のキーボードよりはだいぶ少ない 76 キー) でのキーマップに慣れてしまっていた私には、どうしても 6x4x2 のキーに自分が必要とするキーマップを入れ込めず、Let's Split は断念となったのでした。

なかったからつくった Ergo42

というわけで、個人的に必須な要件が見えてきました。

  • 十分にコンパクトであること
  • 携帯性や設置性等、取り回しがよいこと
  • 親指の可動域や入力に無理のない適切なキー数、物理キーレイアウトを持つこと

特に最後のキー数・物理キーレイアウトについては、Let's Split の際の検討で非常に重要なポイントとなっていました。そして、そこを前提に検討した結果、Ergo42 の設計である

  • 7x4
  • ortholinear
  • split

というコンセプトが固まっていきました。で、きっと自分と同じことを考えるやつはいるだろうと思って調べてみたところ、意外にもこの仕様のキーボードが見つけられなかったため、自分のための自作キーボード Ergo42 を作ることにしました。

f:id:biacco42:20180608005602j:plain

完成した Ergo42 は正直個人的にはかなり end game といった仕上がりになりました。気に入っているポイントの 1 つがコンパクトであることと同時に、ケーブルの取り回しがしやすい(し、デザイン的にも優れている)ところです。

薄型化の思想については多分に ないんさん @pluis9 の Helix の影響を受けていますが、ケーブリングとそのデザインについては結構こだわりました。

Ergo42 は USB ケーブルが横に出るような、しかも本体の端からではなく本体の半ばから出るような設計になっています。これは、友人が HHKB を尊師スタイルで使っている際に、本体上部から飛び出す USB ケーブルが画面にぶつかって不便そうにしていた点に着想を得ています。また本体端から出さなかったのは、USB ケーブルが一般的に比較的固く、本体端から出した場合壁に干渉したり、不必要にケーブルが外に膨らんで机のスペースを圧迫する・美観を損ねるという問題を回避するためです。

TRRS ケーブルの引き回しについては悩んだのですが

  • 接続先の方向は一定(お互い内向き)
  • 手前のスペースはラップトップのトラックパッドトラックボールを置きたい
  • ラップトップの場合、TRRS ケーブルはマシンの後ろに回したい(視界から消したい・手前でぴろぴろして干渉してトラブルが発生するのを避けたい)

といった点から、USB ケーブルとは引き出す方向を 90 度変え、上方に出すことにしました。さっきの尊師スタイルの話と矛盾するじゃないかというツッコミが今にも聞こえてきそうですが、一般に TRRS ケーブルのほうが柔らかく、L字プラグには向きがない (USB の L字プラグは向きがある) ため、そして設計上のスペースとの兼ね合いから今の位置になりました。上記の写真のように、デスクトップで使う際も TRRS ケーブルを上でくるっとすると設置自由度が高いです。

f:id:biacco42:20180608005646j:plain

また、自分自身のためにも組み立ては簡単になるように色々配慮しました。Ergo42 は Cherry MX / Kailh Low Profile 両対応基板となっているのですが、Cherry MX のフットプリントと Kailh Low Profile のフットプリントを逆さまに配置することでパッド同士の距離を遠くし、ハンダジャンプしづらい設計になっています。

最初は Let's Split を パクって 参考に作る予定だったのですが、思っていたより Let's Split の設計が混乱していたので、そのあたりはフルスクラッチでできるだけきれいに、回路側でがんばって、組み立てがシンプルになるようにしました。わかりやすい例として、Ergo42 ではダイオードの向きは完全にすべての箇所で同じになっており、間違った方向にダイオードをつけてしまうありがちな問題の発生リスクはかなり低減されていると思います。

f:id:biacco42:20180608005655j:plain

そして、最大のポイントがここ、キーマップです。もともと私は ErgoDox で親指を酷使するキーマップにかなりなれていたため、QMK のリポジトリにもそういったキーマップをデフォルトで入れていたのですが(かなりウケが悪く)、より標準的なキーボードに近いキーマップをデフォルトとして今は設置してあります。これは想定していなかった副次的な効果なのですが、7x4 配列にしたことでキー数に余裕があり、カーソルキーも入れた、かなりオーソドックスなレイアウトのキーマップを定義することができました。

f:id:biacco42:20180608005702j:plain

また、もちもん私がもともと実現したかった親指酷使型キーマップもバッチリで、足りないキーがなくて困ることもなく、必要十分のキーを定義できました。

特におすすめポイントは、左手左下の Ctrl は LCtrl に、左手親指の長押しは RCtrl にすることで、Mac 側で Karabiner-Elements を利用して RCtrl を ⌘ コマンドキーに読み替えることで、Windows / Linux / Mac いずれの環境でも利用しやすいところです。Mac だと ⌘ コマンドキーと Ctrl は区別されていてどちらも非常によく使うので、これが同時にキーマップに登録できたところはキー数を増やした恩恵で、これ故に、これ以上キー数を削るのはなぁというところがあると言っても過言ではありません。

分割キーボードですと、割れ目は決まってしまっているので片手で扱えるキー数に厳密な制限があるのですが、列数が少ないと特に右手でキー数が足りないことになりがちです。Ergo42 の私の配列では、Enter や Back space 等の普通右端にあるキーを親指側に逃しつつ Enter や Back space の左隣の記号についてギリギリ詰め込めていて、前述の通り「これがなくて入力ができないよー」みたいなことが起きないように最大限配慮しています。

f:id:biacco42:20180608005711j:plain

という感じで、私の希望をできる限り詰め込んだ Ergo42 は、現在 Booth にてキットを販売中です!

現在予約を受け付けているキットについては、初の アクリルカラーがブラック のバージョンになる予定です。多分これはまためっちゃかっこよくなるので楽しみです!

f:id:biacco42:20180608005722j:plain

そして、現在自作キーボードの先を考えて、新しいアーキテクチャを設計中です。

f:id:biacco42:20180608005729j:plain

f:id:biacco42:20180608005738j:plain

技術書典4 で発行した KbD Pre 2018 April にその片鱗が出ているのですが、ARM による比較的高性能なチップをベースに、既存基板のマトリックス回路やダイオードがいらない、 基板設計できなくても自分好みの物理キーレイアウトのキーボードが作れる 、モジュラーな設計を検討中です。こちらは進捗あり次第 Pixiv FANBOX のほうで情報公開していけたらと思っています。

おわりに

そんなわけで、2016 年頃から自作キーボードの、そして日本での自作キーボードの盛り上がりを振り返りながら、Ergo42 をどうして作ったのかについて簡単にご紹介しました。

個人的には Ergo42 でかなり end game 感は出ているのですが、まだまだ新しい設計の自作キーボードが出てきたり、新しいキースイッチが出てきたり、3D プリンタでキーキャップを作ったりケースを作ったりと、幸い当面は飽きることも叶わず、やることも検討することもいっぱいありそうです。

そんな、たのしいたのし沼への案内として Ergo42 が少しでもお役に立てれば光栄です。

たのしいたのししま(1) (講談社コミックス)

PR

f:id:biacco42:20180608133152j:plain:w300

自作キーボード入門のための同人誌 KbD C93 2017 December や、自作キーボード入門用の 4 キーだけの極小キーボード Meishi ― The micro macro keyboard kit なども販売中です。なにとぞよろしくお願いいたします🙏🙏🙏

また、Maker Faire Tokyo 2018 に自作キーボードコミュニティで参加します! 自作キーボードを大量に見て触れる貴重な機会になるはずですので、こちらもぜひよろしくおねがいします。

Maker Faire Tokyo 2018 に Self-Made Keyboards in Japan が出展します!

いよいよ今週末ですね! 2018 8/4 - 8/5 に東京ビッグサイトで開催される Maker Faire Tokyo 2018 に自作キーボード好きの集まりである Self-Made Keyboards in Japan の有志で出展を行います!

f:id:biacco42:20180602002928j:plain

最近本当に自作キーボードをいろいろなところで見かけるようになりましたね。見ている世界が狭いというのもありますが。

なので、普段自作キーボードに縁がある世界だけでなく、ぜひより多くの方に自作キーボードを知ってもらおう!ということで、ものづくりの祭典 Maker Faire Tokyo に出展する運びとなりました。

展示内容

自作キーボードのかなり多様な範囲からの出展となりました!簡単に内容をご紹介します🙌

まだまだ紹介しきれていないので、随時追加していきます。まずは写真でのご紹介です!

Wooden case for iris Keyboard

f:id:biacco42:20180802122307j:plain

f:id:biacco42:20180802122322j:plain

Wooden case for iris Keyboard by @htomine

コンパクトな親指キーつき左右分割キーボードキット「iris」用の木製ケースの展示です。自作キットに多いプレートだけのケースではなく、コンパクトさを捨てて敢えてキーに被る高さのフレームを付けたのがポイントということで、とてもおしゃれです。

Helixのための薄型キートップの試作

f:id:biacco42:20180802121741j:plain

f:id:biacco42:20180802121755j:plain

Helixのための薄型キートップの試作 by @nameless911

Corne Keyboard (コルネ)

f:id:biacco42:20180802122147p:plain

自作小型キーボードCorne(コルネ) by @foostan

Atack25 - 5x5 PCB for hex pad and square split keyboard

f:id:biacco42:20180802122513j:plain

Atack25 - 5x5 PCB for hex pad and square split keyboard by monksoffunk

XD75re atomic_style_jp : Comic Sans Edition

f:id:biacco42:20180802123111j:plain

XD75re atomic_style_jp : Comic Sans Edition by @takashiski

これ以外にもまだまだありますので、情報更新と当日の Maker Faire Tokyo 2018 をお楽しみに!

仮想通貨『HOGYコイン(物理)』

f:id:biacco42:20180803144738j:plain

仮想通貨『HOGYコイン(物理)』 by @yohewi

Maker Faire Tokyo 2018 と自作キーボード

Self-Made Keyboards in Japan が出展する Maker Faire Tokyo 2018 ですが、私達だけでなく、Helix キーボードで有名な遊舎工房の ないん ( @pluis9 ) さんや、ねこでも作れる!オリジナルキーボード の著者の ゆかり さん、自作キーボードのパーツ購入でお世話にならないことはない TALP KEYBOARD (Twitter) TALP KEYBOARD (store) さん、Switch Science さんも自作キーボードに関連した展示を行われるなど、自作キーボードに関する出展が盛り沢山で、今年の Maker Faire Tokyo でも自作キーボードはやっていっています💪

当日は Maker Faire Tokyo 2018 自作キーボードマップ等も頒布予定ですので、ぜひ H / 14-03 Self-Made Keyboards in Japan へお越しください!

iOS アプリでマルチタスク切り替え画面に入ったことを検出する話

小ネタです。アプリがアクティブなときに、マルチタスク切り替え画面(ホームキー二連打)に入ったことを検出したい。

結論

マルチタスク切り替えそのもの画面に入ったことそのものは検出できないが、マルチタスク切り替え画面に入るとアプリケーションは Inactive になるので、たとえば UIApplicationWillResignActive を購読しておけばそれで検出できる。通知センターやコントロールセンターを開いた場合もアプリケーションは Inactive になるので厳密な見分けが必要な場合はもう少し考えなければいけないかも。

iOS アプリのライフサイクル

アプリにまつわるイベントであると考えられるので、 Execution States for Apps を見ましょう。これは散々引用されてますしみなさん一度は見たことがあると思います。

State Description
Not running The app has not been launched or was running but was terminated by the system.
Inactive The app is running in the foreground but is currently not receiving events. (It may be executing other code though.) An app usually stays in this state only briefly as it transitions to a different state.
Active The app is running in the foreground and is receiving events. This is the normal mode for foreground apps.
Background The app is in the background and executing code. Most apps enter this state briefly on their way to being suspended. However, an app that requests extra execution time may remain in this state for a period of time. In addition, an app being launched directly into the background enters this state instead of the inactive state. For information about how to execute code while in the background, see Background Execution.
Suspended The app is in the background but is not executing code. The system moves apps to this state automatically and does not notify them before doing so. While suspended, an app remains in memory but does not execute any code. When a low-memory condition occurs, the system may purge suspended apps without notice to make more space for the foreground app.

Inactive

アプリケーションライフサイクルのイメージとしては

Not running
 ↓
Inactive
 ↓
Active
 ↓↑
Inactive
 ↓↑
Background

ではないかと思います。 Notification で UIApplicationDidEnterBackground はよく使うと思いますが、 UIApplicationWillResignActive は通り過ぎるだけでなにに使うんだ...?

Inactive の説明を読んでみると

The app is running in the foreground but is currently not receiving events. (It may be executing other code though.) An app usually stays in this state only briefly as it transitions to a different state.

アプリケーションは通常、状態遷移する一瞬この状態になると言っています。やっぱり通過するだけ?

フォアグラウンドだけど UI イベントだけ受け取らない状態

Inactive の説明の前半にはこうも書いてあります。Inactive なアプリケーションはフォアグラウンドにいるけれど UI イベントは受け取らないよ。

よくよく考えると マルチタスク切り替え画面 はまさにこの状態に当てはまります。 エスパーじゃないと気づけないと思うんですが。

さらによくよく考えると、マルチタスク切り替え画面以外にもアプリケーションはフォアグラウンドだけれど UI イベントを取らない状態があります。通知センターコントロールセンター を開いた時もこの状態になります。よく出来てますね。でも遷移中一瞬なる状態だよって説明は消したほうがいいと思う。

というわけで、アプリケーションの状態が Inactive になる時を見ていればほぼ目的は達成できそうです。

おしまい。

ヴァイオレット・エヴァーガーデン雑感

ヴァイオレット・エヴァーガーデン、1 話を観ました。

いろいろ喋りたくなるオタク好みな作品だなーと思った。喋りたいことが多いので列挙します。

テーマがテーマだけにキーボード界隈で話題になっていた。

けれど 1 話の段階ではほとんどタイプライター出てこなくて残念。ただ、最後の方に出てきたタイプライターの描写、動きは最小限だったけど(まじめにやると作画コストが高すぎるよね)丁寧に描かれそうで期待は持てる。音はなんかそれこそキーボードっぽくない?実家にタイプライターあったけどもっとガシャガシャした重い音がする気がする。

試しに Ergo42 黒軸 PBT キーキャップで録音録画したらおもったよりそれっぽくなった。

作画

神作画みたいなツイートとかあったけど、結構省力作画というかバランス取ってる感はある。気合入っているところは入ってるけど、正直動きとしては息を呑むようなシーンはあまりなかったかなぁ。

全体的に動画の割り方もかなり離散的というかタイミングがフラットなのか、あまりドラスティックに動く感じではない。

ただ手の作画だけは異常なこだわりを感じる。もうこの画とタイプライターというテーマだけでいける。

あと、一部シーンでは髪の毛の動画が妙に細かったり、ある印象的なシーンにたいする細部へのこだわりみたいなものは随所に感じる。

美術

どちらかというと背景美術にはかなりこだわりを感じる。

影の出方、色の付け方がかなり特徴的で、リムライト的というか影色も特徴的で GI ぽさともまた違う画としてのおもしろさがある。

タイムラプス

日常とも共通するけど、サチュレーションかけたような写実的な固定カメラでのタイムラプス京アニ好きなのかな。朝ガス灯を消しに来る描写が入ってるのがよかった。

加持リョウジ

みたまんま

ヴァイオレットの人格

ヴァイオレットの人格が不安定すぎて、そういう状況・設定だしなぁうーん、と思っていたけれど、結構最後の方でいい感じにストーリーに回収されていって、やりすぎなぐらいがいいバランスだったのかもしれない。ヴァイオレットの今後が気になる。

音楽

音楽は派手さはないけどしっかりシーンに合わせて作ってあって贅沢さがある。オケの収録はスタジオ感強くてちょっとフラットな印象なのが惜しい。けどファゴットとか目立ってたりしてちょっとたのしい。

とりあえず、先が気になるので今期楽しみ。

Meishi keyboard 組み立て方ガイド

※現在 GCC 8 系でメモリマップの構築に不具合があるようで、Pro Micro への書き込みに失敗するようです。その場合は GCC 8 系をアンインストールして GCC 7 系をインストールしてください。

Meishi - The micro macro keyboard をご購入、もしくはリポジトリから製造いただきありがとうございます。この記事では、Meishi keyboard の組み立て方を簡単に紹介します。

必要なパーツ(同梱物)

f:id:biacco42:20180121224357j:plain

項目 数量
Meishi PCB 1
Pro Micro 1
キースイッチ (Cherry MX 互換 / Kailh Low Profile) 4
キーキャップ 4
ダイオード(1N4148) 4
リセット用タクトスイッチ(5 mm ピッチ 2 本足) 1
クッションラバーシール 4

(オプション) 組み立てに必要・あると便利な道具

白光 ダイヤル式温度制御はんだこて FX600

白光 ダイヤル式温度制御はんだこて FX600

温度調節機能が便利(ない安物は温度が高すぎてはんだ付けが難しいし基板焼いちゃいやすい)。加温も早くてよいです。

白光(HAKKO) こて台 633-01

白光(HAKKO) こて台 633-01

コテ台も安いのもあるんだけど、熱いものを扱うのでちゃんと固定できる・保護できるものがおすすめ。これはコテ先クリーナーもついていて、スポンジに水をつけるタイプと比べてもめちゃめちゃ扱いやすいので総合的にお得だと思います。

goot はんだ吸取り線 CP-3015

goot はんだ吸取り線 CP-3015

はんだ吸取り器があったほうがよい場合も多いんだけれど、自作キーボード、多分そんなにはんだをミスったりするような複雑な部分もないし、とりあえずはこれだけあれば十分。

バイスの余った脚を切るのに必要。

これぐらいあればこのキーボードを作る分には十分だと思います。

組み立て

単純で、基本すべてはんだ付けしてキーキャップ・脚シールをつけるだけです。ただし、次の 2 点に注意する点があります。

  • ダイオードの向き
  • Pro Micro の固定方向
  • キースイッチの固定

ダイオードの向き

ダイオードという部品は基本的には一方向にだけ電流を流す整流用に使われます。なので、どちらに電流を流すかという 向き の概念があります。この向きを間違えると正しく動作しません。

f:id:biacco42:20180121235555j:plain

写真のダイオードの左側、黒い線が入っている側が カソード、逆に入っていない側が アノード といい、アノード側からカソード側に向けて電流が流れます。

f:id:biacco42:20180121235845j:plain

キーボードに固定する際には、この黒線の入ったカソード側を矢印の先の線のある側、四角いパッド側にしてはんだ付けしてください。

Pro Micro の固定方向

この PCB は裏表リバーシブル仕様なため、Pro Micro の固定方向に気をつける必要があります

f:id:biacco42:20180122000446j:plain

写真のロゴマークがある面を上にした場合、Pro Micro を写真の通り部品実装された面を上にしてはんだ付けします。逆に、たのしい人生 / Biacco42 クレジット面を上にする場合は、Pro Micro を部品実装された面を PCB 側にしてはんだ付けしてください。

Pro Micro のはんだ付けができたら、不要な余った脚の部分はニッパーで切ってしまってください。

キースイッチの固定

この基板は裏表リバーシブル仕様・Cherry MX / Kailh Low Profile 両対応仕様のため、付属する Cherry MX のキースイッチだと多少の遊びがあり斜めにキーを固定できてしまいます。そのため、はんだ付けする際には、セロハンテープ等で向きを固定してはんだ付けすることをおすすめします。

完成状態

f:id:biacco42:20180122002337j:plain 表面

f:id:biacco42:20180122002355j:plain 裏面

ファームウェア書き込み

組み立てが完了したらファームウェアをビルドして書き込みます。Meishi keyboard では QMK Firmware が利用でき、現在私の QMK Firmware fork リポジトリの meishi ブランチ に実装があります。

ここでは詳細は省きつつ、ファームウェアをビルドしてインストールする手順と、キーマップの変更方法を簡単に紹介します。

ファームウェアの実装とビルドの詳細については QMK firmware documentation のドキュメントを参照してください。また、Windows はいろいろと差分が多いので、可能なら VirtualBox 等を用いて Linux 環境を用意できるとよいです。

環境構築

Git

まず Git が必要です。Windows / Mac / Linux 環境でそれぞれにインストール方法が異なるため、それぞれのプラットフォームの Git をインストールしてください。

Mac でかつ brew がインストールされていれば (brew についてはここでは説明しません)

$ brew install git

DebianLinux であれば

$ sudo apt install git

でインストールできます。とりあえずファームウェアのビルドの目的だけであればこれで大丈夫です。

Git が準備できたら、ソースをダウンロードします。

ソースコードをダウンロードしたいディレクトリに移動して

$ git clone https://github.com/Biacco42/qmk_firmware.git

ソースコードを取得できます。

Build 環境

Mac の場合

brew tap osx-cross/avr
brew tap PX4/homebrew-px4
brew update
brew install avr-gcc
brew install dfu-programmer
brew install gcc-arm-none-eabi
brew install avrdude

を実行してください。

Linux の場合

ソースコードを clone してきたディレクトリに移動して

$ sudo util/install_dependencies.sh

でビルド環境を一発で構築してくれます。便利。

Windows の場合

msys2 を利用するのが公式のおすすめのようです。msys2 をインストールしたあと MSYS2 MingGW 64-bit を実行してください。

そして、MingGW のターミナルで先程ソースコードを clone してきたディレクトリに移動して

util/msys2_install.sh

を実行して画面に表示される指示に従うとよいようです。(未検証)

ファームウェアのビルドと書き込み

組み立てた Meishi キーボードを USB ケーブルで PC に接続しておいてください。

Mac / Linux

まず、feature/meishi ブランチに切り替えます。QMK firmware を clone してきたディレクトリで

$ git checkout feature/meishi

とします。checkout がうまく行ったら

$ make meishi:default:avrdude

でビルドとインストールをいっぺんにできます。途中リセットしろよという旨のメッセージが出るので、そこでリセットボタンを 1 回または 2 回連続で押します(ブートローダーによって挙動が異なるようです)。リセットを検出すると自動的に書き込みが始まります。

Linux 環境の場合は書き込みに特権が必要かもしれないので、権限不足で書き込めなかった場合は

$ sudo make meishi:default:avrdude

としてください。

Windows

すいません。未検証のため、こちらの Let's split の Windows 向けビルド・書き込みドキュメント を参照してください。

大雑把には、MacLinux で使える avrdude という書き込みツールが使えないため、先程構築した msys2 環境でビルドだけを

$ make meishi:default

で行います。そうすると QMK firmware を clone してきたディレクトリに meishi-default.hex が生成されるはずなので、それを AVRDUDESS というアプリケーションで書き込みます。

検証した方がいたら情報求む。

動作の確認

正常にファームウェアが書き込めたら、キーボードとして認識されて動作するはずです。default キーマップでは左から順に Ctrl-z Ctrl-x Ctrl-c Ctrl-v の配置になっています。動作が確認できたら Meishi キーボードの完成です!お疲れ様でした。コピペがはかどりますね。

ファームウェアの改造

以上の工程でキーボードは完成しましたが、せっかくの自作キーボードですからコピペ以外にも使えるようにしたくなります。そのためにはファームウェアの改造が必要になります。その方法を簡単に紹介します。

Meishi キーボードのキーマップを変更するには、キーマップが記述されている <QMK firmware root>/keyboards/meishi/keymaps/default/keymap.c を編集します。また、新たに名前をつけてキーマップを作成したい場合は default ディレクトリをコピーして適当に名前を変えて keymap.c を編集してください。その際ビルドコマンドは

$ make meishi:<your keymap directory name>

になります。

keymap.c で実際にキーマップが定義されているのは

const uint16_t PROGMEM keymaps[][MATRIX_ROWS][MATRIX_COLS] = {
[0] = KEYMAP( /* Base */
  LCTL(KC_Z),  LCTL(KC_X),  LCTL(KC_C), LCTL(KC_V) \
),
};

の部分、特に LCTL(KC_Z), LCTL(KC_X), LCTL(KC_C), LCTL(KC_V) の部分になります。これが左から順番にキーの割当を表しています。簡単ですね。

このキーマップに指定するキーの一覧については QMK firmware documentation の Keycodes に一覧があります。初期状態だと、LCTL(KC_Z) のような形で、Ctrl と Z の同時押しを表現しています。 LCTL を外せば単なる Z キーになりますし、MEH(kc) とすれば Ctrl+Alt+Shift+kc が一発で入力できます。その他にもメディアキー(音量操作等)や電源キー(KC_SYSTEM_POWER)等の便利キー系もあるので、いろいろ試してみてください。

また、ここでは説明しませんが、マクロ機能もあり、あるキーが押されたら一定の複雑なキーコードや文字列を送信することもできます。5000 兆円欲しい!キーボードとか。

お疲れ様でした

ここまで来たらあなたも立派な自作キーボーダーです。おそらくここまでたどり着けたなら、他のより高度な自作キーボードについてももう自分で作ることができるようになっていると思います。

しかしここで触れた内容は自作キーボードのほんの一部に過ぎません。キーキャップやキースイッチにこだわるのも楽しいですし、QMK firmware にはここでは紹介しきれなかったたくさんの機能があります。ぜひ、このキーボードをそういった次のキーボード道の道標として利用していただければ幸いです。

ようこそ自作キーボード沼へ!

Help

組み立ての際に困ることやトラブル等あるかと思います。その際には Twitter@Biacco42 にリプライを飛ばしていただくか、Self Made Keyboard in Japan Discord server で相談していただければ対応します。特に Self Made Keyboard in Japan Discord server には私以外にも自作キーボードを製作している方がたくさんいるので、より多くのアドバイスを得られるかと思います。大変気楽なコミュニティですので、ぜひこちらの利用も検討してください。

おわり

自作キーボード入門本 KbD C93 の通販絶賛販売中 日経 Linux 2018 3月号 にて本誌 KbD C93 と Ergo42 が紹介されました! & 2018/3/6 Meishi 再販開始!

自作キーボード入門本 KbD C93 の通販告知になります。

[NEW] 2018 3/6 日経 Linux 2018 3月号掲載の「まつもとゆきひろ プログラマのこだわり」で KbD C93 と Ergo42 が紹介されました! & Meishi 再販開始!

おしながき

  • 自作キーボード入門本 KbD C93 の 印刷製本版 の販売中
  • 自作キーボード入門本 KbD C93 の 電子書籍 の販売中
  • 自作キーボード入門におすすめな Meishi - The micro macro keyboard 再販開始!

自作キーボード入門本 KbD C93 の 印刷製本版 の通販絶賛販売中

booth たのしい人生 ストアページ にて、 KbD C93 の印刷製本版の通販絶賛販売中です!

先日 C93 で好評を博し、あっという間に完売してしまった KbD C93 の製本版です!ブースに来ていただいたにもかかわらずご購入いただけなかったみなさま、大変ご迷惑をおかけしましたが、おまたせしました!通販でご購入いただけます!

しかも、今回は大幅な増刷ということで、がんばって フルカラーオフセット印刷 仕様にさせていただきました!意図的に雑誌的なデザインを心がけた本誌ですが、より雑誌感を増してお届けできるかと思います。

C93 頒布分のオンデマンド印刷も非常にきれいだったのですが、ぜひこちらの質感の変化も楽しんでいただければと思います。

booth KbD C93 印刷製本版 販売ページ

自作キーボード入門本 KbD C93 の 電子書籍 の通販販売開始

電子書籍版絶賛販売中です!

上記 KbD C93 に、ご要望の多かった 電子書籍版が登場します!

一刻も速く手に入れたい!紙の本は保管場所が…という方はぜひご検討ください。

booth KbD C93 電子書籍版 販売ページ

自作キーボード入門におすすめな Meishi - The micro macro keyboard 再販開始!

Ergo42 のキット販売に先立ち、本当は C93 で頒布したかった名刺型キーボードのキットを 再販します!

今回再販にあたり、4 つの付属スイッチの種類をいろいろ混ぜました! Gateron 黄色軸 (Linear)・白軸 (Linear 最軽量)・赤軸 (Linear)・青軸 (Clicky)、Cherry 茶軸 (Tactile) とかがランダムに混ぜてあります!スイッチの差もたのしんでみてください。

ケースもなく基板だけ、4 キーの非常にシンプルなキーボードです。キーボードに入門するのに必要最低限の要素を手軽に体験することができるキットになっています。

制作方法はこのブログの Meishi keyboard 組み立て方ガイド で紹介しています。(製作中)

以上、C93 当日売り切れで購入することができなかった皆様には大変ご迷惑をおかけしましたが、通販の方、なにとぞよろしくお願いいたします🙏

booth たのしい人生 ストアページ

Amazon.co.jpアソシエイト