121
96

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

エンジニアになって僕はマウスを捨てた

Last updated at Posted at 2020-07-05

何の記事??

毎日必ず使うツールのショートカットとその設定をまとめたもの。
とりあえず vimiumだけでも入れてください。

扱うツール

  • chrome
  • VScode
  • Notion
  • Slack

chrome

vimium

コードを書いている途中でググるためにキーボードから手を離したらエンジニア人生が終わると思ってる。
まだ入れてない人がいたらすぐに入れるべき。今すぐ。
dを押しながらこの記事を読んでください。
リンク先でインストールを押すだけ。今すぐやってくれ。

たくさんのコマンドがあるが、よく使うものを整理しておく。毎日50回ずつくらい使ってる

操作 キー
上にスクロール k
下にスクロール j
戻る h
進む l
ページの一番上までスクロール gg
ページの一番下までスクロール G (shift + g)
リンクの検索、クリック i
新規タブでリンクを開く I (shift + i)
URLのコピー yy
新規タブを開く t
左のタブへ移動 H (shift + h)
右のタブへ移動 L (shift + l)
タブを閉じる x
閉じたタブを復元する X (shift + x)

少し説明

一度に全部は使いこなせないのでよく使うものにコメントをつけておく。

  • j,k

    • これが最初に感動する。これらのおかげで、もうマウスに手を伸ばしたり、トラックパッドで指を上下に単振動させなくて良い。
    • 押し続ければページが存在する限り永遠にスクロールすることができる。(実際は後述のd,uを使う)
  • yy

    • こいつも素晴らしい。cmd+l, cmd+c? 4つ分もキー押してる場合じゃない。右の人差し指をちょっと伸ばして2回押せ。見た目は変わらずともコピーできてる。
  • d,u

    • j,kに慣れて『動きがおせー』と感じ出したら次のステップだ。djの、ukの加速版だ。これが一番使う。死ぬほど使う。
  • H,L

    • 『ググりすぎてタブが大量だ。』そんなことが毎日起こるのは僕だけですか?
    • タブの移動もキーで行う。
    • 左の小指と併用してshiftを押しながらh,lを押すだけだ。
  • i

    • これは最高。クリックするのに、まだマウスを使ってるの?
    • iを押すとリンクの候補にアルファベットを添えて表示してくれるので、クリックしたいアルファベットのキーを押せば、リンク先に飛べる
    • スクロールとこれのためだけに今すぐvimiumを入れて欲しい。

使ってる感じ!

i.gif

別ウィンドウの行き来はできないの?

僕は毎日使ってる。マルチディスプレイにしてそれぞれの画面にchromeを出していると切り替えたいけど、cmd + tabはアプリのみでウィンドウまでは切り替えができない。。。。。

vimiumでは(おそらく)できない。 Macの設定でできる。
左上のりんごマーク → システム環境設定キーボードショートカットキーボード → 『次のウィンドウを操作対象にする』にチェック
これで完了。チェックを入れていれば、option + tabでウィンドウの切り替えをできる。

VScode

これもvim関係のプラグインを入れる。
vimは最高だ。(VScodeの前はMacVimを使ってた。使いこなせてはいない)
プラグインのところに『vim』って打って一番上の人気のあるやつ入れれば良さそう。
キーの整理をする
vimには3つのモードがある。

  • 『Normal』入力できない。カーソルを移動させたり、コピーするためのモード
  • 『Insert』入力するためのモード
  • 『Visual』使いこなせてないモード

escapeを押して、入力モードをキャンセル(Normalモードに)してから各コマンドを押そう

操作 キー
一行コピー yy
一行切り取り dd
コピーや切り取りしたものを一行下に貼り付け p
行末へ移動 A (shift + a)
行頭へ移動 I ( shift + i )
一行下へ移動して入力モードへ o
一行上へ移動して入力モードへ O (shift + o)
一行上へ移動 k
一行下へ移動 j
左へ移動 h
右へ移動 l
一番上へ gg
一番下へ G (shift + g)

少し解説

個人的によく使うキーはo,O,A,Iだ。
使いすぎて、使わないときの普通がわからないけど是非gifで見て感じて欲しい

o,Oの使用例

普通の場合は、カーソルを行末に持っていくのかな?
o.gif

A,Iの使用例

普通の場合は、ボタンを連打してカーソルを行頭や行末に持っていくのかな?
a.gif

編集は便利だけどサイドバーとかターミナルとかはカーソルでしょ??

キーボードから手を離したら死ぬと思って毎日業務に励んでるので、回避してる

下4つはプラグインをいれてなくても、自分で設定することができる。
詳しくは僕が参考にして、感動したこちらの記事をご覧になってください。

操作 キー
サイドバーの開閉 cmd + b
画面の分割 cmd + @
エディタ → サイドバー ctl(control) + h
サイドバー → エディタ ctl + l
エディタ → ターミナル ctl + j
ターミナル → エディタ ctl + k
特にエディタとターミナルの切り替えは多様してる。
エディタとサイドバーの切り替えはコミットメッセージからエディタへの戻り方がわからず、あまり使えてない。
ご存知の方、ご教授ください。

Notion

今の会社に入社してから存在を知ったnotion。文章をまとめるのに便利なので、個人用のアカウントで、自分の学習した内容を整理したり、業務中、議事録を使うのに使っている。
アプリとchrome用があるが、個人的に上記のvimiumを使えるのでchromeで使ってる。

操作 キー
見出し1 cmd + option + 1
見出し2 cmd + option + 2
見出し3 cmd + option + 3
チェックリスト cmd + option + 4
番号なしリスト cmd + option + 5
番号ありリスト cmd + option + 6
コード貼り付け cmd + option + 8
ページの貼り付け cmd + option + 9

これを知るまでは

  • その行を(死にそうな顔をしながら)カーソルで選択して
  • 右クリック
  • オプションの選択

ってやってたけど
これを知ってからはるんるん気分で毎日を過ごせてる。
ちなみに行の選択cmd + aでできる。
もう一度cmd + aページ内全選択

選択した状態でcmd + kでリンクも貼れる。

Slack

多分、エンジニアのほとんどが使っているであろうツール。
それでも最後に持ってきたのは僕がショートカットを使いこなせていないから。
ググってみてもなかなか見つけきらない。
そもそも個人でカスタマイズがまだできないらしいので今後のアップデートに期待。

一応あるのはある。

操作 キー
ワークスペースの選択 cmd + 表示される番号
検索する cmd + k
チャンネルのスクロール(上) fn + ↑
チャンネルのスクロール(下) fn + ↓

vimiumを使ってる僕らなら『kで上にスクロールできてくれー』って気持ちが強いんだけどそれはできない。
代わりにfn + ↑があるけど、僕、HHKBのUS配列を使ってるんです。(転職決まってからイキって買った最高!!もはや安い!)
使ってる方はわかると思いますが↑を表現するのにfnを使ってるんです。つまり同時押しが無理。あああああ............

そんな感じでslackは使いこなせてない。

まとめ

毎日使ってるショートカットたちを整理しました。
みんなvimiumは入れような!

他にもたくさんのショートカットが存在するので、少しずつ加筆・修正していきたいです。
便利なショートカットをご存知の方はご教授いただけますと幸いです。

ショートカットだけでなく、言語も使いこなせるように毎日プログラミングするぞ!!!!
次は言語に対する記事も書きたいな

参考記事

キーボードから手を離さずにVS Codeで開発したいという気持ちを大切にしています
【VSCode】エディタ、サイドバー、ターミナル間のフォーカスのショートカットを設定する
Markdown記法 チートシート

121
96
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
121
96

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?