Status Board 面白いよ！～PHPあんま関係なくてすいません

by @HissyNC

自己紹介• 菱川拓郎

• Twitter: @HissyNC / GitHub: hissy

• concrete5日本語ユーザーグループメンバー

• コンクリートファイブジャパンという会社も作りました

• 主にCMS系の勉強会に参加

• SuperColliderという超マイナー言語のユーザー会も

concrete5...?• マウス操作でだいたい何でもできるCMS

• 画面内にブロックを配置していく（マウスで）

• ブロック単位でMVC構造を持つ（なのでページのことをコレクションとも呼ぶ）

• 管理画面はURLがクラス名とメソッドに対応するよくあるフレームワーク（Cakeっぽいらしい）

• PHP + ZF + MySQL + Twitter Bootstrap

• 要するにカスタマイズがめっちゃ楽

ここらで本題

Status Board

• Coda, Transmit を開発するPanic社がリリースした、ダッシュボード用のiPadアプリ

• かんたん操作でレイアウト、カスタマイズの柔軟性が高い。

• HDTVポート出力で、テレビにも映せる

• 壁面に自社情報をビジュアライズしたダッシュボードをかけるのがテック系企業を中心に流行しているらしい…？

• オフィスのトレンドは「クールな情報ダッシュボード」http://wired.jp/2013/04/12/big-boards/

• 写真はDucatiのディーラーショップ。Panic Blogからhttp://www.panic.com/blog/2013/04/status-board-mania/

とりあえず、デモ

concrete5と連動してみた

• concrete5の管理画面で統計情報が出る（直近のアクセス数、会員登録数など）

• json形式、DOMで吐き出せばすぐにStatus Boardに取り込めるっぽい

• やるっきゃない

concrete5と連動してみた

• concrete5の /tools 以下にPHPを置くとそのままURLが発行されてすぐ使える（ラク！）/tools/hogehoge.php→ /index.php/tools/hogehoge/

• とは言えサイトの情報を誰でも見れるとアレなのでパラメータにハッシュを付けて認証させる（md5で…適当）

concrete5と連動してみた

• グラフはjson形式。書式もシンプル。かんたんに作れるようにヘルパーを用意しました

• 表組はHTMLそのまんま！CSSはStatus Board側に入ってます

• 今回まだ使っていませんが、自由にHTMLで表示を作れば、そのまんま表示されるウィジェットもあるので、もはや何でもあり

GitHubにアップしましたconcrete5のパッケージなので再利用性は低いかと思いますが…https://github.com/hissy/status_board_bridge_package

色んなPHPアプリと連携できたら面白いかも

• Panicブログには早速作られた色んな実装がサーバー監視、AppStoreの売上通知、などなど

• 技術もいろいろ、node.js, Python, Ruby, VB.NETもちろんPHPも。

• Status Board だけでユーザー会できると面白いかも！

• あ、concrete5もよろしくお願いします