佐々木 多生
                      (ささき たを)

•   株式会社クロスキューブという会社をやってい
    ます。
    コンクリートファイブ ジャパン株式会社のCTO
    もやってます

•   EC-CUBEコミッター
    シルバーインテグレートパートナー
    EC-CUBE東京ユーザグループ

•   concrete5 プロアカウント
    concrete5日本語チーム
    concrete5東京ユーザグループ リーダー
汎用CMS
                       (コンテンツ マネジメント システム)

•   若い(2008年6月にオープンソース化)         •   アメリカ製


•   直感的                          •   マーケットプレイスというアドオンやテーマを
    MS Wordが使える人なら平気なレベル             販売している


•   ブロックと呼ばれる部品をGUIでぐりぐりやって      •   アメリカ本家公式サイト
    ページを作る                           http://www.concrete5.org/

                                 •   日本語公式サイト
•   多人数で編集を前提にしており、細かい権限設
                                     http://concrete5-japan.org/
    定が可能


•   PHP+MySQL+jQuery
http://concrete5.org/
http://concrete5-japan.org/
•   毎週木曜深夜 Ustreamやって   http://www.ustream.tv/channel/
                        concrete5japan
    ます。
•   隔週月曜日に構築講座やっ   http://new.livestream.com/
                   shimokitazawa-osscafe/
    てます
                   concrete5
各地のユーザグループ




• 東北(岩手)    • 名古屋
• 東京(下北沢)   • 大阪
• 浜松
意外と実績あります
concrete5の構造
concrete5を構成している要素
concrete5のMVC
             ページ
  view
ブロック                model
 model

  view

controller         controller
とにかく自由度が高い
制限しましょう
自動化しましょう
ページタイプとは?
いわゆるテンプレートのこと
•   「トップページ用」や「新着情報用」等、ページの用途に
    よって使い分ける

•   ページを作成した時の標準のブロックを置いておける
テーマファイルの構造
•   ページタイプ用のテンプレートファイル

    •   (HTML + 魔法の呪文3つくらい)

•   description.txt

    •   テーマの概要説明ファイル

•   typography.css

    •   コンテンツエディタに適用させるCSS
ファイル構造例
/themes
   /theme_name(好きな名前を付けてください)

   /default.php(標準のテンプレート)

   /description.txt(テーマ名、説明)

   /typography.css
   /css/
   /images/
   ...
魔法の呪文とは?


•   HTMLファイルをconcrete5のテーマとして使うためのPHP
    コードです。

•   4種類しか無いのでカンタンです
魔法の呪文1


•   <?php Loader::element('header_required'); ?>

    •   concrete5に必要なjavascriptファイルとか色々読み込みま
        す。<TITLE>とかも出力します。

    •   深く考えずに<head>∼</head>の上の方に書きましょう
魔法の呪文2

•   <?php Loader::element('footer_required'); ?>

    •   concrete5に必要なjavascriptファイルのタグとか色々出力
        します。google analyticsのトラッキングコードとかも出力
        します。

    •   深く考えずに</body>直前に書きましょう
魔法の呪文3
    <?php
    	

 	

 $a = new GlobalArea('エリア名');
    	

 	

 $a->display($c);
    ?>

•   サイト全体で共通のブロックを配置できる場所(エリ
    ア)を作成します。

•   共通のブロック置きたいなー、と思う所に書きましょう
魔法の呪文4
    <?php
    	

 	

 $a = new Area('エリア名');
    	

 	

 $a->display($c);
    ?>

•   ページにブロックを配置できる場所(エリア)を作成し
    ます。

•   ブロック置きたいなー、と思う所に書きましょう
至極カンタンです。


•   あとはフォルダにまとめて、サーバーの「/themes」フォ
    ルダにアップロードすればOK!

•   管理画面の「テーマとページ」からインストールできる
    様になっています。
やってみましょう

WEB TOUCH MEETING #52

  • 2.
    佐々木 多生 (ささき たを) • 株式会社クロスキューブという会社をやってい ます。 コンクリートファイブ ジャパン株式会社のCTO もやってます • EC-CUBEコミッター シルバーインテグレートパートナー EC-CUBE東京ユーザグループ • concrete5 プロアカウント concrete5日本語チーム concrete5東京ユーザグループ リーダー
  • 3.
    汎用CMS (コンテンツ マネジメント システム) • 若い(2008年6月にオープンソース化) • アメリカ製 • 直感的 • マーケットプレイスというアドオンやテーマを MS Wordが使える人なら平気なレベル 販売している • ブロックと呼ばれる部品をGUIでぐりぐりやって • アメリカ本家公式サイト ページを作る http://www.concrete5.org/ • 日本語公式サイト • 多人数で編集を前提にしており、細かい権限設 http://concrete5-japan.org/ 定が可能 • PHP+MySQL+jQuery
  • 4.
  • 5.
  • 6.
    毎週木曜深夜 Ustreamやって http://www.ustream.tv/channel/ concrete5japan ます。
  • 7.
    隔週月曜日に構築講座やっ http://new.livestream.com/ shimokitazawa-osscafe/ てます concrete5
  • 8.
    各地のユーザグループ • 東北(岩手) • 名古屋 • 東京(下北沢) • 大阪 • 浜松
  • 9.
  • 10.
  • 11.
  • 14.
    concrete5のMVC ページ view ブロック model model view controller controller
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
    いわゆるテンプレートのこと • 「トップページ用」や「新着情報用」等、ページの用途に よって使い分ける • ページを作成した時の標準のブロックを置いておける
  • 20.
    テーマファイルの構造 • ページタイプ用のテンプレートファイル • (HTML + 魔法の呪文3つくらい) • description.txt • テーマの概要説明ファイル • typography.css • コンテンツエディタに適用させるCSS
  • 21.
    ファイル構造例 /themes /theme_name(好きな名前を付けてください) /default.php(標準のテンプレート) /description.txt(テーマ名、説明) /typography.css /css/ /images/ ...
  • 22.
    魔法の呪文とは? • HTMLファイルをconcrete5のテーマとして使うためのPHP コードです。 • 4種類しか無いのでカンタンです
  • 23.
    魔法の呪文1 • <?php Loader::element('header_required'); ?> • concrete5に必要なjavascriptファイルとか色々読み込みま す。<TITLE>とかも出力します。 • 深く考えずに<head>∼</head>の上の方に書きましょう
  • 24.
    魔法の呪文2 • <?php Loader::element('footer_required'); ?> • concrete5に必要なjavascriptファイルのタグとか色々出力 します。google analyticsのトラッキングコードとかも出力 します。 • 深く考えずに</body>直前に書きましょう
  • 25.
    魔法の呪文3 <?php $a = new GlobalArea('エリア名'); $a->display($c); ?> • サイト全体で共通のブロックを配置できる場所(エリ ア)を作成します。 • 共通のブロック置きたいなー、と思う所に書きましょう
  • 26.
    魔法の呪文4 <?php $a = new Area('エリア名'); $a->display($c); ?> • ページにブロックを配置できる場所(エリア)を作成し ます。 • ブロック置きたいなー、と思う所に書きましょう
  • 27.
    至極カンタンです。 • あとはフォルダにまとめて、サーバーの「/themes」フォ ルダにアップロードすればOK! • 管理画面の「テーマとページ」からインストールできる 様になっています。
  • 28.