Web制作の幅が広がる！ プロジェクトの傾向から考える、 ２つ目•３つ目のCMS選び

Web制作の幅が広がる！ プロジェクトの傾向から考える、 ２つ目•３つ目のCMS選び

1. 1. Web制作の幅が広がる！ プロジェクトの傾向から考える、 ２つ目•３つ目のCMS選び Seiko Kuchida :: ウェビングスタジオ 2015.09.12(Sat) WCAN 2015 Autumn@名古屋商科大学
2. 2. 質 問
3. 3. Web制作 好きですか？ はーい
4. 4. CMSを利用した プロジェクトを 経験したことある？
5. 5. クライアントの 要望を 直接聞く立場？
6. 6. ありがとうございます
7. 7. 今日の話は
8. 8. 明日 役に立ちません （えっ）
9. 9. でも
10. 10. CMSを扱うなら
 得てほしい「知識」
11. 11.  三ヶ月後、
 半年後、一年後
 必ず役に立つ話
12. 12. 今日の内容 ▼ 私とCMS ▼ なぜ、複数のCMSを使える方が良い？ ▼ 要件別 CMS選定のポイント ▼ まとめ メイン
13. 13. 私とCMS
14. 14. 口田 聖子（うぇびん） Webエンジニア CMSアドバイザー CMSのウェビングスタジオ
15. 15. 愛知に来て もうすぐ２年 Nagoya Sapporo
16. 16. CMSと 出会って11年 日本に、ブログブームをもたらした シックスアパート平田さんの本
17. 17. ウェビングスタジオの業務 制作会社の 助っ人 CMSに関する コンサルティング
18. 18. ウェビングスタジオの業務 a-blog cms Movable Type WordPress
19. 19. 興味があるCMS HOT! テーマ 配布 baserCMS Jimdo Drupal concrete5
20. 20. CMSの情報を集めてます http://cms-skill.com/
21. 21. 各種CMSイベントに出没
22. 22. 時代は変わったねー • WordPress王朝から、戦国時代へ • 日本で再建を果たしたMovable Type帝国 • 中堅CMSが、各地で個性的な国を築く • 黒船・Drupalが今、CMSファンの間でアツい しみじみ
23. 23. なぜ、複数のCMSを 使える方が良い？
24. 24. パワーユーザーの皆さん うちの CMS 最高 どんな サイトも 作れる! Drupal WordPress Movable Type a-blog cms
25. 25. パワーユーザーの皆さん うちの CMS 最高 どんな サイトも 作れる! Drupal WordPress Movable Type a-blog cms
26. 26. 仰る通りです
27. 27. では、なぜ 複数のCMSを 使える方が良い？
28. 28. 3つの理由
29. 29. 1. 手段の目的化を防ぐ 2. 知識の停滞を防ぐ 3. 抽象化思考が身に付く
30. 30. 1. 手段の目的化を防ぐ 2. 知識の停滞を防ぐ 3. 抽象化思考が身に付く
31. 31. どのCMSも得意•苦手がある •他のCMSよりも
 制作の手数を減らせる •コアに含まれており
 安全に実装できる •バージョンアップしても
 問題は起きにくい •他のCMSよりも
 制作の手数が大きくなる •実装するとセキュリティ
 リスクが高まる •バージョンアップ時の
 問題が起きやすくなる 得意分野 苦手分野
32. 32. 使えるCMSがひとつだけだと 「要件をクリアすること」に
 固執しがち なんとか するしか ない！ この 要件は マストで 魔 改 造
33. 33. 魔改造の恐ろしい副作用 修正のコストが激増 修正が数年後だと
 自分でもどうやったか忘れてることも 制作者が退職•廃業すると
 目も当てられない
34. 34. 手段が 目的に なっている
35. 35. 1. 手段の目的化を防ぐ 2. 知識の停滞を防ぐ 3. 抽象化思考が身に付く
36. 36. 1. 手段の目的化を防ぐ 2. 知識の停滞を防ぐ 3. 抽象化思考が身に付く
37. 37. 同じCMSを使い続けている
 制作者ほど、知識が古い •最低限のセキュリティ対策をしていない •対応する機能がなかった頃の、裏技を使っている •何年も前にバージョンアップが止まった
 プラグインを提案してくる 古 古 古 古 古 あらら
38. 38. なぜそうなる？ •よほど、そのCMSが好きでない限り
 ある程度のレベルに達すると、学習しない •慣れた手法で充分と思ってしまう •制作のパターン化
 過去の納品データの使い回し いそが しくて つい デザイン・コーディングでも よくあること
