php conference 2012 concrete5

Copyright Concrete5 Japan, Inc. All Rights Reserved.

CONCRETE5に見るMVCと拡張性の実装についてコンクリートファイブジャパン株式会社　菱川拓郎

Copyright Concrete5 Japan, Inc. All Rights Reserved.

このセッションの目的

2

•日本の concrete5 lover を増やしたい（海外には負けてられない）

•PHPerのみなさま、concrete5楽しいですよ！Welcome!

Copyright Concrete5 Japan, Inc. All Rights Reserved.

自己紹介•コンクリートファイブジャパン株式会社　代表

•なんちゃってPHPer　難しいことはできません…。

•オブジェクト指向言語好き

•フレームワーク使った仕事はしてません…。このフレームワークと似てるよね！とかフレームワーク使いからみてここが面白い！などぜひぜひ教えてください

3

Copyright Concrete5 Japan, Inc. All Rights Reserved.

CONCRETE5とは？•オープンソースCMS

•ページを見たまま編集、直感的な操作

4

Copyright Concrete5 Japan, Inc. All Rights Reserved.

マーケティングのためのCMSでも、ギーク向けに開発

5

Copyright Concrete5 Japan, Inc. All Rights Reserved. 6

世界のCONCRETE5ユーザー

なんかみんな楽しそうです

Copyright Concrete5 Japan, Inc. All Rights Reserved. 7

日本でもユーザー増加中！

Copyright Concrete5 Japan, Inc. All Rights Reserved.

CONCRETE5の機能•グループや属性でユーザーを管理

•超詳細な権限設定が可能

•コンテンツのスケジュール公開

•ページ単位でデザインを柔軟に変更できる

•そのほか内部キャッシュや検索インデックスなど、めんどくさい実装はコアにおまかせ！

8

Copyright Concrete5 Japan, Inc. All Rights Reserved. 9

さて、CMSです

Copyright Concrete5 Japan, Inc. All Rights Reserved. 10

正直、自分には関係ねーな…と思ってませんか？

Copyright Concrete5 Japan, Inc. All Rights Reserved.

さまよえるニーズの宝庫•誰にでも使えるかんたん操作、だからこそ、非プログラマ、非IT系のユーザーがとても多い

•「こういう機能がほしい、あったらすぐ使う！」

•「誰か作ってほしいな～ |дﾟ)ﾁﾗｯ」

•という声を勉強会でたくさんいただきます

11

Copyright Concrete5 Japan, Inc. All Rights Reserved. 12

ということは…

Copyright Concrete5 Japan, Inc. All Rights Reserved. 13

concrete5でアプリ開発して神になろうぜ！

Copyright Concrete5 Japan, Inc. All Rights Reserved. 14

まず、CONCRETE5の特長

Copyright Concrete5 Japan, Inc. All Rights Reserved.

かんたんに拡張できる柔軟性

15

•ただWYSIWYGが動くだけのCMSじゃありません

•ページの中に「ブロック」を積み上げていく編集方式

•どんな「ブロック」でもワンクリックで入っちゃう

•アイディア次第でどんなものでも…

Copyright Concrete5 Japan, Inc. All Rights Reserved. 16

CONCRETE5日本語公式サイト

Copyright Concrete5 Japan, Inc. All Rights Reserved. 17

CONCRETE5日本語公式サイト

【編集モード】

全部ブロック！

Copyright Concrete5 Japan, Inc. All Rights Reserved.

作ったものを使ってもらえる•公式のマーケットプレイスで配布・販売

•管理画面からワンクリックインストール、購入も管理画面から

• 75%が開発者の収益

18

Copyright Concrete5 Japan, Inc. All Rights Reserved.

MVC、フレームワークを意識した設計•開発ドキュメントが充実（英語だけど…）

•柔軟なオーバーライド機構

•コアクラスの継承で独自機能を追加

• APIは検索可能19

Copyright Concrete5 Japan, Inc. All Rights Reserved. 20

つまり、concrete5はデベロッパー大歓迎仕様

Copyright Concrete5 Japan, Inc. All Rights Reserved. 21

