最近はサーバサイドではHTMLレンダリングせず、RESTfulなWeb APIを使ってデータを取得、表示するといったWebアプリケーションが増えています。そうした中、運営側の管理画面においても求められるものが変わってきています。 そこで今回は次世代の管理画面、ng-adminを紹介します。AngularJSを使ったWeb管理画面になります。

ng-adminの使い方

こちらはデモ画面になります。

ポスト一覧。画面遷移せず、Ajaxでデータを取ってきています。

編集、作成などもAjaxで。

ページネーションサポート。

画面はBootstrapベースのようです。

Web APIを用意しておくことで、ユーザ向けはもちろんのこと管理画面においてもスムーズな操作ができるようになります。pushStateにも対応していますので、URLはユニークになるようです。

ng-adminはJavascript/HTML5製のオープンソース・ソフトウェア(MIT License)です。

Angular admin marmelab/ng-admin