Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

VS CodeでF1〜12キーつかってますか? / Do you use the F1-12 ...

VS CodeでF1〜12キーつかってますか? / Do you use the F1-12 keys in VS Code?

74th(Atsushi Morimoto)

September 30, 2024
Tweet

More Decks by 74th(Atsushi Morimoto)

Other Decks in Technology

Transcript

  1. Atsushi Morimoto @74th • 本職 データエンジニア/ Webバックエンドのアーキテクト • 『改訂新版 Visual

    Studio Code実践ガイド』 (技術評論社) ◦ 改訂新版 2024年1月より発売中!! • M5Dialを使ったトラックパッド搭載 自作キーボードキット(販売中) ◦ 最近 HHKB Life の記事で紹介 『ぺかそ&びあっこが厳選! 2024年最新クセ強自作キーボード』 ◦ M5Stack Japan Creativity Contest 2024 商業アイディア賞受賞
  2. F1〜12キーとは • キーボードの上部に付いているキー • HHKBのような小さいキーボードでも、 F5=Fn+5 とかで入力できることが多い。 つまり、記号キー %=Shift+5 と大して認知負荷が変わらない(かも)。

    • アプリケーションごとに用途が違う ◦ IMEの入力後文字種変更 (F6:かな、F7:カナ、F8:全角英字、F9:半角英字) ◦ 名前変更 F2(Windows) ◦ 次を検索 F3(Word、Excel)
  3. VS Codeのデフォルトショートカットの場合 • F1: コマンドパレット • F2: リネーム • F3:

    ファイル内検索の次にジャンプ • F4: サイドバー検索の次にジャンプ • F5: デバッグ開始 ステップ実行の継続 • F6: サイドバー、パネル、エディタ などのフォーカスの移動 • F7: ◦ 差分表示での次の差分へジャンプ ◦ ハイライト表示(単語のカーソルと同 じ単語がハイライトされる)の 次へジャンプ • F8: 問題パネル(リンター結果)の 次のエラーへジャンプ • F9: ブレークポイントのトグル • F10:デバッグのステップオーバー • F11:デバッグのステップイン • F12:定義へジャンプ
  4. F1〜12の位置に欲しいか怪しく感じる • F1: コマンドパレット • F2: リネーム • F3: ファイル内検索の次にジャンプ

    • F4: サイドバー検索の次にジャンプ • F5: デバッグ開始 ステップ実行の継続 • F6: サイドバー、パネル、エディタ などのフォーカスの移動 • F7: ◦ 差分表示での次の差分へジャンプ ◦ ハイライト表示(単語のカーソルと同 じ単語がハイライトされる)の 次へジャンプ • F8: 問題パネル(リンター結果)の 次のエラーへジャンプ • F9: ブレークポイントのトグル • F10:デバッグのステップオーバー • F11:デバッグのステップイン • F12:定義へジャンプ 直接移動するショートカット使う 使用頻度がそこまで高くない Vimの機能に頼ってる そんなに頻繁にジャンプしない 大抵マウスを使ってる F3、F4と兼用で良い
  5. 実践中のコマンド • F1: (デフォルト) コマンドパレット • F2: ファイルへ飛ぶGo to File(Ctrl/Cmd+P)

    ◦ F1のコマンドパレットとキーが近くなり、認知負荷が下がる。 • F3:ファイル内検索、サイドバー=検索などの条件で、 その対象の次の検索結果へジャンプ ◦ いろんな次のジャンプをF3キーにwhen句で仕込む
  6. 実践中のコマンド • F4: ターミナルとエディタのトグル ◦ ターミナルをとても頻繁に使うので • F5: デバッグ設定を選択してデバッグ開始(Select and

    Start Debug) ◦ デバッグ実行中に追加でデバッグを開始することが多いため • F6: タスクを選択して実行 ◦ よく使うコマンドはタスクに仕込まれているため
  7. 実践中のコマンド • F10: 空き • F11: 空き • ※ デバッグのステップ実行中は以下として機能

    ◦ F9: Continuer、F10: StepIn、F11: StepOver • F12: (デフォルト)定義へジャンプ