cms と concrete5 のわかりやすい紹介

61
2014.9.28 ( 日 ) CMS 日 1 日concrete5 日日日日日日日日日 制制制制制制制制制制制制制 concrete5 CMS 制 concrete5 制 制制制制制制制制 2014/9/28 ( 日 ) 日日日日 in 日日 @ 日日日日日日日

Upload: katz-ueno

Post on 21-Jun-2015

1.515 views

Category:

Internet


0 download

DESCRIPTION

CMS とはなにか? concrete5 とは何か?そして、WordPress と concrete5 との比較をしたプレゼンテーション

TRANSCRIPT

Page 1: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

制作も運用もカンタンにする concrete5

CMS と concrete5 のわかりやすい紹介

2014/9/28 (日 ) コンフジ in 沼津@ プラザヴェルデ

Page 2: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

本日の目次1. 自己紹介・事例2. 質問3. CMS について4. concrete5 について5. WordPress との比較6. concrete5 の制作フロー & 比較

Page 3: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

Katz Ueno ( 上野勝之 )Twitter: @katzuenoブログ : http://katzueno.com

コンクリートファイブジャパン株式会社 取締役 Chief Communciations Officer

http://concrete5.co.jp 名古屋で concrete5 CMS の普及

Page 4: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

● 1980 年三重県四日市市生まれ

● → → アメリカに留学 映画制作 → 雑誌編集 Web に

● TOEIC 990点

Page 5: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

concrete5日本語版とコミュニティを2009年に立ち上げましたconcrete5-japan.org

Page 6: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

全国各地のローカルユーザーグループ青森・仙台・千葉・東京・富士・浜松・豊橋・名古屋・京都・奈良・大阪・広島

全国各地で、定期・不定期で勉強会を開催中!

詳細はconcrete5-japan.org/commynity

Page 7: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

共著の紹介

「concrete5 公式活用ガイドブック」買ってねー(今日も著者がいっぱい )

● マイナビ● 3542円● 書籍 & 電子書籍版

Page 8: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

質問タイム!

ペース配分のために、ちょっと 5つの質問させてください。

時間ができたら、 concrete5 のデモに時間を費やします。

Page 9: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

今日の参加者の人は?

1.CMSって何って知っている人?

Page 10: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

今日の参加者の人は?

2.WordPress を使ってサイト作ったことある人?

Page 11: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

今日の参加者の人は?

3.concrete5 をoなんとなく知っている?oインストールはした?oサイト作った?

Page 12: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

ありがとうございます

Page 13: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

CMSって何?

Page 14: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

CMS = Content Management System= コンテンツを管理するシステム

そもそも CMSって何?

Page 15: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

● Facebook● Twitter● アメブロ (アメーバブログ )● YouTube● 楽天 (お店 )● WordPress で自分でレンタルサーバーにインストールしたブログ

● EC Cube で作って自分のサーバーでやっているネットショップ

● concrete5 で構築した会社紹介サイト

以下のサイトで CMS サイトはどれでしょう?

【クイズ】

Page 16: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

正解

Page 17: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

正解 全部のサイトが

CMS と呼べます!

Page 18: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

Webコンテンツを構成するテキストや画像な

どのデジタルコンテンツを統合・体系的に管理し、配信など必要な処理を行う

システムの総称http://ja.wikipedia.org/wiki/コンテンツマネージメントシステム

Wikipedia での「 CMSの定義」

Page 19: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

CMS とは? (勝手な解釈 )

一般ウェブサイト、ネットショップ (Eコマース )、 SNS、ブログ、Wikipedia など、コン

テンツの更新には HTML コードを書かなくてもテキスト・画像・動画などのコンテンツをWeb上で管理できるシステム。

Page 20: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

CMS の種類について:その 1

ソフトウエア型 vs サービス型

Page 21: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

CMS の種類について:その 1 :ソフトウエア型 vs サービス型

ソフトウエア型とはソフトウエアを自分でサーバーにインストールする

Page 22: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

CMS の種類について:その 1 :ソフトウエア型 vs サービス型

ブログ型WordPress (.org)MovableTypea-blog CMSJoomla

サイト型concrete5XOOPSDrupalJoruriBaseCMS

Eコマース (ショップ )EC CubeMagento

SNSOpenPNEElgg

掲示板phpBBSMF

Page 23: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

CMS の種類について:その 1 :ソフトウエア型 vs サービス型

サービス型とは会社がサービスとして提供している

