はじめに 開発しているアプリの環境で画面のデザインや動作サンプルを作るのにjsFiddleみたいなエディタがあるといいなと思ったので簡単に調べた。 バックエンドは適当に実装するとして、フロントエンドにはjsFiddleでも使っているCodeMirrorを使うのが良さそう。 CodeMirrorはJavaScriptライブラリで、シンタックスハイライトやオートインデント、行番号表示などコードエディタとして必要な機能を一通り揃えており、対応言語も多数ある模様。 また、アドオンを導入することで括弧の補完やハイライト、Ctrl+Spaceでコードの自動補完などの機能を持たせることもできる。 あと他ライブラリに非依存なので導入しやすい。 導入 http://codemirror.net/から「DOWNLOAD LATEST RELEASE」をクリックして最新版のzipファイルをダウンロード・解凍する