LoginSignup
3
0

More than 3 years have passed since last update.

(No.9) おじさんが、LINE風アプリを開発する - VS Code(Visual Studio Code)をインストールする

Last updated at Posted at 2019-06-02

前回までのあらすじ

今回やること

  • 今後はDockerに限らず、テキストファイルの編集が必要になるみたい。
    → テキストファイルの編集を補助するアプリをインストールするよ。
  • 前回、Dockerを操作すると意気込んだけど、今回はVS Codeのインストールまで実施するよ。
  • Dockerは次回に試していくことにするよ!

VS Code(Visual Studio Code)

  • 今後はDockerに限らず、テキストファイルの編集が必要になるみたい。
  • テキストファイルを編集するアプリが必要。
    • macOSの場合はテキストエディットアプリがあるし、Windowsの場合はメモ帳(Notepad)があるけど・・・。
      • 開発環境(WindowsやmacOSなど)の差異をなるべく減らしたい。
        (おじさん以外の人も、Qiita上の記録を読むことで、おじさんの奮闘ぶりを追体験出来るようにしたい)
      • すんごい高速に動作する編集アプリ。
      • 多目的に使用することが出来る。
  • 無料らしいよ。
  • 開発元はMicrosoftらしいよ。初版リリース日は2015年4月らしいよ。
  • ここに、VS Codeのライセンス規約が書かれているよ。
  • 2019年6月時点でも更新頻度は高そうだよ。おじさん、小心者だから、セキュリティの問題であるとか、アプリ自体に欠陥があったらと考えると、なんだか怖いんだ。継続的に更新されているということは、それだけ手厚い対応が期待出来ることだって、おじさんは思うんだよ。
  • おじさんの場合はVS Codeを使用することにしたけど、その他のアプリでも良いと思うよ。
    • 例えば、Atomと呼ばれるアプリもあるよ。

VS Codeインストールする手順

  • 公式サイトからダウンロードする。
  • Windows、Linux、Mac(macOS)の3種類ある。 image.png
  • ダウンロードしたファイルは「VSCode-darwin-stable.zip」。(おじさんの開発環境はmacOSだからね)
  • ZIPファイルなので解凍が必要。ファイルをダブルクリックするなどして解凍する。
    image.png

  • 解凍すると、「Visual Studio Code.app」が手に入る。このファイルがVS Codeアプリそのものなので、アプリケーションフォルダに移動しておく。
    image.png
    ↓ドラッグ&ドロップするなどして、「Visual Studio Code.app」をアプリケーションフォルダに移動。
    image.png

  • Launchpadから、Visual Studio Code.appを起動する。
    image.png
    image.png

  • 警告が表示されるが、「開く」をクリックする。
    image.png

  • 次のイメージのように起動すればインストールは完了だよ。
    image.png

  • 起動したVS Codeの画面上に、ファイルを放り投げる(ドラッグ&ドロップ)などすれば、手軽に編集出来るようになるよ。(ファイルメニューから開くでも同様)

  • 試しにおじさんの日記ファイルをVS Code上にドラッグ&ドロップして開いてみるよ。
    image.png

  • お見事。開いたよ。これでテキストファイルをVS Code上で編集出来るようになったよ。
    image.png

  • ファイルメニューから、新規にファイルを作成したり、既存のファイルを開いたり、色々出来るみたいだよ。
    image.png

あとがき

  • 次回こそDockerを操作して、Webサーバとやらを動かしていくよ!!

参照・メモ

screenコマンドで、仮想マシンにアクセスするメモ

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0