CMS の現場から - WordPress と concrete5

CMSの現場から
WordPress と concrete5
CMS の現場を紹介
2014年6月18日 (水)
トライデント専門学校

アジェンダ
1. 【石原】まずWordPress コミュニティの紹介
2. 【石原】なぜ CMS を使うのか
3. 【上野】CMS の種類
4. 【上野】なぜ WordPress なのか
5. 【両人】実際のデモ
2014/6/18 トライデント専門学校 - CMSの現場から 2

1.
コミュニティの紹介

WordBench Nagoya
名古屋の WordPress コミュニティ
名古屋ワプー
1. コミュニティの紹介

毎月勉強会やってます！
名古屋だけではなく、日本各地でやってます！
上級者・初級者向けワークショップなど内容は様々です。スケジュールなど詳
細はこちら

更に

WordFes Nagoya 2014
今年は名古屋工業大学で 8月30日に開催予定！

なんと

宿泊も！
ゆっくり休んでもよし・徹夜で作業してもよし！
愛知県知多市新舞子近く「南浜荘」にて

http://2014.wordfes.org
詳しくは、Webサイトへアクセス !

2. なぜ CMS を使うのか
GrowGroup合同会社石原隆志

石原隆志 : イシハラタカシ
Grow Group合同会社所属
※ 一緒に働いてくださる方大募集中です！
2. なぜCMSをつかうのか | GrowGroup 合同会社石原隆志

熊本県天草市出身
1990年生まれの23歳

今日、話すこと。( 前半 )
1. 仕事について
2. CMS の魅力
3. 使うようになるまで
4. 学ぶために努力したこと
5. アドバイス

1. 仕事について

案件の8割型
WordPress
で作ってます。

普通のコーポレートサイトから

ポータルサイトまで

ちょっと手短にWordPressを紹
介 ( デモ )

残りの2割
EC-CUBE
Drupal, MovableType
静的なHTML
… etc.

9割型 CMS
( コンテンツマネジメント・システム )
を使った案件

なんで？

2. CMSの魅力

魅力1. 静的なHTMLコーディング案件よりもCMS
案件の方が金額が高い。

魅力2. 仕事が取りやすい！
提案に幅ができる

魅力4. CMS でデザインが制限されることは
ほとんどない。

CMSの魅力
伝わりました？

… あんまり伝わらないと思うので、
実際に CMS を使うようになるまでの
経緯を語ります。

3. CMSを使うように
なるまで

3年前

鉄を溶かしてました。

Web のイメージ

・おしゃれ
・頭いい
・クリエーターっぽい
・海外にあこがれていた

……っという理由で
Web業界へ転職！

よし、修行で
どこかの制作会社
で働くか！

いきなり個人で
やり始めました。

まずは HTML, CSS …
SOHOビレッジや @SOHO などで
案件を探してました。

10ページ
HTMLコーディング
いくらだと思いますか？

安い？でもこれぐらいの案件しか
手を出せませんでした。
A. 12,000円

静的なHTMLのコーディングは
単価がやすかった。
どんどん海外へのアウトソージングで
安くなっている。
CMS を始めるきっかけその①

お客さん A : 40ページぐらい作りたいんだ
僕 : ( サクラエディタで手打ちしてるなんて言えな
い.. )

ページ数が多くなってくると
管理が大変
ちょっとした内容の変更も全部自分にくる。
( お金が別途貰えれば別 )
CMS を始めるきっかけその②

お客さん B :
ブログ！お問い合わせフォーム！欲しい！
僕 :
( HTML, CSS しかできないなんて言えない... )

プログラムを組まないといけない要
望もたくさんある
当時は無料のCGI なんかをコピペでやっていました。
CMS を始めるきっかけその③

静的なサイトだけでは
限界が...

CMS を
勉強しよう！
ということで WordPress を使い始めました。

4. 学ぶために努力したこと

努力したことその①
プログラミング言語の習得

・WordPress は、コーディングにPHPの知識が必要。
・HTML/CSS と比べて習得難易度が格段に高い

けど、理解できれば
格段にできることが広がります！
・WordPress は、コーディングにPHPの知識が必要。
・HTML/CSS と比べて習得難易度が格段に高い

・本でもネット上でも勉強する術は揃っている。
・ちゃんとした構文の意味を理解せずに、
コピペでごまかしながら実装するのはあまりおすすめでき
ません。
結果的に理解するのが遅くなる

努力したことその②
CMS 以外の技術の習得

CMS以外の技術の習得
デザインのトレンド

デザインのトレンド
トレンドなんてすぐ変わるので、
もっと根本的なデザインスキルが必要

・開発を行う為のツールの習得

・開発を行う為のツールの習得
特に Git はデザイナーさんも
覚えた方がいいと思います！

努力したことその③
Apache, MySQL など
のサーバー側の知識

