Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
右手が腱鞘炎になったエンジニアを支える技術
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Yohei Iino
February 19, 2023
Programming
400
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
右手が腱鞘炎になったエンジニアを支える技術
右手が腱鞘炎になったエンジニアを支える技術
Yohei Iino
February 19, 2023
More Decks by Yohei Iino
See All by Yohei Iino
1年半放置したExpo製アプリを最新化してみた
wheatandcat
0
110
作成中のFlutterアプリの中間発表
wheatandcat
0
93
最近読んだ技術書を簡単紹介
wheatandcat
0
120
ユニバーサルリンク/アプリリンクを使ってQRコードでゲストログインできるようにする
wheatandcat
0
390
Firebase App Checkを実装したので紹介
wheatandcat
0
330
PlanetScaleの無料プランがなくなるので、NeonとTiDBを試してみた
wheatandcat
0
430
Flutter HooksとRiverpodの解説
wheatandcat
0
590
T3 Stack(応用編: Next Auth & SSRの実装紹介)
wheatandcat
1
410
App Routerの紹介
wheatandcat
0
160
Other Decks in Programming
See All in Programming
Oxlintはいいぞ(続)
yug1224
1
240
Built Our Own Background Agent at LayerX
layerx
PRO
10
5.8k
SlackアプリとLambdaの 連携を構築した話
pawn_4_s
1
130
Detecting Compromised CI with eBPF and Cilium Tetragon
lizrice
0
220
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
freee
PRO
0
440
AIと壁打ちしながら進めるコスト管理
fufuhu
0
1.1k
komatsuna「分散システムにおけるバグ分析手法」
komatsunaqa
0
270
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
dachi023
0
6.5k
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
har1101
2
340
書籍「プロフェッショナルAI駆動開発」紹介スライド
juntaromatsumoto
0
210
AI Readyの正体はデータマネジメントだ メダリオン2.0の最前線
freee
PRO
0
330
in-process GraphQL のすすめ #ginzajs
izumin5210
4
1.4k
Featured
See All Featured
Test your architecture with Archunit
thirion
2
2.3k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
270
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
900
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
66
57k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.8k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
280
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
430
Automating Front-end Workflow
addyosmani
1369
210k
Agile that works and the tools we love
rasmusluckow
331
22k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
57k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
480
Transcript
右手が腱鞘炎になったエンジニアを支える技術 Press Space for next page
自己紹介 📝 飯野陽平(wheatandcat ) 🏢 フリーランスエンジニア(シェアフル株式会社CTO ) 💻 Blog: https://www.wheatandcat.me/
🛠 今までに作ったもの memoir ペペロミア Atomic Design Check List
腱鞘炎とは 筋肉と骨を結びつけているものが腱 腱鞘は腱が骨から離れないように押さえつける組織 指を動かすことで、腱と腱鞘が擦れて炎症が起きてしま うのが腱鞘炎 なので、指を曲げたり、手首を動かしたりすると激痛が 走る
腱鞘炎になると、どうなるのか? キーボードを打鍵すると激痛 マウスを動かすと激痛 炎症なので、動かすほど酷くなるので腕を使わないこと が一番の回復方法 でも、右手を使わずに作業するのは難しい
どうすれば、腱鞘炎の負荷を下げて 作業ができるか研究してみた
Before セットアップ
Before セットアップ キーボード Magic Keyboard マウス MXV1s MX Vertical (
ロジクール) パームレスト有り
Before セットアップ キーボード Magic Keyboard マウス MXV1s MX Vertical (
ロジクール) パームレスト有り → 腱鞘炎になって分かったこと。 Magic Keyboard はストロークが浅いので腱鞘炎だと めっちゃ痛い エレゴノミクス系のマウスは親指の腱鞘炎だと痛い マウス自体も重めなので手首に負担がかかる ダブルクリックが辛い 左手で使用できない
Version 1 右腕が、ほぼ使えない時
Version 1
Version 1 M2 MacBook Air 腱鞘炎になるとカーソル移動が大きくなれば、なるほ どキツくなる 小さい画面で作業できるAir が作業しやすかった 2
画面欲しい場合はユニバーサルコントロールを使用 してiMac に接続してSlack のみ表示で対応 トラックパッドは左手で操作 基本左手で操作 ただドラックや範囲指定は両手が必要なので注意 日本語は基本音声入力で対応 精度が高いので、現状もslack の返信等で使用している ただ、英語と日本語が交じると意味不明な文章になる ので使用する単語に注意が必要
Version 1 Stream Deck Pedal フットペダルデバイス 専用アプリで3 ボタンのアクションを設定できる かなり汎用的に設定が可能 詳しくは以下を参照
https://www.elgato.com/ja/stream-deck-pedal 基本1 画面なのでMission Control をペダルに設定して操作 腱鞘炎だと右手が使えないのでショートカットが押せ ないのと、3 本指スワイプは手首の負担がでかいの で、かなり助かった 👌 現在も普通に使用しているくらい気に入っている
Version 2 (現状) 右腕に負荷を軽減して作業
Version 2
Version 2 REALFORCE for Mac キーストロークが深く、打鍵が軽いので腱鞘炎でも痛 くない 👍 Magic Trackpad
iMac でも左手で操作できるように使用 ただドラックや範囲指定は両手必要なので注意 使用感は正直Mac Air の方が良い気がする 以下のソフトを使ってカスタマイズして操作を軽減 カーソルセンス できるだけ最小限の動作でカーソルを動かした いので移動のスピードをカスタマイズ BetterTouchTool Trackpad の四隅のクリックにアクションを設定 したり、4 本指スワイプにアクションを設定でき る
Version 2 Stream Deck MK.2 さまざまなアクションを設定できる左手デバイス 物理ボタンの背景がディスプレイになっていて自由に カスタマイズができる これを使うことでデュアルデスプレイの右側はカーソ ルを移動させずに操作ができる
Slack 、Todo などのアプリを表示 組み合わせでChrome のタブ移動もできる Alfred やRaycast と組み合わせれば基本どんな操作でも 可能 詳しくは、こちらを参照 https://www.elgato.com/ja/stream-deck-mk2
Version Future (未来) 今後のための実験的な試み
Version Future
Version Future ErgoDox EZ セパレート式メカニカルキーボード 両腕のホームポジションが固定されないので胸を張っ た状態で打鍵できるので肩が凝りづらい ストロークも深く、打鍵も軽い キーボードの配置は自由にカスタマイズ可能 購入時にいろいろ好みにカスタマイズが可能
ただ普通のキーボードとは大分打ち方がかわるので練 習が必要 現在は仕事以外で使用して練習中 🏃 詳しくは、こちらを参照 https://ergodox-ez.com/
Version Future Kensington ExpertMouse トラックボールマウス トラックボールをコロコロしてカーソル移動 腕への負担が、ほぼ掛からない ソフト側で⌘を押しながら移動時でカーソルの移動速 度を変えられるので、一気に移動したい場合と細かく 動かしたい場合の両方の動作に対応できる
ボタンが4 つあるので、ダブルクリックなども割り当 てられる スクロールはトラックボールの周りのダイヤルをひね ると移動 腱鞘炎対策のマウスでは一番オススメ 詳しくは、こちらを参照 https://ergodox-ez.com/
Version Future Tobii Eye Tracker 5 今回紹介するガジェットで一番未来 視線トラッカーデバイス 基本的にはゲーム用途のデバイスだが、Talon という
プロジェクトと組み合わせることでフリーハンドでPC が操作可能になる 仕事で使用するのは流石に無理そうだけど、Talon の Speech API も使いこなせれば、完全フリーハンドでネ ットサーフィンくらいはできるようになりそう ただ、Speech API は発音が厳しいのでネイティブじゅ ないと辛そう 😓 一応デモをやってみる 詳しくは、こちらを参照 https://gaming.tobii.com/product/eye-tracker-5/ https://www.joshwcomeau.com/blog/hands-free- coding/
まとめ
まとめ 腱鞘炎になると仕事ができないので気をつける マウスやキーボード、その他のガジェットで対策はできる カーソル移動のデバイスは個人的には以下の評価 ▪ 精密な動作 Trackpad < トラックボール <
マウス ▪ ドラック & 範囲指定のしやすさ Trackpad < トラックボール < マウス ▪ カスタマイズ性 マウス < トラックボール < Trackpad ▪ 腕の負担の低さ マウス < Trackpad < トラックボール
ご清聴ありがとうございました