クリエイターの教科書

ChatGPT, Stable Diffusion, Visual Studio, Excelなど教科書

Visual Studio Codespacesとは?使い方は?

Visual Studio Codespaces(旧ビジュアルスタジオオンライン)は、マイクロソフトのプログラム開発環境であるVisual Studio がオンラインで使えるようになるというものです。

これならブラウザでアクセスするだけでコード編集できますので、ずいぶん楽ちんになりそうです。

Visual Studio Codespacesとは?

マイクロソフトの統合プログラム開発環境がヴィジュアルスタジオです。無料利用も可能で、以下より入手できます。  

 

 

非常に高機能な反面、インストールが手間だったり、頻繁な更新のアップデートも面倒です。

 

そんなビジュアルスタジオがオンラインで使えるようになったのが「Visual Studio Codespaces(Visual Studio Online)」です。これならインストールやメンテンテの手間も大幅に軽減できるかもしれません。

 

ただし実際使ってみると、ビジュアルスタジオのIDEのオンライン版というよりは「Visual Source Code」のオンライン版といった感じでしょうか。 

「Visual Source Code」については以下参照ください。 

 

 

(更新 2020/9/5)

どうやらVisual Studio Codespacesは廃止となり、以下サイトへリダイレクトされるようです。

Codespaces · GitHub

 

 

Visual Studio Codespacesの使い方

サインイン

現在以下よりパブリックプレビューへアクセスできます。

https://visualstudio.microsoft.com/ja/services/visual-studio-online/

f:id:apicode:20191105225001p:plain

 

で、移動後、こちらからサインインします。

f:id:apicode:20191105225034p:plain

 

セットアップ

最初にプランやサーバを選びます。

サブスクリプションは従量課金かPay-as-you-go(利用分?)とがあります。

サーバはアジアならSoutheast Asiaがあります。

 

とりあえず「Pay-as-you-go」「Southeast Asia」で作成してみます。

 

次に名前を付けます。

f:id:apicode:20191105225656p:plain

 

詳細はまだよくわからないので、これでCreate(作成)です。

 

プログラミング

作成した環境のメニューから「Open in VS Code」を実行します。

f:id:apicode:20191105225748p:plain

 

Connectを選ぶとこちらの画面となります。

f:id:apicode:20191105225942p:plain

 

「New File」を選ぶと、新規ファイルが作成され、このようなコード入力画面となります。

Visual Studioというよりは「Visual Source Code」がオンラインになったという感じです。

f:id:apicode:20191105230016p:plain

 

エクステンションの追加

エクステンションからC#を選んでインストールを実行します。

f:id:apicode:20191105230346p:plain

 

するとリロードしろ、と出てくるのでブラウザからリロードします。

f:id:apicode:20191105230348p:plain

 

実行

デバッグから再生ボタンを押すと実行しそうですが...

f:id:apicode:20191105230650p:plain

 

ここで今とん挫中です。

このブログは、ネットや書籍上の情報、個人の体験や感想を中心にまとめたものです。 正確性を期していはいますが、間違い・誤訳等あるかもしれません。 当サイトの情報によって生じたいかなる損失について一切の責任を負わないものとします. あらかじめご了承ください。

プライバシーポリシー |〇利用規約 |〇問い合わせ