Apache, MySQL など
のサーバー側の知識
・どの CMS でもWebサーバー、データベースは使うので、
この知識があると幅が広がります！

クライアントさんとの
やりとり
努力したことその④

クライアントさんとの
やりとり
・CMS は便利な分、クライアントが更新 → 更新サ
ポートが必要
・CMS によって、「ここは抑えておかないとトラブ
ルになる」箇所がある。
・見積もり時点からその知識は必要。

6. アドバイス

Webを
好きになろう！

基礎学習に力を入
れよう！

あまり一つのこと
にこだわらない！

コミュニティや
勉強会
に参加しよう

とにかく経験！

3. CMSの現場から | コンクリートファイブジャパン Katz (上野勝之)
【後半】CMSの現場から
バトンタッチ！

【後半】CMSの現場から
Katz (上野勝之)
コンクリートファイブジャパン株式会社

後半戦アジェンダ
● 自己紹介
● CMS って何？
● 知ってて損はない、日本国内で有名な CMS
● WordPress はなぜ凄いのか
● WordPress のここを知っておいて欲しい
ポイント

自己紹介
● Katz (上野勝之)
● 1980年三重県四日市市生まれ
● アメリカに留学→映画制作 →
雑誌編集 → Web に
● TOEIC 990点
Twitter: @katzueno
Blog: http://ja.katzueno.com

自分と CMS との付き合い
1996年から
Dreamweaver でサイト制作

2006年「Joomla」という世界で2番目に使われている
CMS をアメリカのエンタメ雑誌のサイトで使いはじめる

2008年Mixi のようなSNSが始められる「OpenPNE」派
生ソフトの開発メンバーに

2009年 concrete5 というアメリカで作られている CMS
の日本語開発のリーダーとして活動

2012年
仲間が会社を立ち上げ

2014年
マイナビ「concrete5 公式活用ガイドブック」
を共著

2014年コンクリートファイブジャパン株式会
社に本格参加

2006年～エンタメ雑誌「Entertainment Today」という
英語雑誌のサイト運営 * Joomlaから始まり、現在は WordPress で運
営
実際の仕事でのCMS

2012年～
名古屋のWeb制作会社、エスケイワードにて
多言語サイトを構築

2012年～
中部国際空港
英語観光特集サイトを
構築
(MovableType)

イベント情報サイト
を構築
(WordPress)

concrete5 を使い、レストラン・税理士事務
所・ゲストハウスから、上場企業のサイトまで
構築

そもそもCMSって何？

CMS
= Content Management System
= コンテンツを管理するシステム
そもそもCMSって何？

【クイズ】
● Facebook
● Twitter
● アメブロ (アメーバブログ)
● YouTube
● 楽天 (お店)
● WordPress で自分でレンタルサーバーにインストール
したブログ
● EC Cube で作って自分のサーバーでやっているネット
ショップ
● concrete5 で構築した会社紹介サイト
以下のサイトでCMS サイトはどれでしょう？

正解

全部のサイトが
CMS と呼べます！
正解

Webコンテンツを構成するテキストや画像など
のデジタルコンテンツを統合・体系的に
管理し、配信など必要な処理を行うシステ
ムの総称
http://ja.wikipedia.org/wiki/コンテンツマネージメントシステム
Wikipedia での「CMSの定義」

一般ウェブサイト、ネットショップ (Eコマー
ス)、SNS、ブログ、Wikipedia など、コンテン
ツの更新には HTML コードを書かなくてもテ
キスト・画像・動画などのコンテンツをWeb上
で管理できるシステム。
CMSとは？ (勝手な解釈)

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

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

ソフトウエア型とは
ソフトウエアを自分で
サーバーにインストールする
CMS の種類について：
その1：ソフトウエア型 vs サービス型

ブログ型
WordPress (.org)
MovableType
a-blog CMS
Joomla
サイト型
concrete5
XOOPS
Drupal
Joruri
BaseCMS
Eコマース(ショップ)
EC Cube
Magento
SNS
OpenPNE
Elgg
掲示板
phpBB
SMF

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

サービス型
ブログ型
アメーバブログ
WordPress.com
サイト型
Jimdo
Wix
Eコマース(ショップ)
楽天
カラーミーショップ
SNS
Facebook
Twitter
掲示板
2ちゃんねる

ソフトウエア型 vs サービス型の利点・弱点

ソフトウエア型の利点
自分でコントロールしやすい（自由）
無料ソフトも多い
自分（管理者）の個人情報が流出しにくい（プライバ
シー）
ソフトウエア型の弱点
サーバー (FTP等) の知識がいる
管理をしなければいけない

サービス型の利点
インストールする手間がかからない
サーバー (FTP等) の知識が要らない場合が多い
無料サービスもおおい
サービス型の弱点
サービスが終了すると使えなくなる
無料の場合、広告表示される
無料でも有料でもユーザー(管理者)データが収集される
（プライバシーの懸念）

