Web IDEは徐々に注目が集まっており、幾つかサービスの中でWeb IDEを提供するところが出てきています。コンパイルや開発環境を用意しないで良いことや、書いたコードのシェアがしやすいのが利点と言えます。 そんなWeb IDEのUIとして紹介したいのがEditor Frameworkです。エディタとして欲しい機能は揃っていると言えそうです。

Editor Frameworkの使い方

Editor Frameworkのデモ画面です。テスト、コンソール、パッケージ管理といったタブが並んでいます。あくまでもデモなので機能が実装されている訳ではありません。

ペインの切り離し、移動もできます。

Editor Frameworkはマルチペイン対応で、Web IDE的な表現が可能となっています。タブを移動したりすることもでき、自分好みのUIに変更が可能です。Editor Frameworkをベースにすると使いやすいWeb IDEが作れるかも知れません。

Editor FrameworkはHTML5/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

fireball-x/editor-framework