codepan - オフラインでも動作するJSFiddle/CodePenクローン
JSFiddleやCodePenといったサービスはとても便利です。Web上の基本要素であるHTML/CSS/JavaScriptを書いて、その場ですぐに実行できます。そのまま残しておけるので、動くデモを人に見せるのが簡単です。 しかし問題はオンラインサービスゆえにインターネット接続が必要ということです。そこで使ってみたいのがcodepanです。
codepanの使い方
最初の表示です。HTML/JavaScriptを記述すると結果が表示されます。
npmライブラリを追加できます。
外部ライブラリを使う場合はインターネット接続が必要になってしまいます。
コンソールを表示させることもできます。独自の関数を定義しているので、codepan上に表示されます。
consoleでオブジェクトの構造も確認できます。
React/Angular/Vueのテンプレートを使うこともできます。
codepanはバックエンドを持たず、オフラインで動作するのがポイントです。保存したりはできませんが、HTML/CSS/JavaScriptを記述してさくっと動作確認するには十分なサービスと言えるでしょう。
codepanはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。