@ 第6回関西PHP勉強会

1. Status Board 面白いよ！
∼PHPあんま関係なくてすいません
by @HissyNC

2. 自己紹介
• 菱川拓郎
• Twitter: @HissyNC / GitHub: hissy
• concrete5日本語ユーザーグループメンバー
• コンクリートファイブジャパンという会社も作りま
した
• 主にCMS系の勉強会に参加
• SuperColliderという超マイナー言語のユーザー会も

3. concrete5...?
• マウス操作でだいたい何でもできるCMS
• 画面内にブロックを配置していく（マウスで）
• ブロック単位でMVC構造を持つ（なのでページ
のことをコレクションとも呼ぶ）
• 管理画面はURLがクラス名とメソッドに対応する
よくあるフレームワーク（Cakeっぽいらしい）
• PHP + ZF + MySQL + Twitter Bootstrap
• 要するにカスタマイズがめっちゃ楽

4. ここらで本題

5. Status Board
•Coda, Transmit を開発する
Panic社がリリースした、ダッ
シュボード用のiPadアプリ
•かんたん操作でレイアウト、
カスタマイズの柔軟性が高い。
•HDTVポート出力で、テレビに
も映せる

6. •壁面に自社情報をビジュア
ライズしたダッシュボード
をかけるのがテック系企業
を中心に流行しているらし
い…？
•オフィスのトレンドは「ク
ールな情報ダッシュボー
ド」
http://wired.jp/2013/04/12/
big-boards/
• 写真はDucatiのディーラーショッ
プ。Panic Blogから
http://www.panic.com/blog/
2013/04/status-board-
mania/

7. とりあえず、デモ

8. concrete5と連動してみた
• concrete5の管理画面で統計情報が出る
（直近のアクセス数、会員登録数など）
• json形式、DOMで吐き出せばすぐにStatus
Boardに取り込めるっぽい
• やるっきゃない

9. concrete5と連動してみた
• concrete5の /tools 以下にPHPを置くとそのま
まURLが発行されてすぐ使える（ラク！）
/tools/hogehoge.php
→ /index.php/tools/hogehoge/
• とは言えサイトの情報を誰でも見れるとアレなの
でパラメータにハッシュを付けて認証させる
（md5で…適当）

10. concrete5と連動してみた
• グラフはjson形式。書式もシンプル。かんたんに
作れるようにヘルパーを用意しました
• 表組はHTMLそのまんま！CSSはStatus Board
側に入ってます
• 今回まだ使っていませんが、自由にHTMLで表示
を作れば、そのまんま表示されるウィジェットも
あるので、もはや何でもあり

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

12. 色んなPHPアプリと
連携できたら面白いかも
• Panicブログには早速作られた色んな実装が
サーバー監視、AppStoreの売上通知、などなど
• 技術もいろいろ、node.js, Python, Ruby, VB.NET
もちろんPHPも。
• Status Board だけでユーザー会できると面白いかも！
• あ、concrete5もよろしくお願いします