1. Home
  2. Webデザイン
  3. php/python
  4. 無料で使える軽量なコードエディタの「Visual Studio Code(VS Code)」を使ってみよう!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
無料で使えるVRoid Studioでオリジナル3Dキャラクターを作ろう!

無料で使えるVRoid Studioでオリジナル3Dキャラクターを作ろう!

今回はWindows・Macどちらでも使える無料で使える3DキャラメイカーのVRoid Studioを紹介したいと思います。3D制作の知識がなくても誰でも簡単に自分だけのオリジナル3Dのキ...

360度角度調整可能なKeynice USB扇風機クリップ型を買ってみた!

360度角度調整可能なKeynice USB扇風機クリップ型を買ってみた!

今回紹介するのは縦横360°回転&細かな角度調節が可能なKeynice クリップ型USB扇風機です。USB電源で動作する小型な扇風機で、クリップを使うことでどこでも挟んで使えるほ...

WindowsにKerasとTensorFlow(GPU)をインストールして機械学習の環境を作ろう!

WindowsにKerasとTensorFlow(GPU)をインストールして機械学習の環境を作ろう!

ここ最近は機械学習にはまっていて、前々から気になっていたTensorFlowを試してみたいと思い、実際にWindowsにインストールしてみたので、その導入手順を紹介したいと思い...

スマホ用のBluetoothカメラリモコンが送料込み67円だったので買ってみた!

スマホ用のBluetoothカメラリモコンが送料込み67円だったので買ってみた!

今回紹介するのはスマートフォン用のBluetoothワイヤレスカメラリモコンです。Amazonで衝撃的な安さで販売されていたので試しに購入してみました。このBluetoothリモコンを...

Amazonのお急ぎ便で配送予定日に届かずカスタマーサービスに伝えたらクーポンがもらえた話!

Amazonのお急ぎ便で配送予定日に届かずカスタマーサービスに伝えたらクーポンがもらえた話!

先日アマゾンプライムデーセールが行われていた影響か、アマゾンでの荷物の出荷数が通常よりもかなり増えてクロネコヤマトの配送に遅延が発生しているようです。そんなわけ...

無料で使える軽量なコードエディタの「Visual Studio Code(VS Code)」を使ってみよう!

無料で使える軽量なコードエディタの「Visual Studio Code(VS Code)」を使ってみよう!

今回紹介するのはMicrosoftが無償で提供しているソースコードエディタであるVisual Studio Code(VS Code)です。VS CodeはWindows/Mac/Linuxの全てで動作します。私は個人的...

マイクロナノバブルシャワーヘッド「Bollina Ninfa」を買ったみた!

マイクロナノバブルシャワーヘッド「Bollina Ninfa」を買ったみた!

今回紹介するのは株式会社TKS 田中金属製作所が制作したマイクロナノバブルシャワーヘッド「Bollina Ninfa(ボリーナ ニンファ)」TK-7100-SLです。マイクロナノバブルと...

NetaGearで無限スクロール対応とカテゴリー追加などのアップデートを行いました!

NetaGearで無限スクロール対応とカテゴリー追加などのアップデートを行いました!

今年の2月にデザインや機能において大幅なアップデートを行ってから順調に利用者が増えているNetaGearですが、今回無限スクロールに対応して今までよりも見やすくなりまし...

adbコマンドを使ってPCからAndroidのスクリーンショットを取る方法!

adbコマンドを使ってPCからAndroidのスクリーンショットを取る方法!

今回はAndroidでadb接続からスクリーンショットを取る方法を紹介したいと思います。通常のAndroidのスマホやタブレットでは電源ボタンと音量ボタンの長押しで簡単にスクリ...

タブレットやスマホを自由に配置できるタブレットアームを買ってみた!

タブレットやスマホを自由に配置できるタブレットアームを買ってみた!

今回はタブレットをいろいろな場所に自由に配置することができるタブレットアームを購入したので紹介したいと思います。先日の記事のタブレットをPCのサブディスプレイ化で...

NetaGear RSS News

Now Loading

Article

無料で使える軽量なコードエディタの「Visual Studio Code(VS Code)」を使ってみよう!

Visual_Studio_Code_000.png

今回紹介するのはMicrosoftが無償で提供しているソースコードエディタであるVisual Studio Code(VS Code)です。VS CodeはWindows/Mac/Linuxの全てで動作します。私は個人的にプログラムを書く際には、エディタのこだわりは特になかったのですが、ちょっとVS Codeを使ってみたらかなり良かったのでおすすめのエディタとして紹介したいと思います。

