日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び：本編

日本のCMSの今。
特徴とプロジェクトから考える、
次のCMS選び
Seiko Kuchida :: ウェビングスタジオ
2016.02.27(Sat)
CMS Mix SAPPORO@TKP札幌カンファレンスセンター

WCAN2015秋からの変更点
• プロジェクト別からCMS別に変更
• 最新情報を追加
• まとめ：CMSを検討する方法をカット
ほぼ新作やんけ…
http://www.slideshare.net/webbingstudio/web-cms...

口田聖子（うぇびん）
Webエンジニア
CMSアドバイザー

愛知に行って
はや、２年半
Nagoya
Sapporo

CMSと
出会って11年
日本に、ブログブームをもたらした
シックスアパート平田さんの本

ウェビングスタジオの業務
制作会社の
助っ人
CMSに関する
コンサルティング

ウェビングスタジオの業務
a-blog cms Movable
Type
WordPress

https://market.basercms.net/products/detail.php?product_id=89

時代は変わったねー
• WordPress王朝から、戦国時代へ
• 日本で再建を果たしたMovable Type帝国
• 中堅CMSが、各地で個性的な国を築く
• 黒船・Drupalが今、CMSファンの間でアツい
しみじみ

見た目にこだわるサイトが増えた
• ３段組、1：2の２段組 etc…
• ボタン 
飾り枠 
アイコンとフキダシで会話 etc…
• ブロック編集機能は 
もはや当たり前

▼ なぜ、複数のCMSを使える方が良い？
▼ CMS別特徴と選定のポイント
▼ まとめ
メイン

明日
役に立ちません
（えっ）

でも 
CMSを扱うなら 
得てほしい「知識」

三ヶ月後、 
半年後、一年後 
必ず役に立つ話

なぜ、複数のCMSを
使える方が良い？

パワーユーザーの皆さん
うちの
CMS
最高
どんな
サイトも
作れる!
Drupal WordPress Movable Type a-blog cms

1. 手段の目的化を防ぐ
2. 知識の停滞を防ぐ
3. 抽象化思考が身に付く

どのCMSも得意•苦手がある
•他のCMSよりも 
制作の手数を減らせる
•コアに含まれており 
安全に実装できる
•バージョンアップしても 
問題は起きにくい
•他のCMSよりも 
制作の手数が大きくなる
•実装するとセキュリティ 
リスクが...

使えるCMSがひとつだけだと
「要件をクリアすること」に 
固執しがち
なんとか
するしか
ない！
この
要件は
マストで
魔改造

魔改造の恐ろしい副作用
修正コストが激増
修正が数年後だと 
自分でもどうやったか忘れてる
制作者が退職•廃業すると 
目も当てられない

手段が
目的に
なっている

同じCMSを使っている人ほど…
•最新のセキュリティ対策をしていない
•対応する機能がなかった頃の、裏技を使っている
•何年も前にバージョンアップが止まった 
プラグインを提案してくる
古
古
古
古
古あらら

なぜそうなる？
•よほど、そのCMSが好きでない限り 
ある程度のレベルに達すると 
学習しない
•慣れた手法で充分と思ってしまう
いそが
しくて
つい
制作のパターン化

1. 手段の目的化を防ぐ
2. 知識の停滞を防ぐ
3. 抽象化思考が身に付く
最後に
話します

パワーユーザーすごい
• そのCMSが大好きで
• イベント参加・自習で最新の情報を吸収し
• リスクにも対応できる体制を常に整えている
愛努力自信

そこまでできる？
ぼく、アクセス解析も勉強したい…

本日のメイン
• 主要なCMSごとに、選定のポイントや 
注意点をご紹介
• 受注するプロジェクトと照らし合わせ 
自社・自分に適した 
2つ目・3つ目のCMSを探ってみよう

改修のコスト◎
高機能だが
意外な落とし穴も

自由度が高いUＩ
• 最初から利用できるユニット 
（本文に挿入するパーツ）が多い
• 自作ユニットを 
プログラムを書かずに追加できる
使いやすい！直してみました
point

やりすぎ注意
そこまで装飾が必要？
社内から
このような要望も…
はいっ！
caution

モバイルアプリが高機能
point

会員サイトを作りやすい
公式なのでキャッシュ管理も問題なし

楽になったインストール
• 使う前に挫折するCMS・ナンバー１… 
だったが改善
• 公式ドキュメントの充実
• 簡単セットアップがリリース
他のCMSと変わらなくなった

プログラムは書かないが
• 納品後のちょっとした改修が、とても楽
• ただし、jQueryはある程度書く
• マークアップにこだわるとIF文も書く
• サイトマップの完成度が、じわじわ響く
広範なWeb制作スキルが求められる

ライセンスに注意
•ドメイン１個なら、54,500円とお得
•ドメイン追加で、プラス30,000円
•サブドメイン追加で、プラス50,000円
あっちゃー
聞いてないよー！と言われないよう注意
caution

