CodiadはPHP製のWeb IDEです。

Webブラウザベースで開発を行う時代が本格化しています。サーバのファイルを直接触るのではなく、ローカルの開発環境として考えてみると面白そうです。今回はCodiadを紹介します。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.06.45_thumb.1368578441.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.06.45.1368578441.png)
セットアップです。PHPファイルを配置するだけです。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.07.43_thumb.1368578445.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.07.43.1368578445.png)
先ほど決めたID/パスワードでログインします。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.22.19_thumb.1368578449.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.22.19.1368578449.png)
ログインしました。左上がファイルブラウザ、左下がプロジェクト一覧、そして右側がファイルのエディター部になります。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.22.45_thumb.1368578452.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.22.45.1368578452.png)
PHPのコードを編集しています。ハイライト処理も拡張子によって自動で適用されます。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.23.31_thumb.1368578456.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.23.31.1368578456.png)
HTMLは開くタグを書くと自動的に閉じタグが追加される便利機能もあります。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.26.30_thumb.1368578460.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.26.30.1368578460.png)
ファイルの拡張子によって自動的にアイコンが付加されます。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.26.37_thumb.1368578467.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.26.37.1368578467.png)
スプリットビュー。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.26.41_thumb.1368578471.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.26.41.1368578471.png)
設定は右側に隠れています。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.26.48_thumb.1368578476.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.26.48.1368578476.png)
設定項目。テーマ機能もあります。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.27.18_thumb.1368578481.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-14 13.27.18.1368578481.png)
対応拡張子一覧。結構多いです。

CodiadはPHPで作られておりデータベースも不要とあって配置がとても簡単です。40以上のプログラミング言語をサポート、プラグインライブラリ、エラーチェックや通知、複数ユーザのサポート、リアルタイムコラボレーション編集、入力補完などの機能が備わっています。

CodiadはPHP製、MIT Licenseのオープンソース・ソフトウェアです。

MOONGIFTはこう見る

Webブラウザ上で開発できるようになるといよいよOS環境に依存しない開発環境が手に入るようになります。またPHPなどのスクリプト言語では恩恵に預かれませんがコンパイル系の言語であればサーバサイドのパワーを使って高速にコンパイルできるでしょう。

Gitと連携し、ブランチを分けて複数人で開発し、pull reqを投げてマージして…といったことを一つのサーバ上で展開すると、まさに見ているそばからシステムが組み上がっていくのではないでしょうか。今後に期待したい、面白いソフトウェアです。

Codiad Web Based IDE by Fluidbyte

Codiad/Codiad · GitHub