Page 24: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

サービス型

ブログ型アメーバブログWordPress.com

サイト型JimdoWix

CMS の種類について:その 1 :ソフトウエア型 vs サービス型

Eコマース (ショップ )楽天カラーミーショップ

SNSFacebookTwitter

掲示板2ちゃんねる

Page 25: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

CMS の種類について: ソフトウエア型 vs サービス型の利点・弱点

Page 26: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

ソフトウエア型の利点

自分でコントロールしやすい(自由)無料ソフトも多い自分(管理者)の個人情報が流出しにくい(プライバシー)

ソフトウエア型の弱点

サーバー (FTP等 ) の知識がいる管理をしなければいけない

CMS の種類について:その 1 :ソフトウエア型 vs サービス型

Page 27: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

CMS の種類について:その 1 :ソフトウエア型 vs サービス型

サービス型の利点インストールする手間がかからない

サーバー (FTP等 ) の知識が要らない場合が多い無料サービスもおおい

サービス型の弱点サービスが終了すると使えなくなる無料の場合、広告表示される無料でも有料でもユーザー (管理者 )データが収集される(プライバシーの懸念)

Page 28: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

CMS の種類について:その 1 :ソフトウエア型 vs サービス型

ソフトウエア型 = 一軒家(掃除、修理など自分で面倒みなければいけない)

サービス型 = ホテル(掃除、食事はスタッフがしてくれる)

Page 29: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

上手く使い分けていこう

CMS の種類について:その 1 :ソフトウエア型 vs サービス型

Page 30: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

ということでconcrete5

Page 31: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

concrete5 とは

● 2003 年にアメリカ・ポートランドで、 Franz Maruna と Andrew Embler が広告代理店の要請を受けて作成

● 短期間で数十名の更新者がいるサイトを構築しなければいけなかった

● concrete5 が生まれる

Page 32: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

concrete5 とは

● 2003 年にアメリカ・ポートランドで、 Franz Maruna と Andrew Embler が広告代理店の要請を受けて作成

● 短期間で数十名の更新者がいるサイトを構築しなければいけなかった

● concrete5 が生まれる

Page 33: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

concrete5 とは

● 2003 年にアメリカ・ポートランドで、 Franz Maruna と Andrew Embler が広告代理店の要請を受けて作成

● 短期間で数十名の更新者がいるサイトを構築しなければいけなかった

● concrete5 が生まれる

更新しやすく秒間 1万 PVでも耐える大規模サイト向け CMSとしてスタート

Page 34: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

concrete5 の歴史

● 1ライセンス 1万ドルの商用ソフト「 concrete」 CMS としてバージョンアップを重ねる

Page 35: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

concrete5 の歴史

● 1ライセンス 1万ドルの商用ソフト「 concrete」 CMS としてバージョンアップを重ねる

● 2008年にオープンソース化バージョン「 5」で大成したという意味で。「 5」は製品名の一部に。

Page 36: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

concrete5 の歴史

● 1ライセンス 1万ドルの商用ソフト「 concrete」 CMS としてバージョンアップを重ねる

● 2008年にオープンソース化バージョン「 5」で大成したという意味で。「 5」は製品名の一部に。o 「 concrete6」になることはありません

Page 37: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

concrete5 の歴史

● 1ライセンス 1万ドルの商用ソフト「 concrete」 CMS としてバージョンアップを重ねる

● 2008年にオープンソース化バージョン「 5」で大成したという意味で。「 5」は製品名の一部に。o 「 concrete6」になることはありません

● 2009年 2 月に日本語チーム (1人 )発足

Page 38: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

concrete5 の歴史

● 1ライセンス 1万ドルの商用ソフト「 concrete」 CMS としてバージョンアップを重ねる

● 2008年にオープンソース化バージョン「 5」で大成したという意味で。「 5」は製品名の一部に。o 「 concrete6」になることはありません

● 2009年 2 月に日本語チーム (1人 )発足

Page 39: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

concrete5 の特徴

● コンテンツの最小単位はブロックo テキスト、画像、ナビゲーション

● ブロックをエリアに積み重ねo 幅が広いエリア、幅が狭いエリア等

● エリアでページを構成o ページ属性機能も

● エンタープライズ CMSとしての標準機能o フォームo 権限・承認o 会員機能

Page 40: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

比較してみましょう

Page 41: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

WordPress の特徴

● 元はブログツール● コンテンツの最小単位:ページ● メインコンテンツとサブコンテンツがある