39. 39. 1. 手段の目的化を防ぐ 2. 知識の停滞を防ぐ 3. 抽象化思考が身に付く 最後に 話します
40. 40. パワーユーザーがそうならないのは • そのCMSが大好きで • イベント参加・自習で最新の情報を吸収し • リスクにも対応できる体制を常に整えている 愛 努力 自信
41. 41. そこまでできる？ ぼく、アクセス解析も勉強したい…
42. 42. 本日のメイン • 様々な要件ごとに、注意すべき点や
 CMS選定のポイントをご紹介 • 受注するプロジェクトの
 傾向と照らし合わせ、自社・自分に適した
 2つ目・3つ目のCMSを探ってみよう
43. 43. 要件別 CMS選定のポイント
44. 44. ブログメディア
45. 45. WordPress+JetPackは鉄板 • .com運営の世界企業、Automattic製 • ブログ運営に便利な機能を多数追加 • SNSアカウントへ自動共有 • 記事中に簡易フォームを挿入 • 関連記事リスト etc… 他のCMSで、すべて実装するのは手間
46. 46. だが
47. 47. コンテンツによっては 他のCMSの方が 良いこともある
48. 48. 見た目へのこだわり • bootstrapの３段組、1：2の２段組 • ボタン
 飾り枠
 アイコンとフキダシで会話 etc… • ウィジウィグ・AddQuicktagでは
 登録作業がたいへん お問い合わせ
49. 49. a-blog cmsは 装飾が多いほど便利 • 最初から利用できるユニット
 （本文に挿入するパーツ）が多い • 自作ユニットを追加して
 案件に併せた、細やかな装飾を実現 制作コストとのバランスを考えて！ そこまで装飾が必要？
50. 50. 人気ゲーム•ビッグイベント • PVが多い・特別な日にはさらに急増 • WordPressはシステム上
 大量のリクエスト処理は苦手 • Wp Super Cacheが王道だが、限界がある 静的サイト＋独自CMS というケースも
51. 51. クラウドサーバー＋仮想マシンで
 WordPressを根本から高速化！ http://kusanagi.tokyo/
52. 52. 敷居高い 学習コスト高い クラウド…ですか…
53. 53. Movable Typeでの負荷軽減 • 共通パーツは極力、静的ファイルに • Cronでの予約投稿 • アクセス増が予想される日は
 全ページ、静的ファイルにしてしまう 学習コストが低い＋安価なサーバーでも可能
54. 54. 個人事業・店舗
55. 55. とにかく予算がない • 更新のリソースもない • WordPress指定が多いが… みんなが 勧めるので ネットで 良いという 記事が
56. 56. WordPress 以外のCMSを 知らない
57. 57. サーバー設置型のリスク • 自力でメンテナンスできるの？ • バージョンアップしたら不具合発生…
 させない？いやいやいや • 納品後のサポートもする？ WordPressを一般人が利用するリスクを しっかり説明すること！
58. 58. Jimdoでコンパクトに • メンテナンス不要な、ASP型のCMS • 手厚いサポート • メール • 全国のJimdo Cafe • スマートフォンアプリで更新 納品後のサポートが難しいサイト向き
59. 59. 安定のMovable type.net • Movable Type 6の縮小版、かつ、ASP • 再構築不要な、動的生成 • カスタムフィールドを作れる • 簡易ながらフォームもある 商品紹介など、
 ある程度の構造化が必要なサイト向き
60. 60. 現行サーバー維持ならbaserCMS • 必要な機能のみ、無駄がない • 優れたフォーム機能 • スタッフ紹介、レシピ等の
 各業種にピンポイントなプラグイン WordPressよりは、攻撃リスクも低い （単純なシェアの問題だが）
61. 61. 「Wix」は予約システムがある！？ http://ja.wix.com/app-market/wix-hotels/overview
62. 62. 最大の壁は、夢見るクライアント • コンテンツを広げすぎて、けっきょく
 ブログさえ更新できないことも… • 目標達成のために何が必要か、
 無謀な要望はないか
 制作側がリードしよう
63. 63. 大学•研究機関•大手企業
64. 64. 真っ先に 確認すべきは
65. 65. サーバー！
66. 66. 専用サーバーまじこわい 稼働中のシステムによっては
 静的書き出しが必須＝Movable Type一択 CMSを設置できないことが判明したり… •サーバーのスペック不足 •Perlのライブラリ不足 •PHP・MySQLのバージョン不足
67. 67. 先生はアーカイブにこだわる • 研究機関は、アーカイブに関する要望が多い • 集会の記録は年度別アーカイブで • 研究資料は４階層くらいカテゴリーを作って… • Movable TypeはアーカイブURLの自由度高い • WordPressも可能だが、PHPの知識は必要 年度別アーカイブはどのCMSも困難
68. 68. セキュリティの要望も厳しい • WordPressは攻撃の標的になりやすいが
 きちんと設置すれば、防御できる • 管理画面の階層変更 • ログインURLの変更 • wp-config.phpを一階層上の非公開領域へ • SiteGuard WP Plugin導入