エディタといえば昔からVimとEmacsがエンジニア間でエディタ戦争を繰り広げているのは有名な話ですが、近年では開発はIDEの利用が多い印象です。こういうのはその用途で最適なものを使い分けるのが良いと思いますし、その選択肢の一つとして今回紹介するVS Codeも入れていただければと思います。

Visual StudioとVS Codeの違い


Visual Studio


MicrosoftにはすでにVisual StudioというIDEがあります。できることの多さや性能だけを見ればVisual Studioの方がVS Codeよりも優秀ではありますが、その代りに起動速度やソフトの重さなどのデメリットも存在します。逆にVS CodeはIDEではなくエディタであり、ちょっとしたコードを書く際には、すぐさま起動してサッと実行できる手軽さが売りとなります。

手軽さだけなら他のテキストエディタでも同じですが、VSCodeはただのテキストエディタとは異なり、ファイルツリー、デバッガとの連携、コマンドラインとの連携、Gitとの連携などの機能を有しているほか、拡張機能により様々な機能を追加することが可能になっています。また途中で作業を中断しても作業途中から復元も可能です。

手軽に使いたいときにはVS Codeは起動速度が早くおすすめのエディタとなります。

VS Codeのインストール方法!


Visual_Studio_Code_001.png
1 Visual Studio Codeをダウンロードしてきます。

Visual Studio Code - Code Editing
https://code.visualstudio.com/

Visual_Studio_Code_002.png
2 setup.exeを起動して「次へ」を押します。

Visual_Studio_Code_003.png
3 「同意する」にチェックを入れて「次へ」を押します。

Visual_Studio_Code_004.png
4 インストール先を指定して「次へ」を押します。

Visual_Studio_Code_005.png
5 「次へ」を押します。

Visual_Studio_Code_006.png
6 「次へ」を押します。

Visual_Studio_Code_007.png
7 「インストール」を押します。

Visual_Studio_Code_008.png
8 インストールが終わるまでしばらく待ちます。

Visual_Studio_Code_009.png
9 「完了」を押して、インストール終了です。

VS Codeの簡単な使い方!


Visual_Studio_Code_011.png
1 VS Codeを起動すると右下にいろいろと表示されます。Gitとの連携も可能となっています。

Visual_Studio_Code_013.png
2 これが開始画面です。開始から新規ファイルの作成などが行なえます。ドラッグ&ドロップでもファイルを開くことが出来ます。

Visual_Studio_Code_019.png
3 ソースを開くとこんな感じです。pythonの場合はターミナルとの連携も可能でその場で実行して確認できます。

Visual_Studio_Code_014.png
4 ウィンドウを分割して表示することも出来ます。

Visual_Studio_Code_020.png
5 最大3画面分割が可能です。

Visual_Studio_Code_021.png
6 縦分割以外にも横分割もできます。

Visual_Studio_Code_015.png
7 コード補完もしてくれます。

Visual_Studio_Code_016.png
8 エクスプローラーの表示もあります。

Visual_Studio_Code_018.png
9 拡張機能も追加できます。試しにphpと検索してみましたがたくさんでてきました。

今回の個人的感想




今回はコードエディタであるVS Codeの紹介でした。私自身はエディタはコードに色がついていれば最低限OKというレベルでそれ以外はそれほどこだわりはなかったのですが、VS Codeは起動も早くかなり使いやすかったので、今後もVS Codeを積極的に活用していこうと思います。私自身もPHPやpythonやjavascriptなどを書く際には、このVS Codeを使って書いています。コードの補完もありますし、コードナビゲーションもあるので、初心者の人でもほとんど困ることはないと思いますし、そういう意味でもおすすめですね。

それ以外にもエディタの分割で3分割でコードを書いたり、拡張機能で追加機能をインストールしたりすることが可能なので、エディタを徐々に拡張していくこともできます。なにげに便利だなと思ったのが右側に表示されるビジュアル的に表示されるスクロールです。コードの大まかな位置を視覚的に表示してくれるので、スクロールするのがかなり分かりやすくて個人的には気に入っています。

この他にもターミナルとの連携もありpythonなどの言語の開発も行いやすいです。このようにエディタとしてはかなり多機能であり、起動速度も早いので、手軽に使うエディタとしてはかなり優秀だと思います。

ぜひ興味のある人はVS Codeをインストールしてみてはいかがでしょうか?

Related article

COMMENT TO THIS ENTRY

Bracketsもいいよね

10804

Most Popular

Now loading...

Social Links

Sponsored Link

MENU

NetaGear

Pure Css Design

Access Ranking

Now Loading...

当ブログにリンクしていているサイトの中でアクセス数の多いサイト上位50位が表示されます。今ならリンクするだけで簡単に上位に表示されます。

Amazon

Now Loading...