• Save
WEB TOUCH MEETING #52
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

WEB TOUCH MEETING #52

on

  • 969 views

広島で開催されたWEB TOUCH MEETING で使用したスライドです

広島で開催されたWEB TOUCH MEETING で使用したスライドです

Statistics

Views

Total Views
969
Views on SlideShare
958
Embed Views
11

Actions

Likes
6
Downloads
0
Comments
0

2 Embeds 11

https://twitter.com 10
http://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

WEB TOUCH MEETING #52 Presentation Transcript

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