はじめに
お疲れ様です。新卒の @kuuun です！
新卒って、メモを取る機会が多いですよね。
でも、後から見返すと文章の流れが分かりにくかったり、「これ何の話だっけ？」となったりしませんか？
そんなときは、Markdownを使って文章を構造的に書いてみましょう。
Markdownは人間だけでなくAIにも理解しやすい形式なので、あとでAIにメモを読み込ませて活用しやすい、というメリットもあります。
私もMarkdownの編集ソフトとしてVS Codeが良いと聞き、実際に使ってみたのですが、これが意外と難しい……！
そもそもVS Codeはコードエディタなので、プログラミング初学者には聞き慣れない用語や機能も多く、「これ何に使うの？」となりがちです。
また最近では、VS Codeの拡張機能を経由したセキュリティ事案も報告されています。
こうしたニュースを見ると、「この拡張機能、入れて大丈夫かな……」と不安になりますよね。入社したばかりの未経験エンジニアなら、なおさらだと思います。
そこで今回は、
- 拡張機能を使わない
- キーボードから極力手を離さずにメモを取れる
この2点を踏まえて、Markdown記法のメモ帳として最短でVS Codeを使いこなすための必要十分な知識をまとめました。
※ 本記事はWindows向けです。
※ Markdown記法そのものについては、本記事では詳しく扱いません。以下の記事を参照してください。
結論
- ターミナルでのファイル・フォルダ操作
- キーボードショートカット
- keybindings.jsonを使ったショートカットキー割り当て
これだけ使えるようになれば、すぐにVSCodeをメモ帳として使い始めることができます！
ターミナルとは？
ターミナルとは、コマンドと呼ばれる命令文を入力して、PCにさまざまな操作を実行させるための画面です。
WindowsではコマンドプロンプトやPowerShellが代表的で、VS Codeでは画面下部の「ターミナル」から利用できます。
メモやノートの量が増えてくると、フォルダを分けて階層的に管理したくなることがあります。
そんなときに便利なのが、ファイルやフォルダを操作するコマンドです。
ターミナルに、ファイル名やパスを含むコマンドを入力することで、指定した場所のファイルを開いたり、作成したりできます。
※ パス：ファイルが保存されている場所のこと
例：C:\Users\●●●\Desktop\●●●
詳しくは参考記事5を参照
新規ファイル作成
下記は、新規ファイル作成・編集画面を開くまでのフローです。
- ターミナルの開閉
- ［Ctrl］＋［@］
- カレントディレクトリの変更
- cd パス名
または
1つ上の親ディレクトリへ移動：
- cd ..
- カレントディレクトリ上でファイルを新規作成＋編集画面を開く
- code ファイル名.md
※新規のマークダウンファイルを作成する場合、新規ファイル名には末尾に拡張子である「.md」を追加してください
※存在しないファイル名を指定した場合は新しい編集タブが開き、保存時にファイルが作成されます
※codeコマンドが使えない場合は、VS CodeのPATH設定を確認してください
- code ファイル名.md
- ファイルを保存
- ［Ctrl］＋［S］
このコマンドプロンプトとショートカットキーを駆使することで、マウスを使わずにファイルの操作ができます！
また、保存したファイルは以下のショートカットキーですぐに検索することができます！
- ファイルの検索バーを表示
［Ctrl］＋［P］
マークダウンに関するショートカットキー
マークダウンで編集した文章は、以下のキーでプレビューを見ることができます
- プレビューのトグル
- ［Ctrl］＋［Shift］＋［V］
- プレビューをサイドタブで表示
- ［Ctrl］＋［K］＋［V］
keybindings.jsonを使ったショートカットキー割り当て
マークダウンのショートカットキーを作成してみましょう！
マークダウンの見出しの「##」や箇条書きの「- 」は普通に記入すると2文字入力する必要があります。
ショートカットキーを割り当ておくと、半角入力への切り替えもなく、スムーズにマークダウン記法を扱えます。
ショートカットキーの割り当ての操作手順は以下の通りです。
- Ctrl + Shift + Pでコマンドパレットを開く
- Preferences: Open Keyboard Shortcuts (JSON)を選択します。
- 以下のように keybindings.json に記入します。
※ 複数の設定を書く場合は、JSON配列として記述します
※ key には好きなキーを設定できますが、既存ショートカットキーとの競合には注意してください
[
{
"key": "ctrl+shift+b",
"command": "editor.action.insertSnippet",
"args": {
"snippet": "- $1"
},
"when": "editorTextFocus && editorLangId == 'markdown'"
},
{
"key": "ctrl+shift+2",
"command": "editor.action.insertSnippet",
"args": {
"snippet": "## $1"
},
"when": "editorTextFocus && editorLangId == 'markdown'"
}
]
おわりに
今回は、メモ帳としてVS Codeを使いこなすために最低限知っておきたい
- ターミナルでのファイル・フォルダ操作
- キーボードショートカット
-
keybindings.jsonを使ったショートカット割り当て
をまとめました。
拡張機能を使わなくても、ここまでできればMarkdownメモはかなり快適になります。
みなさんもぜひ、VS Codeで快適なMarkdownライフを始めてみてください！