うまくハマれば、超お得 
ユーザーが育てるCMS

コーポレートサイトにちょうどいい
• 必要な機能のみ、無駄がない
• 優れたフォーム機能
• 各業種にピンポイントなプラグイン
WordPressよりは、攻撃リスクも低い
（単純なシェアの問題だが）

https://market.basercms.net/
point

ユーザー参加の秘密「CakePHP」
• 著名なPHPフレームワーク 
「CakePHP」がベース
• baserCMSの機能を 
継承・上書きできる
• プラグインを作りやすい
Cake 
できますよ

ユーザー参加の秘密「マーケット」
• テーマ・プラグインのマーケット
• 有料販売もできる
• 出品するとニュースで告知
他のCMSよりも積極的な
発表の場を提供
やりがいが
あるなあ

CSVインポートが強力
案件を重ねるほど楽になっていく
point

「ちょうどいい」 
の意味

一般的なサイトを
作るのに 
ちょうどいい
こだわりすぎるとPHPゴリゴリ
こんなはずではー！
caution

検証をていねいに
• 基本機能・プラグイン範囲内で実装できる？
• CKEditor・Burger Editorで 
ページを更新できそう？
• コーディングに無理はない？
ときには割り切りも大事
あくまで主役はコンテンツ
caution

実は強力な権限管理
とっつきやすい 
UIが敷居を下げる

直感的なUＩが目立つが
• 2008年までは、1ライセンス1万ドルの 
エンタープライズCMSだった
• バージョン5でオープンソース＋無償に
• このため、高度な権限管理・多言語対応が 
基本機能として搭載されている

http://www.slideshare.net/HayakaShoji/concrete5-57856209
concrete5の権限とワークフローについて

上級権限モード
• 上級権限モードにすると、ページ作成に関する 
すべての操作権限を設定できる
• 追加できるブロックも決められる
• 権限を有効にする時間帯も設定できる
point
Web担さんが
全体作って
広報チームが
中身を入力！

上級権限モードは
いちど選ぶと戻せない
最低でもグループ管理は練習しておこう
caution
さっぱりわからん…

管理画面の翻訳もブラウザから可能
　多言語設定がわかりやすい
point

クセのある管理画面
• ページ一覧がツリー構造
• CMSに慣れていない 
人には理解しやすい
• ページが多いほど 
見通しが悪くなる
• 表示が遅い
caution

軽ーいイメージを活かす
• エンタープライズCMSは 
第一印象の敷居が高いものが多い
• 美容・アパレル・地方の施設など 
敷居を下げたいが 
権限管理や国際化が必要なクライアントに 
提案しやすい…かもしれない
これなら
がんばれそう！

柔軟な日本法人
• 本家プレスの翻訳・まめなメディア配信
• 毎週木曜夜のUst「週刊 concrete 5」
• 日本語化・開発支援・他CMSとのコラボ
企業 
でもある
ユーザー会 
であり

壁は、英語…ではない 
膨大なモジュールを
使いこなせるか

https://www.ﬂickr.com/photos/amazeelabs/17380491460
LAのイベントに3,000人参加

国際企業に人気な理由
• 充実の翻訳機能
•言語ファイルが翻訳サーバーに集結
•サイト内の未翻訳を自動抽出するモジュールも
point

http://www.slideshare.net/bkenro/drupal-45849022

公的機関に人気な理由
• 専門のセキュリティチームによる 
24時間365日の対応
• 安全性に惹かれて、各国の政府機関が導入
• 豊富なフィードバックを受けて 
さらに安全性アップ
理想的な、らせん型コミュニティ
point

考え方は、WordPressに近い？
• コンテンツタイプを作る
• 入力項目、タクソノミーを設定する
• Viewsモジュールで 
表示条件を決める
• Panels・Display Suiteモジュールなどで 
体裁を決める

http://knowledge.sakura.ad.jp/beginner/3045/
増えてきた、日本語情報

座学だけでは難しい
小規模サイトも作れるので 
手を動かし、身に付けよう
がんばって
ついてきてくださいね★
うひゃあ
caution

https://www.youtube.com/results?search_query=drupal
動画だとなんとなくわかる！

飲食店だと
「今、空いてるか」と 
優れた店舗紹介が重要

夢見るクライアント
• 個人事業主は予算がない
• リソースもない
• 要望通りにコンテンツを広げすぎると、 
ブログさえ更新できないことも…
熱意は
くんであげたい…
あれも
やりたい
これも
やりたい

ASP型CMSという提案
• Jimdo ／ WIX ／ MovableType.net 
WordPress.com
• 月額制、メンテナンス不要
• 独自ドメインが利用可能
小さなサイトからはじめ 
このままか、拡張するか検討

Jimdoのメリット
• KDDI傘下の老舗企業が運営 
（いきなりサービスが終わる心配がない）
• Webに慣れていない人に優しいUI
• メール＋全国のJimdo Cafeのサポート体制
• bootstrapなどのフレームワークと共存可能...

