![見出し画像](https://assets.st-note.com/production/uploads/images/58538018/rectangle_large_type_2_beb8aef59f9de4ab99891bbd635fcb65.jpg?width=1200)
トラックボールモジュールとタッチセンサーとクリック
(2020/10/24に書いた記事です)
この変に指があるとトラックボールレイヤーに切り替わって、ホームポジションでクリックとかできて快適になったよ、というお話です。
トラックボールモジュール
自作キーボードを作り始めて、指の移動距離を最小限に!とかやっているわけですが、マウスやトラックボールを使う時の移動はどうにかならないものか・・・と考えるものです。 ポインティングデバイスをキーボードに組み込めたらと思いつつ、そのようなモジュールの入手性や組み込む難易度は自分には高く、手を出せずにいました。
そんな時にビット・トレード・ワンさんから1uサイズのトラックボールモジュールが発売され、これは使わねば!と思い立ちました。
7mmオプティカルトラックボールモジュール1uタイプ | 遊舎工房
色々と組み込んでみた
Claw44やbat43に組み込んでお試し。
課題が出てきたので徐々に解決していってみます。
![画像1](https://assets.st-note.com/production/uploads/images/58538142/picture_pc_2833107c4bc30432eeed1c356e4e78ea.jpg?width=1200)
![画像2](https://assets.st-note.com/production/uploads/images/58538153/picture_pc_13667973755dfae197d829e23da68eb7.jpg?width=1200)
![画像3](https://assets.st-note.com/production/uploads/images/58538159/picture_pc_8b8f99fc56c3dab48e09cea7123160e9.jpg?width=1200)
取り付けの課題
このモジュールには取り付け用の機構がないようなので、どう取り付けるかが課題になります。
ボトムハウジングを接着
![画像4](https://assets.st-note.com/production/uploads/images/58538214/picture_pc_6fa8bf4b1657f3957276bf9fd038e9aa.jpg?width=1200)
まずは1uサイズなのでキースイッチがあるところに置けると良いなと思い、ボトムハウジングをちょっと加工して、接着剤で固定しました。
(内部に接着剤を流し込んで、一つダメにしました・・・養生をしっかりと・・・)
これは納まりが良いのですが、加工の手間はあるのでいまいち。レベル変換基板がどこかに置けて、加工できる人なら良いかなと。
専用ケースを作る
![画像5](https://assets.st-note.com/production/uploads/images/58538272/picture_pc_bbb1d7b269cc33408ddb79f2711c0995.jpg?width=1200)
![画像6](https://assets.st-note.com/production/uploads/images/58538278/picture_pc_a96c53be9c893bdae735196f8c334324.jpg?width=1200)
bat43tbやtb7で採用した方式。
横からレベル変換基板と共に差し込むみます。
とてもコンパクトにできてお気に入り。
キーボードに合わせて作る
![画像7](https://assets.st-note.com/production/uploads/images/58538321/picture_pc_10cd5e2dda3d1062809d3f0219c10422.jpg?width=1200)
Claw44用に作った専用マウント。
ProMicroプレート部分の代替となるため、横から入れるのが厳しかったので上からかぶせる形に。レベル変換基板がOLED用のピン配置を考慮してくれているので、変換基板も素直に収納できるのが良い。
![画像8](https://assets.st-note.com/production/uploads/images/58538343/picture_pc_46ec9c3ffb12db4b50399b1d9c852d70.jpg?width=1200)
下側は嵌め込むだけで安定したので、まだ素っ気ない感じ。
問題ありそうだったらサポート部分を検討する。
トラックボールの代替とするための課題
トラックボールを動かし、カーソルは快適に動かせるようになりました。
クリックがつらい
で、まず思ったのがクリックが思ったよりつらいなあと。
自分は主に40%を使っているので、レイヤーなしでダイレクトに打つキーはそんなに空いていない。
![画像9](https://assets.st-note.com/production/uploads/images/58538415/picture_pc_eb8fff3a8c0484106724761c2ba78d79.jpg?width=1200)
Claw44の場合は親指の両端を使ってみたけど、やはりちょっと負荷が高いように感じます。普通にトラックボールを使う時は、最適化された状態で使うため無駄な負荷が少ないです。そのため、ついついちょっと腕を移動させてでもトラックボールを使いたくなってしまいます。
(自分はMX Ergoを愛用)
ホームポジションの取り合い
キーボードでトラックボールの機能を使おうとすると、本来のホームポジションとはずれた状態になることが多い。
多少の時間なら良いのだが、トラックボール主体の動きが長くなるとだんだんと辛くなってくる。
![画像10](https://assets.st-note.com/production/uploads/images/58538488/picture_pc_48e1978d30fe1ebb8fa2966c54a4c923.jpg?width=1200)
こちらのbat43の場合は、キーボード側のホームポジションを一個ずらし犠牲にしてクリックボタンを押しやすくしてみたが、本末転倒な感じでキーボードが使いにくくなってしまったので断念。
![画像11](https://assets.st-note.com/production/uploads/images/58538512/picture_pc_a82459c47e3a8c1f701afda5e3220c3c.jpg?width=1200)
![画像12](https://assets.st-note.com/production/uploads/images/58538516/picture_pc_a7cc85ea3965b9c5d4c8b85938784703.jpg?width=1200)
空いているところにクリックボタンを置いてしまえと試してみたのがこちら。キースイッチを置くスペースはなかったので、タッチセンサーを使ってみた。
これはこれでよかったのだが、無理やり置いてしまったので細かな位置決めができず、もうちょっと改善したくなった。
![画像13](https://assets.st-note.com/production/uploads/images/58538541/picture_pc_b179d7d9607037802eba51e5cb07c880.jpg?width=1200)
それで作ったのがbat43tb。ProMicro→MCU直付けすることによってクリックボタン分のスイッチを配置。
これもこれで良いのだが、もうちょっと配置を良くできそうなので、そのうち改善版を出したいと思っています。
改めて課題を整理
・トラックボールの玉を動かせるだけではトラックボールの代替にはならない。
・クリックやホイールの機能なども快適に使える状態でないと移行率は低くなり、結局ほとんど隣に置いてあるトラックボールを使ってしまう。
・ただでさえ詰め込んで小さくしているので、そこに機能を加えるにはひと工夫必要そう。
トラックボールでやっていることを挙げてみると、
・カーソル操作
・クリック(左、中、右)
・スクロール
・戻る、進むボタン(これは個人差があるが)
あたりでしょうか。
カーソル操作はできるようになったので、まずはホームポジションでクリックを快適に押すことを考えてみます。
解決案:レイヤーに配置
まず思いつくのが、レイヤーの中にクリックボタンを配置すること。
これで問題ない方もいると思います。
自分は今まで1クリックでできてたものが、レイヤーキー→クリックキーと2ステップになってしまうのが面倒くなり無理でした。
解決案:タッチセンサー
クリックするのは基本的にはトラックボールを操作している時なので、トラックボールを動かしている時だけ、別レイヤーになれば良いなと考えてみます。
しかし、常にボールが動いているわけではないので、トラックボール側の情報だけではキツそう。このコンパクトなモジュールをいじるのも辛そう。
で、考えたのがこの前タッチセンサーでうまいことできないかなと。
![画像14](https://assets.st-note.com/production/uploads/images/58538725/picture_pc_a011fffe396f03bb525e664c53c17ce5.jpg?width=1200)
試行錯誤してこんな形になりました。
タッチセンサーの感度としては、だいたい8mmくらいな感じです。
そのため配置を工夫しないと、レイヤー切り替えしていて欲しいところでされてなくてストレスになります。
一旦、位置決めがされてしまえばとても快適に使えます。
センサーはAmazonでも入手可能なTTP223というやつです。安価でなかなか使えるやつです。自分はTTP223で買ったけど、もっと安いのも出ている模様。
電源やPINは基板下面に付けておいたテープLED用のパッドを利用。
こういうことをやっていると使っていないProMicroのピンは触れるよう出しておきたいなと思うようになる。
解決案:タッチセンサー拡張
![画像15](https://assets.st-note.com/production/uploads/images/58538759/picture_pc_5ec7be16dce2819e92b0039f45083de4.jpg?width=1200)
仕事が立て込んでいて、ちょっとしたモデリングをして3Dプリンタを動かすくらいしかできず、気晴らしにClaw44用のトラックボールモジュールマウントを作ってみました。
使ってみたのですが、やはりクリックボタンつらいなあという気持ちが。
こっちにもbat43同様にタッチセンサーを付けてみました。同様に付けてみて、確かにちゃんと動くのですが不格好だなあと。
タッチセンサーを調べていた時にアルミホイルで検出部分を拡張していたことを思い出す。ごちゃごちゃと両面テープとアルミホイルで試作。
![画像16](https://assets.st-note.com/production/uploads/images/58538775/picture_pc_39a42409eb4a1fa91cd93f476644e986.jpg?width=1200)
なるほどなるほど。こんな感じで拡張ができました。
これならより玉に近い部分での検出が可能になので、より安定しました。
だが、見た目と耐久性0だなこりゃ。
とりあえず黒いアルミホイルを探してみる。
焼き芋用の黒いのを発見。こんなものもあるのね。
でも耐久性なーと思っていると、アルミテープを発見。
こちらもマットブラックなものがあるのでポチポチと。
ひとまずこれで作ってみます。
今のところの作り方
上面にアルミテープを貼る
![画像17](https://assets.st-note.com/production/uploads/images/58538806/picture_pc_d3d00a810f212cd708fb9fc5a2b2aef9.jpg?width=1200)
穴をくり抜く
![画像18](https://assets.st-note.com/production/uploads/images/58538826/picture_pc_aa0140bf9617b5015b725c77b2eee2de.jpg?width=1200)
下面にタッチセンサーを配置
![画像19](https://assets.st-note.com/production/uploads/images/58538840/picture_pc_9de2f6e6c234f91a58e1a77423f6c389.jpg?width=1200)
上面のアルミテープとタッチセンサーを接続(貼ってるだけ)
![画像20](https://assets.st-note.com/production/uploads/images/58538854/picture_pc_6f60f1e5e3ddce1c80c3c7c1c043bf88.jpg?width=1200)
ねじ止めして完了
![画像21](https://assets.st-note.com/production/uploads/images/58538871/picture_pc_84572c711ebd11c29a23a7f792ef7d79.jpg?width=1200)
写真だとわかりにくいですが、良い感じに反応してくれてます(タッチセンサーのLEDが赤く光っている)
![画像22](https://assets.st-note.com/production/uploads/images/58538915/picture_pc_fd2f9a39f576d153d14757f4082f1598.jpg?width=1200)
![画像23](https://assets.st-note.com/production/uploads/images/58538921/picture_pc_67e2ee825314b9a6968edf295b105654.jpg?width=1200)
![画像24](https://assets.st-note.com/production/uploads/images/58538927/picture_pc_6640bd1b2f43763f5f44ca0ecf363e10.jpg?width=1200)
ファームウェア
このタッチセンサーが反応した時にトラックボール用のレイヤーに切り替わるようになっています。
自分は親指キーにクリックなどの機能をまとめました。
ASDFあたりでも良いのですが、自分は既にmodifierを割り当てているのでCmd+クリックとかがやれなくなってしまうので使えず。
トラックボール用のライブラリや使い方はこちらを利用&参考にさせてもらっています。( せきごんさんありがとうございます!) https://github.com/sekigon-gonnoc/qmk_firmware/tree/dev/ble_micro_pro/keyboards/helix/rev2/keymaps/bto_tb
ドラッグ&ドロップやスクロールもできるようにqmkのポインティングデバイスの機能を使っています。
(QMKドキュメントの和訳ありがとうございます!!)
https://docs.qmk.fm/#/ja/feature_pointing_device
なるべくホームポジションを崩さないために、トラックボールの向きは45度回転させています。
![画像25](https://assets.st-note.com/production/uploads/images/58538976/picture_pc_37600509ea9eaa80280003cba64df7da.jpg?width=1200)
ソースはこの辺に置いてあります。適当にいじっていくかもしれないです。(雑コードですいません・・)
https://github.com/yfuku/qmk_firmware/blob/yfuku/keyboards/claw44/keymaps/trackball/keymap.c
まとめ
ある程度使える状態になった感があるので記事にしてみました。
センサー部分についてはもっと使いやすいものがあるかもしれないので改善の余地ありだと思っています。
何か良さそうなのをご存知でしたら教えてください!!
(手ごろに手に入るフォトリフレクターを試してみたけど、思ったより検出距離が短く断念した)
自作キーボードのオンラインショップをやっています
よかったら覗いてみてください!
この記事が気に入ったらサポートをしてみませんか?