zaki work log

作業ログやら生活ログやらなんやら

Codespaces on Azureを使える状態にしてみた (ハンズオン準備)

webブラウザ上で動作する開発環境を用意してみたという話。

www.publickey1.jp


online.visualstudio.com

上記サイトにアクセス、「Sign in」押下。
アクセス権の許可の画面が表示されるので「はい」で進める。

f:id:zaki-hmkc:20200602204432p:plain

Codespacesの作成画面になるので「Create Codespace」押下。

f:id:zaki-hmkc:20200602204533p:plain

料金プランの選択が表示されるが持っているサブスクリプションを選ぶしか無さげなのでデフォルトで「Create」押下。

f:id:zaki-hmkc:20200602205106p:plain

Codespacesの設定(ワークスペース的なものの設定かな)

f:id:zaki-hmkc:20200602205614p:plain

今回参加するハンズオンの内容で設定。
「Create」するとVS Codeの画面に遷移する。

f:id:zaki-hmkc:20200602205825p:plain

ちなみに、Azureポータルの「すべてのリソース」で、インスタンスを確認できる。

f:id:zaki-hmkc:20200602210158p:plain

しばらく待てばVS Codeの画面になる。

f:id:zaki-hmkc:20200602210717p:plain

終了する場合は、画面下部の「Codespaces」をクリック

f:id:zaki-hmkc:20200602210821p:plain

メニューから「Codespaces: Disconnect」を選択

f:id:zaki-hmkc:20200602210908p:plain

すると、一覧に戻る。
カード上の一覧の、右下のメニューから「Connect」で再度ブラウザアクセス、「Delete」で削除もできる。

f:id:zaki-hmkc:20200602212840p:plain


ということで、明日のこちらの準備でした。

vscode.connpass.com

一応「Suspend」しておこう。


ブラウザで動く開発環境としては、Eclipse Cheとか、CodeReady Workspaceとかあります。
Cheは以前お試ししたな、そういや。