では、CONCRETE5の設計コンセプトをご紹介

Copyright Concrete5 Japan, Inc. All Rights Reserved.

ページ

22

•記事？投稿？アーカイブ？フロントページ？

• concrete5の場合、ページはページ

•ページつったらページ

•ページはユニークなURLと、公開日、オーナー情報、メタ情報、タグなどの属性を持つが、ページの中身とは切り離されている

Copyright Concrete5 Japan, Inc. All Rights Reserved.

エリア•ブロックを挿入するための領域

•ページにはテンプレートで自由な位置に好きなだけエリアを配置できる$a = new Area('Sidebar');$a->display($c);

•メニューから各種操作が可能

23

Copyright Concrete5 Japan, Inc. All Rights Reserved.

ブロック•ページに配置するコンテンツ

•テキスト、画像ギャラリー、コメント欄、etc...

•ブロック単位でVとCを持つ

•「テンプレートタグ」は無いよ！（覚えなくてよくって助かる）

•メニューから各種操作が可能

24

Copyright Concrete5 Japan, Inc. All Rights Reserved.

ブロックは簡単に作れる•データベース構造はXMLで指定、ブロックのインストール時にテーブルを自動作成

•ブロックごとに編集画面を持ち、ブロックのコントローラーが値をDBに保存、ビューへ渡す

•親クラスのメソッドを継承してカスタマイズも可能

• templatesディレクトリーに置いたPHPが追加のビュー（カスタムテンプレート）として自動認識される

25

Copyright Concrete5 Japan, Inc. All Rights Reserved.

シングルページ•固定の機能を持つページ。主に管理画面側で使われる

• [url] /login/do_login/ [post] uName: hogehoge↓/concrete/controllers/login.php

class LoginController extends Controller { public function do_login() { $this->post('uName') }}

26

Copyright Concrete5 Japan, Inc. All Rights Reserved.

モデル• concrete5で扱うもの

•権限、エリア、属性、ブロック、ファイル、ユーザー、ページ、ページリスト、ジョブ　etc.

27

Copyright Concrete5 Japan, Inc. All Rights Reserved.

ヘルパー•共通の機能のための小規模なライブラリー

• HTML, Form, Validation etc.

$form = Loader::helper('form');print $form->select('favoriteFruit', array('p' => 'Pears', 'a' => 'Apples', 'o' => 'Oranges'), 'a');

28

Copyright Concrete5 Japan, Inc. All Rights Reserved.

ライブラリー•関連する一連の機能を提供する

• Backup, Cache, Events, Database, FileImporter etc.

• Zend, ADODB などを外部ライブラリーとして利用

29

Copyright Concrete5 Japan, Inc. All Rights Reserved.

TWITTER BOOTSTRAP

• UIに全面的に Bootstrap, from Twitter を採用

• Interfaceヘルパーを経由して呼び出し

•デザインに悩まなくていい

•ユーザーも各デベロッパーの機能の操作に統一感があってうれしい

30

Copyright Concrete5 Japan, Inc. All Rights Reserved.

オーバーライド•コア領域（concreteディレクトリー）のファイル

/concrete/js/jquery.js

•ユーザー領域（ルートディレクトリー）のファイルで上書き可能/js/jquery.js

31

Copyright Concrete5 Japan, Inc. All Rights Reserved.

最後に

32

Copyright Concrete5 Japan, Inc. All Rights Reserved.

コミュニティメンバー大募集中！

33

•コミュニティメンバーは随時絶賛大募集中です。コアの翻訳、ドキュメントの翻訳、concrete5コアパッケージのマルチバイト対応

• PHPerのconcrete5エバンジェリスト募集してます！（ローカライズチームの人間が多いです。デザイナーも募集中）

Copyright Concrete5 Japan, Inc. All Rights Reserved.

パートナーも募集中！

34

•なんか開発の仕事が増えてます。concrete5で開発やってみませんか？

Copyright Concrete5 Japan, Inc. All Rights Reserved.

THANKS!

35

concrete5-japan.orgconcrete5.co.jp