mtddc 2012 tokyo lt @riatw

53
運用に優しいCMSの 作り方・考え方

Upload: kentaro-suzuki

Post on 05-Dec-2014

3.276 views

Category:

Technology


5 download

DESCRIPTION

MTDDC 2012 TOKYOのLTで発表したスライドです。テーマは「運用に優しいCMSの 作り方・考え方」です。一部当日のものに加筆しています。

TRANSCRIPT

Page 1: MTDDC 2012 TOKYO LT @riatw

運用に優しいCMSの作り方・考え方

Page 2: MTDDC 2012 TOKYO LT @riatw

自己紹介

Page 3: MTDDC 2012 TOKYO LT @riatw

•鈴木 健太郎 @riatw

•愛知県名古屋市

•MTが大好きですっ!!

•制作会社で仕事をしています

Page 4: MTDDC 2012 TOKYO LT @riatw

お話したいこと

Page 5: MTDDC 2012 TOKYO LT @riatw

運用しやすいCMSは制作者も、運営者も、全ての人をHAPPYにします!!

Page 6: MTDDC 2012 TOKYO LT @riatw

実はずっと、CMSは導入できるなら、必ず導入した方が良いと思っていたのです

Page 7: MTDDC 2012 TOKYO LT @riatw

CMS導入のメリット

Page 8: MTDDC 2012 TOKYO LT @riatw

•サイトの運用コストの削減

•情報発信のスピードアップ

•誰でも更新が出来るようになる

Page 9: MTDDC 2012 TOKYO LT @riatw

誰でも更新できる?

Page 10: MTDDC 2012 TOKYO LT @riatw

それ、ホントですか?

Page 11: MTDDC 2012 TOKYO LT @riatw

CMSを導入するだけで?

Page 12: MTDDC 2012 TOKYO LT @riatw

そんなことはありえません

Page 13: MTDDC 2012 TOKYO LT @riatw

CMSの導入コストいろいろ

Page 14: MTDDC 2012 TOKYO LT @riatw

•ライセンス費用

•インストール、設定するコスト

•導入する際の設計コスト

•導入する際の実装コスト

Page 15: MTDDC 2012 TOKYO LT @riatw

忘れられがちですがこれらに加えて

Page 16: MTDDC 2012 TOKYO LT @riatw

運用するコストがかかります

Page 17: MTDDC 2012 TOKYO LT @riatw

このコストを払うのは制作会社、運用会社、両方です

Page 18: MTDDC 2012 TOKYO LT @riatw

CMSを導入する際の悩み (制作編)

Page 19: MTDDC 2012 TOKYO LT @riatw

•操作方法のレクチャーに時間がかかる

•操作方法のマニュアルを作るのに時間がかかる…

•思ったように使ってもらえない

Page 20: MTDDC 2012 TOKYO LT @riatw

CMSを導入する際の悩み (運用編)

Page 21: MTDDC 2012 TOKYO LT @riatw

•操作方法が複雑すぎて、意味がわからない

•マニュアルは専門用語が一杯でよくわからない

•他の仕事も忙しいし…

Page 22: MTDDC 2012 TOKYO LT @riatw

運用マニュアルを読んでみた

Page 23: MTDDC 2012 TOKYO LT @riatw

ログイン後、ブログを選択して、次にブログ記事一覧画面からブログを選択します。…

Page 24: MTDDC 2012 TOKYO LT @riatw

ログイン?ブログ?ブログ記事?え、何画面って…?

Page 25: MTDDC 2012 TOKYO LT @riatw

/(^O^)\(日本語でお願いします)

Page 26: MTDDC 2012 TOKYO LT @riatw

このような、お互いの悩みが解決しないと、せっかく作ってもそのCMSは使われません

Page 27: MTDDC 2012 TOKYO LT @riatw

そこで必要なのが運用に優しいCMS

Page 28: MTDDC 2012 TOKYO LT @riatw

運用に優しいCMSはこんなにうれしい

Page 29: MTDDC 2012 TOKYO LT @riatw

(運用者のメリット)操作を覚える時間が短くなる、学習コストが減る

Page 30: MTDDC 2012 TOKYO LT @riatw

(制作者のメリット)レクチャーやマニュアル作成にかかる時間が減る

Page 31: MTDDC 2012 TOKYO LT @riatw

運用に優しいCMSに必要なこと

Page 32: MTDDC 2012 TOKYO LT @riatw

それは

Page 33: MTDDC 2012 TOKYO LT @riatw

とにかく使いやすいこと

Page 34: MTDDC 2012 TOKYO LT @riatw

使いやすいCMSの条件

Page 35: MTDDC 2012 TOKYO LT @riatw

•特定の用途に特化していること

•画面上に無駄な機能、文言が無いこと

•やりたい作業までのステップに最短距離で辿り着けること

Page 36: MTDDC 2012 TOKYO LT @riatw

MTは使いやすいCMS?

Page 37: MTDDC 2012 TOKYO LT @riatw

•MTは何でもできるシステム

•MTは何かに特化しづらいシステム

•特定の分野に特化するにはカスタマイズが必要

Page 38: MTDDC 2012 TOKYO LT @riatw

できることが多すぎるからこそ、使いやすくするのが難しい

Page 39: MTDDC 2012 TOKYO LT @riatw

MTをカスタマイズするには?

Page 40: MTDDC 2012 TOKYO LT @riatw

•既存のプラグインをインストールする

•jQueryでカスタマイズする

•代替テンプレート(alt-tmpl)を使用してカスタマイズする

Page 41: MTDDC 2012 TOKYO LT @riatw

今日はプログラムに詳しくなくても、できる簡単な方法を1つ紹介します

Page 42: MTDDC 2012 TOKYO LT @riatw

JQUERYでカスタマイズ

Page 43: MTDDC 2012 TOKYO LT @riatw

•「MTAppjQuery」プラグインを使用します

•管理画面において任意のjavascriptやCSSが書けるようになるプラグインです。

Page 44: MTDDC 2012 TOKYO LT @riatw

•jQueryを使用して入力画面のカスタマイズが行えます

•Javascriptが苦手な方でも、標準機能でカスタマイズが色々できます

Page 45: MTDDC 2012 TOKYO LT @riatw

たとえば

Page 46: MTDDC 2012 TOKYO LT @riatw

不要なボタンを非表示にしたい

Page 47: MTDDC 2012 TOKYO LT @riatw

$(“ボタンのID”).hide();

Page 48: MTDDC 2012 TOKYO LT @riatw

とってもかんたん

Page 49: MTDDC 2012 TOKYO LT @riatw

まずは、ここからはじめましょう

Page 50: MTDDC 2012 TOKYO LT @riatw

まとめ

Page 51: MTDDC 2012 TOKYO LT @riatw

運用しやすいCMSは制作者も、運営者も、全ての人をHAPPYにします!!

Page 52: MTDDC 2012 TOKYO LT @riatw

HAPPYになるためにいつものCMS構築に少しだけ「気遣い」を加えてみませんか?

Page 53: MTDDC 2012 TOKYO LT @riatw

ありがとうございました