CodeSandboxで既存のGitHubリポジトリをブラウザ上で動かすまで
#CodeSandbox #GitHub #サービス
https://gyazo.com/872898ddea6c199a0cf9a2273307ef55
CodeSandboxについて
ブラウザ上で、開発できるCodeSandboxというサービスがある。
それで既存のGitHubリポジトリを動かしてみる方法。
すぐに試せて、ローカルが汚れず、ローカルで動かすとセキュリティ的に問題があるかもしれないものも手軽に試せる利点があると思う。
動かす手順
以下のCreate Sandboxを押す。画面によっては「＋」を押す。
https://gyazo.com/c5a8356487e98ea4591453fa5d350913
IMPORTタブに切り替えて、GitHubのURLを貼り付ける。
今回はPiping Serverを動かす
Piping ServerはNode.jsで動くWebサーバー
（Converted Sandbox URLは自動で入力される）
Open Sandboxボタンを押す。
https://gyazo.com/dc749ccf8f4c0eb85f35ad784f490631
npmのプロジェクトをロードしたので、そういう関係のインストールやビルドが自動で走った。
最終的に以下のようにPiping ServerのシンプルなWebのUIが見れる状態になった。
https://gyazo.com/1112683cfcd48ffaa697e1654c9901d0
エンドポイントも生成されていて、以下でPiping Serverにアクセスできる。
https://xpy4p6q32q.sse.codesandbox.io/
シェアもできる
https://codesandbox.io/embed/github/nwtgck/piping-server/tree/master/