ITエンジニア/デザイナ向けにオープンソースを毎日紹介

フロントエンド開発の便利な点は、Webブラウザじ実装されているJavaScriptエンジンでコードをすぐに実行、確認できることでしょう。HTMLやCSSをデバッグすることもでき、開発がさくさくと進められます。

そんなフロントエンド開発時にちょっとしたプレイグラウンドが欲しかったらCodeistを使ってみましょう。

Codeistの使い方

左側にエディタ、右側にプレビューが表示されます。

入力内容が即座にプレビューへ反映されます。

CSSも同様です。

JavaScriptも反映されます。

JavaScriptも入力する毎に反映されているためか、若干入力が重たくなります。HTMLやCSSは大丈夫です。入力内容が保存できないのが残念ですが、スニペットを試すといった時には十分でしょう。

CodeistはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

Codeist - IDE

xKaran/Codeist: A web based code editor for rapid web development.

 

MOONGIFTの関連記事

  • DevRel
  • Com2