o 投稿 > ウィジェットo カスタム投稿タイプ > カスタムタクソノミー

● 管理画面上:ページの中に配置できるコンテンツの入れ替えなどの自由度は少ないo ブログ・ニュース記事など、型が決まった大量の記事を管理しやすい

Page 42: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

CMS 比較

起源 大規模サイト ブログ最小単位 ブロック ページサイト構成 ページタイプ カテゴリー・カスタム投稿タイプ

固定ページページ管理 サイトマップ カテゴリー・投稿タイプ等ページ構成 エリア -> ブロック 投稿とウィジェット

ブロックを自由に配置 1投稿と限定か要カスタマイズ記事の管理 ページ毎とにコンテンツ 1 ページ = 1コンテンツでシンプル を分けることが出来る

大量記事の移行難しい MovableType 等、移行が簡単テーマ作成 PHPコードを少し使う PHP専用コードを覚える

PHPの基本知識が必要 初〜中級者の知識が必要

Page 43: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

制作ワークフロー

Page 44: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

concrete5 制作ワークフロー

1.サイトマップ考える2. テーマ作成 or 購入 and/or カスタマイズ3.ページタイプ作る

a. ページ属性作成

4.ページタイプのデフォルトブロックを配置a. コンポーサーの設定

5.ページを作成6.ブロックを配置

a. カスタムテンプレート等を作成

Page 45: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

制作ワークフローの比較

Page 46: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

企画 サイトマップ サイトマップ

テーマ テーマ作成 or ダウンロードか購入 or DLか購入してカスタマイズ構築 ページタイプ作成 カテゴリ /c投稿タイプ作成

function.php 設定 or プラグインデフォルトブロック設置 function.php 設定 or プラグインカスタムテンプレート作成 function.php 設定 or プラグイン

コンテンツ ページ作成 ページ作成

公開 公開 公開運営 [省略 ] [省略 ]

ワークフロー比較

Page 47: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

つまり

WordPress 制作者はコードを書く = コードを書く

ほうが好きな人向け

concrete5 マウスを使って更新する = よりマウス

を使った更新したい人向け

Page 48: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

つまり

WordPress = 左脳 CMS

concrete5 =右脳 CMS

Page 49: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

concrete5 と WordPress 比較参考記事

● WP-DWordPress vs concrete5 その1

● しかたこうきconcrete5 WordPressのコレって、 で言うところの何なのリスト

● 菱川一番

WordPress concrete5分かりやすい と のカスタマイズ方法の違い

Page 50: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

One more thing

Page 51: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

concrete5 のもう 1つの魅力

Page 52: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

It’s not only a productIt’s a person!

製品だけじゃない。ヒトも魅力なconcrete5

Page 53: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

とある日

● Katz: ねえねえ、会いに行っていい?

Page 54: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

とある日

● Katz: ねえねえ、会いに行っていい?● Franz: いいよ〜。いつでも来ていいよ〜

Page 55: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

とある日

● Katz: ねえねえ、会いに行っていい?● Franz: いいよ〜。いつでも来ていいよ〜● Katz: マジで〜〜〜

Page 56: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

とある日

● Katz: ねえねえ、会いに行っていい?● Franz: いいよ〜。いつでも来ていいよ〜● Katz: マジで〜〜〜

Page 57: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

とある日

● Katz: ねえねえ、会いに行っていい?● Franz: いいよ〜。いつでも来ていいよ〜● Katz: マジで〜〜〜会いに行けるリーダー!

Page 58: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

会いにいけるリーダー

● いい意味で身近なリーダー● Skype で定期的に意見交換● 来週ポートランドにまた会いに行きます!● 意見を直接トップに伝えやすい

(Franz, Andrew)● 日本コミュニティの活動が結構活発● 結構日本の言うことを聞いてくれる!● 自分たちの意見が通りやすい!

Page 59: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

● Franz と Andrewは気さく● 一緒に仕事をしやすい● 人間的な魅力があります!

Page 60: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

実際にデモ

Page 61: CMS と concrete5 のわかりやすい紹介

2014.9.28 (日 ) CMS の 1つ、 concrete5 のわかりやすい紹介

Katz Ueno ( 上野勝之 )Twitter: @katzuenoブログ : http://katzueno.com

コンクリートファイブジャパン株式会社 取締役 Chief Communciations Officer

http://concrete5.co.jp 名古屋で concrete5 CMS の普及

ありがとうございます