はじめての concrete5 (2016年1月) 第56回 コンなご勉強会
TRANSCRIPT
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 の紹介
2015/2/21 (土) @ CMS Fun #1
はじめての concrete5
2016/1/24 (日) @ 第56回コンなご 勉強会
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
本日の目次 (前半)● 自己紹介
● concrete5 の紹介
concrete5 の歴史
操作の基本
SEO会員・権限・承認ワークフロー機能
テーマ作成・エンタープライズ
● ワークショップ
今日のスライドは公開します!青いところはリンクなのでクリックできまっせ
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
本日の目次 (後半)
今日のスライドは公開します!青いところはリンクなのでクリックできまっせ
● ワークショップ○ MAMP の準備方法○ concrete5 インストールの準備○ concrete5 を準備
● サンプルファイルを使って操作● 時間があれば
○ 追加機能の紹介○ おすすめアドオンブロック
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
自己紹介
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
Katz Ueno (上野 勝之)Twitter: @katzuenoブログ: http://katzueno.com
コンクリートファイブジャパン株式会社Chief Communications Officerhttp://concrete5.co.jp名古屋で concrete5 CMS の普及
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
● 1980年 三重県四日市市生まれ
● アメリカに留学→映画制作 → 雑誌編集 → Web に
● TOEIC 990点 (満点)● 多言語に強いです
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
2009年 - concrete5日本コミュニティを立ち上げました
concrete5-japan.org
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
全国各地に普及活動しました
青森・仙台・東京・千葉・静岡・浜松・名古屋・京都・大阪・奈良・広島でUGが立ち上がる
詳細は
concrete5-japan.org/community/local/
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
毎月2回 勉強会等開催中
@ベースキャンプ名古屋
名古屋でも定期的に勉強会を開催
concrete5nagoya.doorkeeper.jp
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
共著の紹介
concrete5 公式活用ガイドブック
買ってねー
● マイナビ
● 3542円● 書籍 & 電子書籍版
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5について
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 について
“More enterprise than WordPress,less painful than Drupal”(WordPress よりもエンタープライズで、Drupal よりも簡単)
- Franz Maruna, CEO, PortlandLabs
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 について
開発コスト
MovableType 等のれん
Web ReleasesExperience Manager 等
小規模シンプル
大規模複雑
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 について
● WordPress = 分譲住宅○ 素早く安価にサイトを作りたい○ テンプレート通りのサイトを作りたい○ プラグインとの相性がすべて。相性によっては開発しにくい。
● concrete5 = 注文住宅○ ちょっと手間がかかっても良いから、自分のニーズに合ったサイトを作りた
い○ オジリナル性を出したい○ 開発がしやすい設計
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 について
• 直接ページ上からコンテンツを編集• ページに「ブロック」を積み上げる• かゆいところに手が届く• お客さんの手離れがすごく良い• 無料オープンソースCMS
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 の歴史
2003年 ルイス・クラーク探検隊200周年記念サイト
• 開発期間2ヶ月• 更新者90名• Word 感覚で更新ができる• 秒間1万ヒット
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 の歴史
2003年 ルイス・クラーク探検隊200周年記念サイト
• 開発期間2ヶ月• 更新者90名• Word 感覚で更新ができる• 秒間1万ヒット
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 の歴史
〜2008年エンタープライズ CMS
「concrete」1ライセンス1万ドル
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 の歴史
2008年「concrete5」
オープンソース化
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 の歴史2008年
「concrete5」オープンソース化バージョン5 で大成したので
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 の歴史2008年
「concrete5」オープンソース化バージョン5 で大成したので「concrete6」にはなりません
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
日本語版 (concrete5-japan.org)● 2009年 日本ユーザーグループが立ち上がる● 2012年 コンクリートファイブジャパン株式会社● 2014年 「concrete5 公式活用ガイドブック」● 2014年 パートナー制度が始動● 2016/1 約1900名がユーザー登録
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 の実績
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
導入実績 (2016/1/24 現在)
世界
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
導入実績アメリカ陸軍 (europe.armymwr.com)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
導入実績
イギリス・ミニクーパー (www.mini.co.uk)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
導入実績
スイス政府 (www.ch.ch)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
導入実績
NHKエデュケーショナル (www.nhk-ed.co.jp)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
導入実績
コニカミノルタ 情報機器販売拠点向け B2B サイト
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
導入実績
JTBグローバルマーケティング&トラベル (www.jtbgmt.com)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
導入実績
京都大学 K.U. Research (research.kyoto-u.ac.jp)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
導入実績
バンプレストナビ (www.bpnavi.jp)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
導入実績
モバイルファクトリー (www.mobilefactory.jp)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
導入実績
京都駅前地下街ポルタ (www.porta.co.jp)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
導入実績 (日本国内)
● 市町村の公式サイト● 大学サイト● 多言語サイト● キャンペーンサイト● 企業のイントラネットサイト
○ 社員向け○ 販売パートナー向け
詳しくは公式サイトの事例紹介コーナーまでhttp://concrete5-japan.org/partners/showcase/
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 の使用条件
concrete5.7.5.5● PHP 5.3.3 以降 (注意! concrete5.8 から PHP 5.5.9が必須に)
○ CURL, zip, mcrypt, openSSL, GD, mysql, mbstring, iconv○ post_max_uploadsize=20○ post_max_size=20○ max_memory_limit = 128MB
● MySQL 5.1.5 以降○ 接続照合順序 = utf8_general_ci (utf8mb4が推奨)○ --lower-case-table-name=0
● 特定ディレクトリの書き込み権限詳しくはこちら
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 の特徴をピックアップ
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 の特徴をピックアップ
● 直感的な操作性● SEOに強い● 権限・承認フロー● 安全なアドオン● テーマの作成が簡単● 開発フレームワークとして最適● エンタープライズ製品● 法人サポート● コミュニティ
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
ログイン
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
編集可能な状態
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
編集したいページに直接訪問「編集モード」で編集
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
編集モード
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
管理画面ではなく直接「ブロック」を編集
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
ユーザーのサポートがめっちゃ簡単!
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
ドラッグして簡単にブロックを直接移動出来る
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
直感的な操作性
ドラッグして簡単にブロックを直接移動出来る
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
以上直感的な操作性
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
サイトを concrete5 に移行しても404 の心配なし!
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
標準で SEO 関連の機能も充実アドオンを探さなくてOK
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
条件で複数ページを絞込・・・
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
SEO に強い
ページタイトルなどSEO関連項目を一括編集
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
以上SEO に強い
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー会員サイトも簡単に作れる!
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
シンプルな閲覧・編集権限モード加えて上級権限モードがすごい
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
面倒くさいほど細かな権限の設定が可能
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
ページ・エリア・ブロック単位で設定可能
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
例● 誰もが見れるページ● ログイン会員しか見えないボタンを設置● 会員専用ページへ移動できる
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
● 会員登録○ 一般○ 限定
● Facebook, Twitter, Google ログインサポート (5.7.x より標準機能)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
上司に更新を承認してもらえる承認フロー
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
1段階までは標準装備多段階はエンタープライズ有償アドオン
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
多段階なら無制限に承認ステップを増やせる
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
承認・否認後の移動先ステップの指定が自由
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
権限・承認フロー
ページの公開・削除・SEO変更・テンプレート変更などを承認フローに送れる
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
以上権限・承認フロー会員サイトも簡単に作れる!
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
成長するマーケットプレイス
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5.org マーケットプレイス
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5.org マーケットプレイス
テーマやアドオンダウンロードや購入
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5.org マーケットプレイス
誰でも公開 & 販売ができる
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5.org マーケットプレイス
審査員 (PRB) グループがきちんと審査(Katz も管理者)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
テーマの作成が簡単
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
テーマの作成が簡単
● concrete5 テーマ作成にPHP の高度な知識は一切不要
● 11行の PHP コードをコピペだけ
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
テーマの作成が簡単
● 元々は HTML ファイル
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
テーマの作成が簡単
● 元々は HTML ファイル
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
テーマの作成が簡単
● 元々は HTML ファイル
編集可能なエリアにしたい領域を
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
テーマの作成が簡単
● 元々は HTML ファイル
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
テーマの作成が簡単
● 元々は HTML ファイル
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
テーマの作成が簡単
● 元々は HTML ファイル
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
テーマの作成が簡単
● 元々は HTML ファイル
数行のPHPだけで実装可能!
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
以上テーマの作成が簡単
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
開発しやすい
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
開発しやすい
● 最新のフレームワークを採用● ライブラリーやヘルパーも充実● 単なる CMS としてではなく、
フレームワークとしても使える!
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
エンタープライズアドオン
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
エンタープライズアドオン
● 静的HTML出力● 多段階ワークフロー● エンタープライズ多言語 (無料版も有ります)
● デジタルアセット管理● イントラネットパッケージ
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
パートナー制度
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
パートナー制度
● concrete5 の制作ができる制作会社の登録制度● PortlandLabs 公認
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
パートナー制度
● 名古屋でも4社加入 (個人も加入してます)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
セキュリティー
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
セキュリティー
● HackerOne で世界中から脆弱性のレポートを受付● 日本からも HissyNC と katzueno が参加● JVN とも連携● どうしても心配な人は静的 HTML 出力アドオン
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
法人&営業サポート
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
法人&営業サポート
● 法人「コンクリートファイブジャパン株式会社」○ 「無料オープンソースの無保証は心配」なお客さん向け○ 「大きい案件を受注しちゃった」「分からない concrete5
の案件を受注しちゃった」「トレーニングしなきゃ」○ 有償でサポートを提供
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
コミュニティ充実!
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
全国各地に広がるユーザーコミュニティ!
青森・仙台・東京・千葉・静岡・浜松・名古屋・京都・大阪・奈良・広島
あなたの地域も!サポートします!
詳細は
concrete5-japan.org/community/local/
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
コミュニティ活動の例
日本語版制作や勉強会の他に・・・● 制作に欠かせない
○ 仕様書テンプレート (無料で公開中 )
○ 営業資料の無償提供
○ 日本語スターターテーマ「SAKAN」(制作中、レスポンシブ対応で仕事に使えるパッケージ)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
カレー食ったり
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
カレー食ったり
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
コスプレしたり!
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
コスプレしたり!
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
楽しく Web を作り成果を出す!
みなさんのご参加、お待ちしております!
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
さて・・・
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 ワークショップ基礎編
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 ワークショップ
● インストール● デモデータのインストール
(引っ越しのシュミレーション)● 基本操作
○ 編集モード○ カスタムテンプレート○ ページタイプの基本
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
concrete5.7.5.5● PHP 5.3.3 以降 (できれば新しい PHP 5.5.9 以降 がいいなー)
○ CURL, zip, mcrypt, openSSL, GD, mysql, mbstring, iconv○ post_max_uploadsize=20○ post_max_size=20○ max_memory_limit = 128MB
● MySQL 5.1.5 以降○ 接続照合順序 = utf8_general_ci (utf8mb4が推奨)○ --lower-case-table-name=0
● 特定ディレクトリの書き込み権限詳しくはこちら
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
concrete5 に対応している日本のホスティング一覧http://concrete5-japan.org/help/5-7/developer/installation/hosting/
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
今日はMAMP か XAMPP を使います(MAMP をおすすめ。Win版あります)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MAMPの設定1. インストール2. MAMP を起動
(パスワード入れないといけないかも)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MAMPの設定1. インストール2. MAMP を起動
(パスワード入れないといけないかも)
3. 「設定」をクリック
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MAMPの設定4. 「ポート」をクリック
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MAMPの設定4. 「ポート」をクリック
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MAMPの設定5. 「Web と MySQL の
ポートを 80 と 3306 に設定」をクリック
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MAMPの設定5. 「Web と MySQL の
ポートを 80 と 3306 に設定」をクリック
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MAMPの設定5. 「Web と MySQL の
ポートを 80 と 3306 に設定」をクリック
6. 「OK」を押す
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MAMPの設定5. 「Web と MySQL の
ポートを 80 と 3306 に設定」をクリック
6. 「OK」を押す(またパスワードを求められる場合もあります)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MAMPの設定5. 「Web と MySQL の
ポートを 80 と 3306 に設定」をクリック
6. 「OK」を押す(またパスワードを求められる場合もあります)
7. MAMP 設定完了
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MySQL の準備1. 「オープン WebStart
の」という中途半端なボタンを押す
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MySQL の準備2. MAMP のスタート画面
が開く
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MySQL の準備2. MAMP のスタート画面
が開く3. MySQL の情報を確認
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MySQL の準備2. MAMP のスタート画面
が開く3. MySQL の情報を確認
アドレス: localhostユーザー名: rootパスワード: root(ホスティングの場合もこれらの情報が必要です)
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MySQL の準備4. 「ツール」をクリック
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MySQL の準備4. 「ツール」をクリック5. 「phpMyAdmin」をク
リック
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MySQL の準備5. データベースを作成し
ます
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MySQL の準備5. データベースを作成し
ます6. 「データベース」をクリッ
ク
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MySQL の準備7. 「データベースを作成す
る」でデータベースの名前と接続照合順序を選択。
今日は名前: c5ngo接続照合順序:utf8mb4_general_ci
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MySQL の準備7. 「データベースを作成す
る」でデータベースの名前と接続照合順序を選択。
今日は名前: c5ngo接続照合順序:utf8mb4_general_ci
c5ngo
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
MySQL の準備7. 「データベースを作成す
る」でデータベースの名前と接続照合順序を選択。
今日は名前: concrete5接続照合順序:utf8mb4_general_ci
c5ngo
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
concrete5 のファイルをダウンロード1. 日本語サイトを訪問
http://concrete5-japan.org/
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
concrete5 のファイルをダウンロード1. 日本語サイトを訪問
http://concrete5-japan.org/2. 「ダウンロード」ページ
ヘ
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
concrete5 のファイルをダウンロード3. ダウンロードから
ZIP ファイルをダウンロード
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
concrete5 のファイルをダウンロード4. ZIPファイルを MAMP
のフォルダに移動(/アプリケーション /MAMP/htdocs/)
5. ZIPファイルを解凍
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
concrete5 のファイルをダウンロード6. フォルダ名を「c5ngo」
等適当に名前変更
c5ngo
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
concrete5 のファイルをダウンロード6. フォルダ名を「c5ngo」
等適当に名前変更
7. アクセスのアドレスhttp://localhost/c5ngo
c45ngoc5ngo
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 1: concrete5 環境を準備
concrete5 のファイルをダウンロード6. フォルダ名を
「concrete5」等適当に名前変更
7. アクセスのアドレスhttp://localhost/c5ngo
concrete5 の準備が完了しました!
c5ngo
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 2: concrete5 インストール
1. さきほど設定したフォルダ名でアクセス
例:http://localhost/c5ngo
c5ngo/
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 2: concrete5 インストール
2. インストール開始「Japanese (Japan)」を選択
3. Choose Language ボタンを押す
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 2: concrete5 インストール
2. インストール開始「Japanese (Japan)」を選択
3. Choose Language ボタンを押す
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 2: concrete5 インストール
4. インストールチェック画面(これで、なにか問題があったらそこを直します)
5. 「インストールを続ける」ボタンを押す
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 2: concrete5 インストール
5. 必要項目を入力
サイト情報・管理者情報はお好きな情報を。データベース情報は、さきほど準備で準備したデータベース情報を入植
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 2: concrete5 インストール
5. 必要項目を入力
サイト情報・管理者情報はお好きな情報を。データベース情報は、さきほど準備で準備したデータベース情報を入植
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 2: concrete5 インストール
5. 必要項目を入力
サイト情報・管理者情報はお好きな情報を。データベース情報は、さきほど準備で準備したデータベース情報を入植
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 2: concrete5 インストール
5. 必要項目を入力
サイト情報・管理者情報はお好きな情報を。データベース情報は、さきほど準備で準備したデータベース情報を入植
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 2: concrete5 インストール
5. 必要項目を入力
サイト情報・管理者情報はお好きな情報を。データベース情報は、さきほど準備で準備したデータベース情報を入植
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 2: concrete5 インストール
6. インストール作業
サイト情報・管理者情報はお好きな情報を。データベース情報は、さきほど準備で準備したデータベース情報を入植
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 2: concrete5 インストール
7. インストール完了
サイト情報・管理者情報はお好きな情報を。データベース情報は、さきほど準備で準備したデータベース情報を入植
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 3: 基本操作
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 3: 基本操作
の前に
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 4: 引っ越しの方法
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
今日のワークショップ
ダウンロード (今日の教材)https://docs.google.com/document/d/1f4sHMV_qqVa0hmYLECQXyt-zpUgbCGxfeyP68dEs_Ew/edit#お断りこのデータをそのまま使ってサイト公開は絶対にしないでください。
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
サンプルデータのインストール方法
1. ZIP ファイルを解凍2. c5ngo フォルダを htdocs/c5ngo 等に展開3. MAMP などの phpmyadmin へ4. データベース名 c5ngo を新規作成5. sql ファイル「c5ngo_3_start.sql」をインポート
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
サンプルデータのインストール方法
6. サイトにアクセスできるかテストhttp://localhost/c5ngo/
7. ログイン用 URLhttp://localhost/c5ngo/index.php/login
8. ログインID: adminPass: 123456
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 3: 基本操作今日の教材: これにしたがって作業します
https://docs.google.com/document/d/1f4sHMV_qqVa0hmYLECQXyt-zpUgbCGxfeyP68dEs_Ew/edit#
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 3: 基本操作
ただいま〜
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
STEP 3: 基本操作
手抜きで紹介● ブロックの編集 (はじめての concrete5)
http://www.slideshare.net/HishikawaTakuro/concrete5-41538126
● カスタムテンプレートの操作方法 & 作り方http://www.slideshare.net/katz515/concrete5-7customtemplate
● ページタイプのコンセプト
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
ヘルプページについて
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 ヘルプ
http://concrete5-japan.org/help/
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 ヘルプ
Ustream 動画講座アーカイブ
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 ヘルプ
concrete5.7 ヘルプ
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
concrete5 ヘルプ
英語ヘルプ● Editor’s Guide● Developer’s Guide● How-tos
2016.1.24 (日) はじめての concrete5 - 第56回コンなご (concrete5 名古屋 ユーザーグループ ) 勉強会
ありがとうございました!
Katz Ueno (上野 勝之)Twitter: @katzuenoブログ: http://katzueno.com
コンクリートファイブジャパン株式会社[email protected]