GitHub オンラインエディタ

起動方法は非常に簡単で、GitHubのリポジトリページでドット(.) を入力するだけで起動します。

初回起動は10秒程時間がかかりましたが、２回目以降はコードを編集できるようになるまで数秒間しかかかりません。

エディター起動後は基本的にVS Codeと同様の利用方法ができます。

しかし残念ながらこれはあくまでもエディターであるため、コードの実行を行うことは出来ません。

仮想マシンでコード実行できる Codespaces

また同日、GitHubはオンライン開発環境であるCodeSpacesを企業向けにリリースしました。

GitHub’s Engineering Team has moved to Codespaces | The GitHub Blog

Over the past months, we’ve left our macOS model behind and moved to Codespaces for the majority of GitHub.com development.

The GitHub BlogCory Wilkerson

これは先程のエディターとは異なり、仮想マシンを利用することが出来る有料サービスです。

マシンは2コア/4GBメモリが１時間あたり18セント(20円)から利用することが可能です。

また最大で32コア/64GBメモリ構成も利用することもできるため、ほとんどのプロジェクトに対応することができます。

またblog記事の中で GitHub自身もこの codespacesを利用して開発を行われていると記載されています。

ん？どこかで見たような・・

実はかなり前からVS Code表示にしてくれるサービスがありました。

GitHub - conwnet/github1s: One second to read GitHub code with VS Code.

One second to read GitHub code with VS Code. Contribute to conwnet/github1s development by creating an account on GitHub.

GitHubconwnet

まとめ

エディターとしてマークダウン編集できたりと便利ですね〜

他には用途に特化したStackBlitzのようなブラウザ側メインの開発環境もあります。

オンライン開発環境とWebAssembly

オンライン開発環境を提供しているStackBlitzをひとつの例として利用が増えているWebAssemblyが使われている場面を紹介します。

もりしーのblogKota Morishita