コンクリートファイブをわかりやすく解説！

1. これからはじめる
concrete5
コンクリートファイブをわかりやすく解説!

2. アジェンダ
自己紹介
concrete5とは

3. 自己紹介
大山 武彦
concrete5東京ユーザ会所属
concrete5 エバンジェリスト
職業 インフラ系エンジニア（クラウドなど仮想化が得意）
趣味 音楽 シンセサイザー http://take566.com/
SNS アカウント take566 気軽にフォローください

4. concrete5とは
2008年まで有償のCMS(約120万円)でした。有償のCMS路線は残しつつ
2008年にオープンソース化されて2014年９月までのバージョンを
レガシーと称しています。
2014年９月からリリースされたバージョンを
Ver 7と称します。

5. concrete5の特徴
● 有償だったCMSからの移植されたアドオンが使える！
● デフォルトのテーマをまっさらにするとワイヤーフレーム開発環境
● 多言語化は標準装備
● 記事を書くにはブロックに直書きとコンポーザー(定型フォーマット)
● バージョン管理が更新ごとにされる！
● 記事を多段階承認できる

6. レガシーとVer 7の大きな違い
レガシー (長期メンテナンス版)従来のWebサイト構築に欠かせないアドオンとデ
ザインの柔軟性
従来のWebサイト構築で必要なエディタからデザインに必要な機能が入ってます。
Ver 7 （モダンな設計）5.6系の設計を見直して軽量化デフォルトのテーマでは
パララックスやbootstrapが簡単に導入できます。
詳しくは→ パララックス http://notnil-creative.com/blog/archives/3791
bootstrap http://concrete5-japan.org/help/5-7/developer/

7. Ver8の大きな違い
concrete5 のメジャーバージョンアップであるver 8
Express データオブジェクト、ファイルマネージャーやスタックのフォルダー機
能、ワークフローの向上、ユーザーデスクトップ、時限ページリリース、多言語
機能のアップグレード、カレンダー機能など豊富な機能が付きました。
Version 8 新機能
https://concrete5-japan.org/news/whats-store-version-8/

8. ここで簡単にデモ
concrete5を使って簡単にデモをしたいと思います。

9. concrete5のブロックを紹介
基本
記事-エディタを使って記事を記載するブロック

10. concrete5のブロックを紹介
基本
ファイル-画像やPDFなどのファイルを貼り付けるためのブロック

11. concrete5のブロックを紹介
ファイル-新規ファイルを選択してPCからファイルをアップロードできる。

12. concrete5のブロックを紹介
基本
HTML-HTMLのソースを入れるブロック

13. concrete5のブロックを紹介
基本
水平線-区切りの水平線を入れる場合などに使用するブロック

14. concrete5のブロックを紹介
基本
画像-画像を入れるブロック
リンクやマウスホーバ時の画像を入れることができ、
ブロックごとにサイズを変更して保存することが可能

15. concrete5のブロックを紹介
ナビゲーション
オートナビ-ヘッダーメニューやパンクズリストを自動で作成してくれるブロ
ック

16. concrete5のブロックを紹介
ナビゲーション
日付ナビ-日付アーカイブなど日付で表示するブロック

17. concrete5のブロックを紹介
ナビゲーション
FAQ-FAQを簡単に作成できるブロック

18. concrete5のブロックを紹介
ナビゲーション
ページリスト-ページ一覧を表示するブロック
サムネイル、概要、公開日なども表示できます

19. concrete5のブロックを紹介
ナビゲーション
ページタイトル-ページタイトル入れるブロック
通常はページを追加した際にページ名を入れるが、それを上書きできる

20. concrete5のブロックを紹介
ナビゲーション
RSS表示-ほかのサイトからRSSで内容を読み込むブロック

21. concrete5のブロックを紹介
フォーム-お問い合わせなどフォームを作るブロック

22. concrete5のブロックを紹介
外部フォーム-自作したフォームを利用するブロッ
ク

23. concrete5のブロックを紹介
このページを…-外部SNSにシェアするブロック

24. concrete5のブロックを紹介
ソーシャルリンク-外部SNSの内容を表示するブロ
ック

25. concrete5のブロックを紹介
Googleマップ-住所指定で地図を表示するブロッ
ク

26. concrete5のブロックを紹介
画像スライダー-画像スライダー（画像の自動切り
替え）を作成するブロック

27. concrete5のブロックを紹介
Yotubeビデオ-yotubeのurlを書くだけでyoutbe
動画を表示するブロック

28. ver 7は静的ページの移行が容易になった
フルスクラッチでこれからCMSを導入を検討ている場合や
CMSを導入したけど、魔改造になってしまった場合
concrete5ではVer7からマイグレーションツールがリリースされました。
詳しくはこちら→ http://notnil-creative.com/blog/archives/3820

29. concrete5を試すには
MAMPで環境構築するのはこちらに手順があります。
http://www.slideshare.net/take566/ss-53531080
また、MAMPが難しいという方はこちらがお勧め
https://bitnami.com/stack/concrete5
レンタルサーバごとのインストール手順はこちらです。
http://concrete5-japan.org/help/5-7/developer/installation/hosting/

30. コミュニティの充実
concrete5はオープンソース化されてからのコミュニティの力がすばらしいです。
コミュニティとしてのナレッジが動画であります。
https://www.youtube.com/user/concrete5japan
また視聴者参加型Ustreamもあります。
週間concrete5
http://concrete5-japan.org/news/weekly-concrete5/

31. エバンジェリスト制度について
エバンジェリスト制度
concrete5 開発元の PortlandLabs が公認し、コンクリートファイブジャパン株
式会社が運営している日本地域限定のエバンジェリスト制度です。
http://concrete5-japan.org/community/evangelists/
concrete5が好きだ～concrete5 コミュニティに何かの形で参加・応援している
という方であれば参加可能です。