http://hajimeteweb.jp/
サイト運営者への意識改革

スマートフォンアプリ
簡単な更新・ブロック並び替え
point

アーカイブが作成されない
タグ絞り込みを利用するしかない
caution

• エクスポートができない
• スマホアプリでは写真を編集できない
• 永続的なブログを書きたいなら、 
Jimdoは避けるべき
あくまで小規模サイト向け
ブログをしっかり
書きたいです！ Jimdo以外で 
検討しよう
caution

「国内シェア」は 
もう通用しない！ 
独自の長所をプレゼン

物理的なセキュリティ強化
•公開サーバーにCMSを置かない
•非公開サーバーで静的コンテンツを生成
•IP制限もかけておく
•rsync・scpなどで逐一静的コンテンツを転送
サーバー保守が必須だが 
ある意味、最強
point

Uploader for Movable Type
https://www.ideamans.com/mt/uploader/

アクセスのムラが大きい時代
• ビッグイベント初日・区切りの日
• デマや思い込みによる炎上
• 悪意・政治的意図による外部攻撃

Movable Type式・負荷軽減
• 共通パーツは極力、静的ファイルに
• Cronでの予約投稿
• アクセス増が予想される日は 
全ページ、静的ファイルにしてしまう
学習コストが低い＋安価なサーバーでも可能

MovableType.net
• Movable Type 6の縮小版、かつ、ASP
• 再構築不要な、動的生成
•カスタムフィールドを作れる
• 簡易ながらフォームもある
構造化が必要なサイト向き
point

専用サーバーまじこわい
稼働中のシステムによっては 
静的書き出しが必須＝Movable Type一択
逆に設置できないことが判明したり…
•Perlのモジュール不足
•Perlバージョンによる衝突
•PHP・MySQLのバージョン不足
cau...

地味なUIが課題
管理画面…こうなんですね…
なるほどです…
最近のクライアントは目が肥えている
早めに触ってもらうこと！
caution

メンテナンスに 
力を注げる案件こそ 
CMSの覇者の舞台

セキュリティ問題
• きちんと設置すれば、防御できる
•ログインURLの変更
•重要ファイルのパーミッション変更
•wp-conﬁg.phpを一階層上の非公開領域へ
強力なパスワード＋まめなアップデート
point

https://ja.wordpress.org/plugins/all-in-one-wp-security-and-ﬁrewall/
難易度高め、全方面から徹底防御

サイトが重くなる
• システム上、大量のリクエスト処理が苦手
• WP Super Cacheが王道だが 
限界がある
巨大イベントのサイト 
どうやって構築する？
caution

http://kusanagi.tokyo/
コスト増をどうする…？

「ブログが重い！」WordPressを高速化させる 
ための8つの方法とおすすめプラグイン
http://liginc.co.jp/web/wp/other-wp/144897
システム以前の問題だったり

工数減: 高機能プラグイン
• コミュニティサイト構築 
BuddyPress・BBPress
• 詳細な権限管理 User Role Editor
• 他のCMSでは困難な要望を 
あっさりクリアできることも
point

WordPressで予約システムを設置できる 
プラグイン8選
https://ferret-plus.com/3148/

工数減: JetPack
• .com運営の世界企業、Automattic製
• ブログ運営に便利な機能を多数追加
•SNSアカウントへ自動共有
•記事中に簡易フォームを挿入
•関連記事リスト etc…
ブログメディアとの相性はやはり良い

マルチサイトは罠が多い
• サーバーの仕様によっては、実装できない
• 非対応のプラグインが多い
• ブログ間の導線がわかりにくい
行きはよいよい帰りはこわい
本番サーバーでの検証は必須！！
caution

CMSの特徴を 
整理してみよう

WordPress
早・安・旨！ブログで最強 
リスク回避はしっかりと
2016年1月時点
CMSの特徴まとめ
Movable Type
盤石のアーカイブ管理
お固いサイトほど本領発揮
a-blog cms
多機能！スルメな奥深さ 
会員コンテ...

抽象化思考とは
• 物事を抽象的に考えることで 
枝葉にとらわれず、目的や意味を明確にする
米や麺を控える糖質を減らす脂肪の蓄積を抑える
体重が減る健康になる幸せに暮らせる

http://nedwlt.exblog.jp/18463890/

http://www.slideshare.net/KeysukeMizuno/wcan-2014autumn03

CMSでサイトを作る
良質な情報を提供する
売上を増やす

そのCMSを
使うために
サイトを作っている
わけではない
そりゃそうだ

抽象化思考を育てる
• クライアントの目的を見出す
• 目的に沿って、複数のCMSから比較•検討
• 手段が目的とならない、広い思考が身につく
…と
思ってます。

コンテンツは普遍
時代の流れに
柔軟でいられるか？

ありがとうございました
http://webbingstudio.com/

日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び：本編