HTML・CSS・JSをWeb上で公開できるサービスはCODEPENが有名ですが、今回はRunstantというWebサービスを紹介したいと思います。Runstantは日本の方が作られたWebサービスです。
管理画面はこんな感じです。新規でプロジェクトを作成する場合は電球マークをクリックします。
プロジェクトが作成されました。
HTML・CSS・JSをそれぞれタブで記述します。今回はLeafletのサンプルを記述してみます。
コードの記述が終わったら、実行ボタンをクリックします。地図もきちんと描画されています。また、コンソールでの確認もすることも可能です。
そのまま管理画面に戻ると登録されたプロジェクトを確認することができます。サンプルも登録されているのを確認できました。
シェアボタンを押すと、URLや埋め込みやSNSでのシェアをすることも手軽にできます。
blogの埋め込みもこんな感じで簡単にできます。
RunstantなどのWebサービスを利用することにより、手軽にコードや実行結果をWeb上で公開することができます。