ソフトウエア型 = 一軒家
（掃除、修理など自分で面倒みなければいけない）
サービス型 = ホテル
（掃除、食事はスタッフがしてくれる）

上手く使い分けていこう

今日は時間が短いので

Web制作者として
知っておきたい CMS
を紹介します
ソフトウエア型

Web制作者として知っておきたい CMS
#1 : WordPress

とにかく、WordPress は覚えておかないとい
けない！（詳しくはあとのスライドで）
Web制作者として知っておきたい CMS #1 :
WordPress

#2 :

#2 :
● 日本で根強い人気のあるCMS
● ブログツールとして発展
● 有料ソフトだが、サポートがあるので
日本企業に人気
● 管理サーバーと公開サーバーを分離できる
のでセキュリティー的に有利

#3 = Joomla
世界で2番目に使われている CMS
#4 = Drupal
大規模な開発ができる CMS。
ホワイトハウスや毎日新聞サイトも
Web制作者として
頭の片隅においておきたいCMS

#5 = a-blog CMS

#5 = a-blog CMS
● 名古屋で作られている CMS
● ここ (トライデント専門学校) から 150m の
ところで開発されてる！
● プログラミング知識がなくても、
HTML+CSS の知識とちょっとの勉強で
CMSにできる
● 管理画面も簡単にカスタマイズできる

#6 = concrete5

#6 = concrete5
● 直感的にページを編集できる CMS
● 自分 (Katz) が日本語版を作っているので、
勉強してね！
● ベースキャンプで勉強会してるよ(学生無料)

だけどやっぱり・・・

とりあえず WordPress！

WordPress をなぜ勉強したほうがいいのか
● ソフトウエア型として世界で一番使われて
いる CMS
● CMSは世界の約60%のシェア(*W3Techs 2014.6.19)
22%
78%
All Web
WordPress
その他
60%
8%
5%
36%
CMS Share
WordPress
Joomla
Drupal
その他

● 日本でも、50%以上のCMSサイトで使用
(CMS Crawler, 2014.6.19)
● 就職先をみつける上でも有利！

楽しい！
● クライアント客さんが簡単にホームページ
を更新して喜んでもらえる
● いつの間にか、HTML や PHP の技術が身に
つけられている
● 地域の勉強会がすごく楽しい
● 始めるのに敷居が低く、高度なこともでき
る

楽しい！
● クライアント客さんが簡単にホームページを
更新して喜んでもらえる
● いつの間にか、HTML や PHP の技術が身に
つけられている
● 地域の勉強会がすごく楽しい
● 始めるのに敷居が低く、高度なこともできる

● 地域の勉強会がすご
く楽しい
● 仲間ができる

あと
もうひとつ・・・

告白

私は・・・
WordBench 名古屋
で

WordBench 名古屋
で、お嫁さん見つ
けました！

ええやろ〜
コミュニティーの楽しさ満喫！

・・・

と、さておき

WordPress を勉強する上で
やっておきたいこと

WordPress を勉強する上でやっておきたいこと
1. WordPress を試してみよう！
wordpress.com ならインストール無し
で無料で試せる

2. WordPress をサーバーにインス
トールしてみよう！
wordpress.org からソフトウエアを
インストールしてみよう！
XAMPP や MAMP というソフトを使って、
自分のPCにもインストールできる

3. 既存のテーマを使って、見栄えを
変更できるようになろう
たくさんある無料テーマをダウンロードし
て、手を加えながら、WordPress の仕組み
を理解しよう

4. HTML コードを WordPress の
テーマに変換できるようになろう
ゼロから WordPress を作れるようになる
と、無敵になれるよ！

5. 以上の作業がどれだけの時間で
できるか、自分の能力を把握しよう！
仕事では常に、どれだけの時間がかかるかを
把握することが重要（見積にも関係す
る！）。経験を積んで、自分が作業に必要と
する時間を知ろう。

でもそんなの自分一人では
できないよ〜

そんな WordPress を体験できるのが、
WordBench 名古屋です！
いい機会があるよ！

wbnagoya.doorkeeper.jp
に来てね！

concrete5 も勉強会
やってるよー

4. CMS操作デモ
実際の操作デモ

実際のCMSデモ
仕事で使ってる
サイトを紹介！？

concrete5
Katz

WordPress
石原

デモ終了
ありがとうございました

何か質問等あれば連絡ください！
twitter : @1shiharaT
Facebook: http://facebook.com/takashi.ishihara
E-Mail : ishihara@grow-group.jp

何か質問等あれば連絡ください！
twitter : @katzueno
Blog: http://ja.katzueno.com

ありがとうございました！
@1shiharaT
@katzueno

CMS の現場から - WordPress と concrete5

More Related Content

What's hot

Similar to CMS の現場から - WordPress と concrete5

More from Katz Ueno

CMS の現場から - WordPress と concrete5