69. 69. 最良の対策は
 IP制限 and
 公開領域にCMSを置かない
70. 70. Uploader for Movable Type https://www.ideamans.com/mt/uploader/
71. 71. Drupalが公的機関に人気な理由 • 専門のセキュリティチームによる
 24時間365日の対応 • 安全性に惹かれて、各国の政府機関が導入 • 豊富なフィードバックを受けて
 さらに安全性アップ 理想的な、らせん型コミュニティ
72. 72. 複数ドメインで運用
73. 73. WordPressのマルチサイト機能 • とにかく罠が多い • マルチドメインにできないサーバーがある • 非対応プラグインが多い • ブログ間の導線がわかりにくい 行きはよいよい帰りはこわい 本番サーバーでの検証は必須！！
74. 74. a-blog cmsの独特のライセンス •ドメイン１個なら、54,500円とお得 •ドメイン追加で、プラス30,000円 •サブドメイン利用で、プラス50,000円 あっちゃー 聞いてないよー！と言われないよう注意
75. 75. 将来のことも聞いておこう • 公開してからドメイン拡張の相談が来ることも •サブドメインで英語・中国語サイトを作りたい •同じ管理画面で別の自社サイトを管理したい •Movable Typeは、94,500円で固定なので
 サイトが多いほどコストが下がる 1サーバー 1ライセンス ユーザー無制限
76. 76. 多単語対応
77. 77. 多言語…と言ってもいろいろ •どうしたいかを詳しく聞くこと！ • 日本語サイトに、違う言語のページを作るだけ？ • 担当者はひとり？国別？ • 「各国のサーバーにサイトを設置したい」
 というケースも 日本のサーバーに設置していると ブラジルなど、遠方の国は 接続が遅くなってしまう Oi lá!
78. 78. 固定ページ中心のサイトなら
 concrete5がわかりやすい 親ページ単位で言語を変えられる
79. 79. a-blog cmsは 担当者がひとりのときに威力を発揮 各言語の本文を、まとめて投稿
80. 80. あれ？
81. 81. そもそもの話 • ひとつのデザインで言語だけ変えればいいの？ • 国によって刺さる見た目や文言は違う • 一部は共通、一部は国別にできるのが理想
82. 82. 2015年 失敗しない！WordPress多言語サイト制作で
 絶対に知っておきたいこと http://www.slideshare.net/katz515/howto-multilingual-wordpress-wck2015
83. 83. 国際企業に選ばれるDrupal • ジョンソン&ジョンソン•ファイザー•インテル
 ワーナーミュージック etc… • 充実の翻訳機能 • 各国の言語ファイルが翻訳サーバーに集結 • コアファイルとは別に、管理画面でアップデート • サイト内の未翻訳を自動抽出するモジュールも
84. 84. Drupal 7 の多言語機能について http://www.slideshare.net/bkenro/drupal-45849022
85. 85. 学習コストは まだまだ高い がんばって ついてきてくださいね★ うひゃあ
86. 86. 会員コンテンツ
87. 87. 会員…と言ってもいろいろ •どうしたいかを詳しく聞くこと！（デジャヴ？） • ログインした業者に、卸売価格を表示したい • グループのみ閲覧できるページを作りたい • コミュニティサイトを作りたい
88. 88. <!-- BEGIN_MODULE Touch_Login --> ログインしていれば誰でも <!-- END_MODULE Touch_Login --> <!-- BEGIN_MODULE Touch_SessionWithContribution -- 読者以外のユーザー（投稿権限がある） <!-- END_MODULE Touch_SessionWithContribution --> <!-- BEGIN_MODULE Touch_SessionWithAdministration 管理者権限があるユーザーのみ <!-- END_MODULE Touch_SessionWithAdministration - 公式なのでキャッシュ管理も問題なし 表示のみの変更なら
 a-blog cmsはかなり楽
89. 89. WordPressの、ページ保護でもいいよね 単に、１ページを
 メンバー限定にしたいだけかも
90. 90. コミュニティサイトは工数大 • とにかくカスタマイズ・動作検証がたいへん • 資料も利用者も多いWordPressの
 BuddyPress・BBPressが無難 • Movable Typeの
 コミュニティ掲示板は
 テーマが
 レスポンシブ非対応
91. 91. そもそもの話 • 本当に必要？ • 会員を獲得→稼働する見込みはある？ • 費用と時間をかけても誰も投稿しないとか… • コミュニティの傾向によっては
 Facebookグループの方が敷居が低いことも
 （ファイル共有やリンクも楽だし）
