Help us understand the problem. What is going on with this article?

Re:ゼロから始めるVisualStudio Code

More than 3 years have passed since last update.

イントロダクション

少し前にMicrosoftが、WindowsでもMacOSでもLinuxでも使えるVisualStudioファミリーの新製品「VisualStudio Code」をリリースしましたね。

リリース直後は情報を頻繁に追っていたのですが、このごろは全然使ってなくて、情報を追えていませんでした。

しかし、この頃ふとしたきっかけでVSCodeを起動してみたら、1年前とは見違えるほど高機能になっていて驚きました。

というわけで、今回はVSCode再入門、と言った趣旨の記事を書いていきたいと思います。

VSCodeで何ができるのか

さて、VisualStudioファミリーの一員であるVSCodeですが、一体どれほどのことができるのでしょうか

本家VisualStudioとVSCodeの決定的な違いは、VisualStudioがIDE(統合開発環境)であるのに対して、VSCodeは”エディタ"だという点です。

エディタだと何が嬉しいのかというと、IDEに比べて、「書く」ことに特化しているので、起動が速いことなどが大きな利点に当たります。

IDEだとどうしても起動に時間がかかってしまい、ぱっとひらめいたアイデアを書くのには向いていません。

RubyやJavascriptなどのスクリプト言語を書くのにも、IDEはあまり向いていないでしょう。

しかし、「書く」機能に特化したVSCodeは起動が速く、サクサクと書くことができます。

これらの特性から、エディタは、RubyやPerlやJSなどのスクリプト言語を書くのに適しているといえます。

実際VSCodeでは、そのようなスクリプト言語のための補助機能(自動補完――インテリセンスなど。)が搭載されています。

しかし、Microsoftの開発したこのVisualStudioCodeは、Microsoftならではの強みがあります。

それは、C#やC++などの言語に強いということです。

C#に焦点をあてて説明していきましょう。

VSCodeでは、VisualStudioがなくともC#を実行する環境が整えられています。

単に実行できるだけではなく、VS並のインテリセンスから、実行中のデバッグまで、MicrosoftがVSで培ったC#機能が、VSCodeのエディタとしての機能を落とさずに詰め込んであります。

この機能を使えば、WIndowsだけでなく、MacOSやLinuxでもC#のテストが容易になります。

なぜVisualStudioという高機能なIDEがありながら、Microsoftはエディタまで用意したのでしょう。

おそらく、最近は、様々なサービスを作るのにもWebサービスが主流になってきたからです。

VisualStudioは、手軽にPCソフト向けのGUIデザインができることが売りの一つです。

しかし、最近はスマートフォンの普及により、そもそもPCを使う人も減り、PCだろうがスマートフォンだろうがブラウザ上で様々なサービスを受けるのが主流になってきました。

よって、PCソフトを作る行為自体が、年々減少していっています。

webサービスの場合、インターフェイスはhtmlやcss等でデザインするので、エディタでかいてはブラウザで確認、というようになると思います。

そうなると、やはりVisualStudioのオーバースペックな機能は必要なくなってくるんですね。

Microsoftも、.NET Framework/Coreファミリーの一環で、ASP.NETというWebアプリケーションフレームワークを提供していて、エディタでのC#デバッグ機能等は、それを開発する人を狙ったものかもしれません。

また、VSCodeはプログラミング言語を書く以外にも、文章を書くエディタとしても有能です。

デフォルトでMarkdown用の機能等を多く備えており、このように、画面を分割してプレビューを見ながら書くことも可能です。

私もこの記事をVSCodeで書いております。

Adv_21-01.jpg

VSCodeの魅力的な機能たち

開発に集中できる――ZenMode

Adv_21-02.jpg

VSCodeには、余計なものを視界から排除し、徹底的に開発/執筆に集中できるモード、その名も「ZenMode」が備わっています。

おそらく、名前の由来は日本の「禅」からきたものでしょう。

このモードは、VSCodeを全画面表示にし、サイドバーやステータスバーなども非表示にし、視界に入るのはテキスト入力部分だけ、という風にしてしまうモードです。

自分自身を誘惑から断ち切り開発や執筆に集中したいときに便利なモードでしょう。

すべてをコマンドで動作させる――コマンドパレット

Adv_21-03.jpg

VSCodeにはコマンドパレットというものがあります。

Ctrl+Shift+Pで上から何かせり出てきます。

ここに様々なコマンドを打ち込むことによって対応した動作をすることができます。

キーボードショートカットの数には限りがありますが、この機能を使えばかなりの機能をキーボードから手を離さずに使うことができます。

エディタに端末を内包――統合ターミナル

Adv_21-04.jpg

VSCodeには統合ターミナルという機能が搭載されています。

これは、このようにエディタの下部に端末を表示させる事ができる機能です。

デフォルトでは、この端末はコマンドプロンプトですが、設定次第でPowerShellに変えたり、Windows10より搭載されたBash on Ubuntu on Windowsに変えたりすることができます。

タスクランナーなどの、端末を使うものを開発に使っている人にとってはとても便利な機能だと思います。

最後に

さて、いろいろと機能を紹介してきて、若干MSの回し者みたいな状態になってきましたが、改めて客観的に見てみても、VSCode、いいエディタだと思います。

全然使ってなかったのですが、自分の開発でもがしがし使っていきたいと思います。

さて、明日は @C6H2Cl2 さんの「結月ゆかり誕生祭」です。
Happy birthday!
といいながら結月ゆかりというのを、僕は「実況プレイでよく見る」程度の知識しか持ち合わせておりません…
しかし、知っているにしても知らないにしても誕生日は神聖なものです。

盛大に祝いましょう!

Happy birthday!!

では明日もお楽しみに。

あ、ちなみに私まだリゼロ見てません。

みなければ

Happa8
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした