「Web 版 VSCode」な StackBlitz が超優秀だった

StackBlitz という Web サービスを発見した。「Web ブラウザ上で動作する VSCode」といったところで、Angular や React などのプロジェクトを作成してその場で動作させられる Playground だ。

• The online code editor for web apps. Powered by Visual Studio Code. - StackBlitz

何が凄いかというと、

• ユーザ登録しなくても使える
  • GitHub 連携してのログインも可能
• VSCode の画面がほぼブラウザ上に再現されている
  • ファイルツリー、シンタックスハイライト、入力補完など
  • 参考 : StackBlitz — Online IDE for Angular & React powered by Visual Studio Code⚡
• Angular CLI のコマンドが使える
  • ng generate 相当の処理が右クリックからできたりする
• GitHub 上にある Angular リポジトリは、GitHub の URL を置換するとすぐさま StackBlitz プロジェクトとして読み込み動作してくれる
  • 参考 : StackBlitz その後 - Angula CLI リポジトリをダイレクトに実行 - Qiita
• npm パッケージのインストールもできる・しかも爆速
  • Angular プロジェクトに ngx-bootstrap を組み込んだデモ、とかもすぐ作れる
  • 参考 : StackBlitz で Angular のオンラインデモ環境を爆速で用意する - Qiita
  • 参考 : Introducing Turbo: 5x faster than Yarn & NPM, and runs natively in-browser 🔥
• プロジェクトごと Zip ファイルとしてエクスポートしたりできる

ってなところ。

プロジェクトはバンバン Fork できちゃうし、無料でユーザ登録すらしなくて使えちゃうし、容量とか大丈夫なんか？これ…。とか思っちゃう。ｗ

ちょっとしたデモを共有したい時に、相手の環境を選ばず共有できるのでオススメ。