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