mtddc 2012 tokyo lt @riatw
DESCRIPTION
MTDDC 2012 TOKYOのLTで発表したスライドです。テーマは「運用に優しいCMSの 作り方・考え方」です。一部当日のものに加筆しています。TRANSCRIPT
![Page 1: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/1.jpg)
運用に優しいCMSの作り方・考え方
![Page 2: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/2.jpg)
自己紹介
![Page 3: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/3.jpg)
•鈴木 健太郎 @riatw
•愛知県名古屋市
•MTが大好きですっ!!
•制作会社で仕事をしています
![Page 4: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/4.jpg)
お話したいこと
![Page 5: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/5.jpg)
運用しやすいCMSは制作者も、運営者も、全ての人をHAPPYにします!!
![Page 6: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/6.jpg)
実はずっと、CMSは導入できるなら、必ず導入した方が良いと思っていたのです
![Page 7: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/7.jpg)
CMS導入のメリット
![Page 8: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/8.jpg)
•サイトの運用コストの削減
•情報発信のスピードアップ
•誰でも更新が出来るようになる
![Page 9: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/9.jpg)
誰でも更新できる?
![Page 10: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/10.jpg)
それ、ホントですか?
![Page 11: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/11.jpg)
CMSを導入するだけで?
![Page 12: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/12.jpg)
そんなことはありえません
![Page 13: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/13.jpg)
CMSの導入コストいろいろ
![Page 14: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/14.jpg)
•ライセンス費用
•インストール、設定するコスト
•導入する際の設計コスト
•導入する際の実装コスト
![Page 15: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/15.jpg)
忘れられがちですがこれらに加えて
![Page 16: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/16.jpg)
運用するコストがかかります
![Page 17: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/17.jpg)
このコストを払うのは制作会社、運用会社、両方です
![Page 18: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/18.jpg)
CMSを導入する際の悩み (制作編)
![Page 19: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/19.jpg)
•操作方法のレクチャーに時間がかかる
•操作方法のマニュアルを作るのに時間がかかる…
•思ったように使ってもらえない
![Page 20: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/20.jpg)
CMSを導入する際の悩み (運用編)
![Page 21: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/21.jpg)
•操作方法が複雑すぎて、意味がわからない
•マニュアルは専門用語が一杯でよくわからない
•他の仕事も忙しいし…
![Page 22: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/22.jpg)
運用マニュアルを読んでみた
![Page 23: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/23.jpg)
ログイン後、ブログを選択して、次にブログ記事一覧画面からブログを選択します。…
![Page 24: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/24.jpg)
ログイン?ブログ?ブログ記事?え、何画面って…?
![Page 25: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/25.jpg)
/(^O^)\(日本語でお願いします)
![Page 26: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/26.jpg)
このような、お互いの悩みが解決しないと、せっかく作ってもそのCMSは使われません
![Page 27: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/27.jpg)
そこで必要なのが運用に優しいCMS
![Page 28: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/28.jpg)
運用に優しいCMSはこんなにうれしい
![Page 29: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/29.jpg)
(運用者のメリット)操作を覚える時間が短くなる、学習コストが減る
![Page 30: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/30.jpg)
(制作者のメリット)レクチャーやマニュアル作成にかかる時間が減る
![Page 31: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/31.jpg)
運用に優しいCMSに必要なこと
![Page 32: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/32.jpg)
それは
![Page 33: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/33.jpg)
とにかく使いやすいこと
![Page 34: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/34.jpg)
使いやすいCMSの条件
![Page 35: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/35.jpg)
•特定の用途に特化していること
•画面上に無駄な機能、文言が無いこと
•やりたい作業までのステップに最短距離で辿り着けること
![Page 36: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/36.jpg)
MTは使いやすいCMS?
![Page 37: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/37.jpg)
•MTは何でもできるシステム
•MTは何かに特化しづらいシステム
•特定の分野に特化するにはカスタマイズが必要
![Page 38: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/38.jpg)
できることが多すぎるからこそ、使いやすくするのが難しい
![Page 39: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/39.jpg)
MTをカスタマイズするには?
![Page 40: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/40.jpg)
•既存のプラグインをインストールする
•jQueryでカスタマイズする
•代替テンプレート(alt-tmpl)を使用してカスタマイズする
![Page 41: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/41.jpg)
今日はプログラムに詳しくなくても、できる簡単な方法を1つ紹介します
![Page 42: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/42.jpg)
JQUERYでカスタマイズ
![Page 43: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/43.jpg)
•「MTAppjQuery」プラグインを使用します
•管理画面において任意のjavascriptやCSSが書けるようになるプラグインです。
![Page 44: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/44.jpg)
•jQueryを使用して入力画面のカスタマイズが行えます
•Javascriptが苦手な方でも、標準機能でカスタマイズが色々できます
![Page 45: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/45.jpg)
たとえば
![Page 46: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/46.jpg)
不要なボタンを非表示にしたい
![Page 47: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/47.jpg)
$(“ボタンのID”).hide();
![Page 48: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/48.jpg)
とってもかんたん
![Page 49: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/49.jpg)
まずは、ここからはじめましょう
![Page 50: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/50.jpg)
まとめ
![Page 51: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/51.jpg)
運用しやすいCMSは制作者も、運営者も、全ての人をHAPPYにします!!
![Page 52: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/52.jpg)
HAPPYになるためにいつものCMS構築に少しだけ「気遣い」を加えてみませんか?
![Page 53: MTDDC 2012 TOKYO LT @riatw](https://reader036.vdocuments.site/reader036/viewer/2022081414/5488135cb47959140d8b562c/html5/thumbnails/53.jpg)
ありがとうございました