JSFiddleやCodePenなど、オンライン上でHTML/JavaScript/CSSを書いた結果をすぐに確認できるサービスがあります。非常に便利なサービスなのですが、インターネットに繋がっていないと使えないという欠点があります。 そこで使ってみたいのがSketchCodeです。ローカルで利用でき、さらにGUIアプリケーションというWebコードスニペット実行環境です。

SketchCodeの使い方

メイン画面です。

編集画面です。上からHTML/CSS/JavaScriptとなっています。外部ライブラリを読み込む場合はHTML上に記述する必要があります。

結果は右側のプレビューで確認できます。

保存しておけば幾つも作れます。

SketchCodeはオフラインで使えるので、いつでもどこでも開発できます。ちょっとしたコードを試したり、動作確認ができるでしょう。できあがったコードはオンラインのコードスニペットサービスに載せても良さそうです。

SketchCodeはElectron/JavaScript製のオープンソース・ソフトウェア（Creative Commons）です。

keiww/SketchCode: An offline JSFiddle/CodePen/JSBin like desktop app powered by Vue + Electron