92. 92. Webマーケティング
93. 93. • まずbootstrap等でプロトタイプを作成し
 導線から検討 • 公開後も、アクセス解析やABテストの結果で
 レイアウトを見直していく コンバージョン重視のCMS構築 人気記事の 場所を 右側に…
94. 94. ドラッグ・ドロップで レイアウトを編集 • 難しい分、自由度が高いa-blog cms • Concrete5はシンプルでお手軽 • WordPressにも、見たまま編集できる
 テーマ・プラグインがある • PowerCMSも「見たまま」ではないが可能
95. 95. だが
96. 96. 見たまま編集が最適とは限らない レイアウト修正を行うのが制作会社の場合、
 都度ログインさせるより FTPでテーマ直書きの方が喜ばれることも… その場合はインクルードを使い
 改修しやすいテーマに！ 制作のついでに できた方が、楽なんです
97. 97. 行動ターゲティング • URLに付与したGET値•Cookieを参照し
 訪問者によって、ページ内容を切り替える • a-blog cmsの「ルール」 • よく使われる条件を簡単に設定 • Drupalの「Views」モジュール •条件をURL単位でも細かく設定できる
98. 98. Cookieを利用したコンテンツ切り替えハンズオン http://developer.a-blogcms.jp/blog/acmscamp/cookie.html
99. 99. Drupal7の強力なViewsモジュールを使ってみよう！ http://knowledge.sakura.ad.jp/beginner/3045/
100. 100. CMSの特徴を
 整理してみよう
101. 101. WordPress 早・安・旨！ブログで最強
 リスク回避はしっかりと 2015年版 CMSの特徴まとめ Movable Type 盤石のアーカイブ管理 お固いサイトほど本領発揮 a-blog cms 多機能！スルメな奥深さ
 会員コンテンツを楽に作成 baserCMS 中小企業にぴったりサイズ すぐれたフォーム機能 concrete5 お手軽さくさくレイアウト
 わかりやすい多言語化 Jimdo 個人店舗の救世主 スマホで更新・サポート充実 Drupal 政府・国際企業の御用達
 極めたいならついて来い！
102. 102. まとめ
103. 103. 3つ目の理由
104. 104. 1. 手段の目的化を防ぐ 2. 知識の停滞を防ぐ 3. 抽象化思考が身に付く
105. 105. 1. 手段の目的化を防ぐ 2. 知識の停滞を防ぐ 3. 抽象化思考が身に付く
106. 106. 抽象化思考とは • 物事を抽象的に考えることで
 枝葉にとらわれず、目的や意味を明確にする 米や麺を控える 糖質を減らす 脂肪の蓄積を抑える 体重が減る 健康になる 幸せに暮らせる
107. 107. 抽象化スキルが、生死を分ける時代に : NED-WLT http://nedwlt.exblog.jp/18463890/
108. 108. Webクリエイティブに活きる抽象化思考力 http://www.slideshare.net/KeysukeMizuno/wcan-2014autumn03
109. 109. CMSなら？
110. 110. WordPressでブログを作る 
 スタッフが更新できる体制で
 コンテンツを配信する
111. 111. 比較•検討が抽象化思考を育てる • クライアントの目的を見出す • 目的に沿って、複数のCMSから比較•検討 • 特定のCMSにとらわれない
 広い思考が身につく …と 思ってます。
112. 112. やってみよう！と決めた人へ
113. 113. プロジェクトの傾向だけで決められない… • 今後、進みたい方向で検討すると良い • 他分野に注力したい場合 • 軽いCMSにする？MT＋MT.netという手も • 大きなプロジェクトを進めたい場合 • Drupal・a-blog cmsなどを社内でがっつり CMSはチームワーク
 社員ひとりに押し付けない！
114. 114. 学習コストを下げる工夫 • イベント・勉強会に出る • ネットや書籍にはない、現場情報が飛び出すことも • 交流する気持ちで！仲間ができるとやる気も出ます • 意味のあるサイトを作ってみる • 考えなくても書けて、
 カテゴリー・カスタムフィールドを持つサイトを！ • 過去案件リスト・社内議事録・宝物アーカイブ・
 スマホゲーの入手キャラリスト etc…
115. 115. 外注をしてみる • 基本的な構築までは、勉強しよう • 協業先を探そう • 各CMSのイベントで発表している人は信頼性大
 （ノウハウをまとめられるだけの経験があるため） • 固定IPと、プロジェクト管理ツールがあれば
 遠方でもOK よろしく！
116. 116. それでも 困ったときは
117. 117. ご相談ください♪ CMSのウェビングスタジオ アドバイスしますー。
118. 118. CSS Nite in SAPPORO, Vol.17 http://cssnite-sapporo.jp/
119. 119. ありがとうございました http://webbingstudio.com/