今回はコーダーの私が選ぶエディターソフト「Visual Studio Code」のお気に入りショートカットキーを2つご紹介したいと思います！！

今回ご紹介する2つのショートカットキーは、

私がサイトを構築する際に、間違いなく毎回使っているもので、「このショートカットキー、本当に捗るわぁ～」と時々しみじみと感じさせられるようなものなんです。

そのくらい便利なショートカットキーですので、「はじめて知った！」という方は是非これを機会に使っていただけますと幸いです。

目次

1. Ctrl + K → Ctrl + Q　直近でコードを編集していた場所に戻る
2. Live Serverの起動

このコードは直近でコードを編集していた場所に戻ってくれるショートカットキーです。すっごい便利です！！前述しましたが、「便利だわぁ～」と未だに！しみじみ思ってしまうくらい便利です。

コードをエディターに上から下にどんどん書いていくものだと思いますが、時々、「あの時書いたコード群をここでも使うために前の方に戻りたい！」と思って戻ることが多々あります。多々どころか100%あります。

前のところに戻ってそのコード群をコピーした後にさっき編集していた場所にスクロールで戻るのって地味に手間です。

ですが、Ctrl + K → Ctrl + Qのショートカットキーを使うことによって一発で直近の編集場所に戻ることができるんですね。本当に便利だなと実感していただけると思います。何なら私今日も思いましたからね。

皆さんもCtrl + K → Ctrl + Qを使いこなして「便利だわぁ～」としみじみと思い続けてください。

※因みに使い方ですが、Ctrl + K → Ctrl + Qと書いてあるので、Ctrl + Kを押した後に、一旦Ctrlキーから手を放すのかと思えそうですがそうではなく、Ctrlをずっと押しながらK→Qの順で打つ感じです。

私も最初は間違えてしまいました。

お気を付けください。

2つ目はVisual Studio Codeのプラグインである「Live Server」を起動するためのショートカットキーです。

Live ServerはHTML,CSS,JavaScriptなどのファイルにコードを書くたびに変更をリアルタイムに反映させるためのツールです。

コードを書いて保存→ページを更新して編集した内容が反映されているか・どんな風に反映されているかの確認。の反復横跳びっぽい繰り返し作業がなくなるわけですね。このプラグインがそもそも便利すぎますよね。

あまりにも便利すぎるので多くのコーダーがこのプラグインを愛用しているかと思いますが、それではこのLive Serverを一瞬で起動させる方法はご存知でしょうか？（マウント）

案外皆さん知らずに過ごしてきたのではないでしょうか？

ショートカットキーを使わない場合、Visual Studio Codeの右下にある“Go Live”をクリックして起動させるものかと思います。

でもわざわざそんなことしなくてもAlt＋L→Alt＋Oを押せば一瞬で起動するわけなんですね。

いやそんなに手間変わらないじゃん！って思われたかもしれませんが、やっぱりこのちょっとの差が長い目で見たら大きな違いとなって現れるのだと思いますし、何しろ一瞬で起動してやった感があります。

同僚の方の前で何気なくこのショートカットキーを使って起動させたとき、「速っ！」って言ってもらえて「あぁぁ～～(^_^メ)」って感じで満たされました。ちょろいっすね。

因みにこのショートカットキーも1つ目のものと似た要領でAltを押しながら、L→Oの順で打ちます。

便利なのでガンガン使っていきましょう！！

いかがだったでしょうか？

この２つを知っているだけでも随分と効率が変わるような気がしています！

私も今後も慢心することなく少しずつ新しい知識を吸収していきたいと思います！

一緒に頑張りましょう！！

愛知県内から名古屋市を中心にホームページ制作を行っている会社
株式会社 WWG（ダブルダブルジー）
愛知県 名古屋市中村区名駅5-16-17　花車ビル南館5F

TEL： 052-890-7007
※ ホームページ制作や活用サポートのお問い合わせはコチラから

もぐら

コーダー

2022年入社。実務未経験ながらも一念発起してWeb業界に飛び込みました。日進月歩の変化の速い業界で日々の勉強が必要不可欠ですが、楽しみながら一人前になるべく頑張っています。