20140908 movable type seminar
DESCRIPTION
2014年9月8日 ビジネスセミナーの資料です。TRANSCRIPT
![Page 1: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/1.jpg)
2014 年 9 月 8 日シックス・アパート株式会社
長内 毅志
CMS 導入のポイントとMovable Type の最新情報
![Page 2: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/2.jpg)
アジェンダ
•CMS 導入のポイント
–意識したい点は何か
–どのようにすればよいか
•Movable Type の優位性と機能
•Movable Type 最新情報
![Page 3: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/3.jpg)
CMS 導入のポイント
![Page 4: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/4.jpg)
CMS 導入のポイント
1.情報発信を第一にかんがえ、
拡張性・継続性を重視する
2.コンテンツの可搬性を意識して、
ネット環境の変化に対応する
![Page 5: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/5.jpg)
情報発信を第一にかんがえ、
拡張性・継続性を重視する
![Page 6: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/6.jpg)
「仕組み」よりも「コンテンツ」が重要
![Page 7: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/7.jpg)
情報発信者が主役
•CMS 用の RFP を作っていると、機
能要件に目を奪われやすい
•CMS≠ 多機能システム
•CMS≒ 情報発信がスムーズに行え
る仕組み
![Page 8: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/8.jpg)
拡張性、継続性を考慮する
•ウェブサイト
(≒ ネット上の情報発信メディア )
に完成形はない
![Page 9: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/9.jpg)
情報発信しやすい運用フローを実現するために
•はじめから 100 %を目指さない–設計は緻密に、スタートはかるく
–はじめは 8 割程度の実装で、現状にあわせて改
善をかさねる
![Page 10: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/10.jpg)
•担当者が発信しやすい環境をつく
る
–例外処理を重要視しない
•多人数による更新フローを意識す
る
![Page 11: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/11.jpg)
•スケーラビリティがあるシステム
を
選択する
–コンテンツ、発信者は蓄積・増加する
![Page 12: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/12.jpg)
コンテンツの可搬性を意識し、
ネット環境の変化に対応する
![Page 13: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/13.jpg)
閲覧環境、ネットトレンドは変化する
![Page 14: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/14.jpg)
2008/10/3 日経「スマートフォンは売れるのか」
http://www.nikkei.com/article/DGXZZO10913560S0A710C1000000/
![Page 15: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/15.jpg)
参考 : 閲覧環境の変化
• 出典:株式会社 MM 総研
http://www.m2ri.jp/newsreleases/main.php?id=010120130328500
![Page 16: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/16.jpg)
未来の予想はむずかしい
•10 年前 (2004 年 )
–IE のシェア 90% 以上
–ドコモの i モード絶好調
•5 年前 (2009 年 )
–2007 年 iPhone 登場、 2008 年に日本発
売
–「スマホは売れるのか?」
![Page 17: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/17.jpg)
•5 年前、 10 年前にスマホの普及を
予想できた人はいますか ?
•スマホ向けのウェブ技術の予想が
できた人は?( レスポンシブデザイン、グリッドデザイン )
![Page 18: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/18.jpg)
2018 年のモバイルトラフィック増加率
0%
20%
40%
60%
80%
100%
120%
モバイル データ トラフィックの増加率予測( 2013 ~ 2018 年の CAGR )
スマートフォン
タブレットPC
ノートPC
M2M( ウェアラブル )
シスコシステムズ「全世界のモバイル データ トラフィックの予測、 2013 ~ 2018 年アップデート」よりhttp://www.cisco.com/web/JP/solution/isp/ipngn/literature/white_paper_c11-520862.html
![Page 19: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/19.jpg)
ウェアラブルコンピュータ
![Page 20: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/20.jpg)
•5 年後のデバイス、
デザインを予想するのは
非常にむずかしい
![Page 21: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/21.jpg)
•最初から「完全」に構築すると、
ネットの変化に対応できない
–カスタマイズコスト、リプレースコスト
–業務系システムと CMS (≒ ネットのシス
テム ) は異なる
![Page 22: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/22.jpg)
CMS ができること
•コンテンツとデザインを「分離」
•コンテンツを時代にそった方法で
「提供」する
![Page 23: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/23.jpg)
•デザインにロジックを混在させな
い
–テンプレートにコードを直接かかない
–メンテナンス性、コンテンツの可搬性に
影響をあたえる
![Page 24: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/24.jpg)
構造化された html でデザインする
•xhtml 、 html5 の文法にそった構
造
–コンテンツ移行がらくになる
![Page 25: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/25.jpg)
ここまでのまとめ
• 情報発信しやすい環境、拡張性・
継続性を重視する
• ネット環境は変化する
– 最初から完全を目指さない
– コンテンツとデザインを分離して、可搬
性を高める
![Page 26: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/26.jpg)
Movable Type 6 の優位性と
機能
![Page 27: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/27.jpg)
CMS としての Movable Type6 のメリットは
•完成されたテンプレートシステム
•拡張性に富む (Data API)
•Movable Type 6 の機能
![Page 28: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/28.jpg)
完成されたテンプレートシステム
•テンプレートと DB が完全に分離
–ロジックとコンテンツがわかれている
–システムのメンテナンス性が高い
•コンテンツの可搬性
–ネット環境の変化に対応しやすい
![Page 29: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/29.jpg)
最新 10 件のブログ記事をリンク付きで生成
<ul> <MT:Entries limit="10"> <li> <a href="<MT:EntryPermalink>"> <MT:EntryTitle> </a> </li> </MT:Entries> </ul>
![Page 30: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/30.jpg)
事例 :地球の歩き方特派員ブログ
• http://www.sixapart.jp/business/09099.html
• http://www.sixapart.jp/business/arukikata.html
2006 2014
![Page 31: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/31.jpg)
10 人→100 人超
PV10倍超
![Page 32: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/32.jpg)
Movable Type の強み
•デザインとコンテンツを「分離」
•スケーラビリティ
![Page 33: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/33.jpg)
拡張性に富む (Data API)
![Page 34: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/34.jpg)
CMS の基本構造
DB
管理画面からデータ入力テンプレートに従ってデータ出力
![Page 35: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/35.jpg)
API の利用
DB
管理画面、テンプレートを使わずデータの入出力できる
API API
![Page 36: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/36.jpg)
拡張性に富む
•言語をとわず拡張
•管理画面をつかわずデータ登録
•プラグインによる拡張
![Page 37: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/37.jpg)
Data API
•REST 形式で MT のデータを入出力–GET https://your-host/your-mt-api.cgi/
v1/sites/{blog_id}/entries
•MT の認証をつかうため、新たに認
証システムをつくる必要がない
•コンテンツの可搬性
![Page 38: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/38.jpg)
ウェブに限らず、あらゆるコンテンツを管理
ウェブサイト
スマホアプリ
Web サービス
![Page 39: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/39.jpg)
Data API の活用例
http://makanai.sixapart.jp
![Page 40: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/40.jpg)
Data API の活用例
![Page 42: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/42.jpg)
Movable Type 最新情報
![Page 43: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/43.jpg)
最新バージョン
Movable Type 6.0.3
![Page 44: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/44.jpg)
パフォーマンス改善
![Page 45: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/45.jpg)
5 つの新機能
•Data API
•Chart API
•非公開日指定
•Google Analytics との連携
•メッセージセンター
![Page 46: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/46.jpg)
Google Analytics の連携
• Google Analytics と連携してアクセスデータを
ダッシュボード上に表示
![Page 47: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/47.jpg)
JSON データで取得可能
•JSON 形式でデータを取得可能•PHP 、 JavaScript などで任意の形で加工、利用
![Page 48: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/48.jpg)
プラグイン
•more-analytics
https://github.com/miyanag
a/
mt-more-
analytics/
• MIT ライセンス
•近日商用版リリース予定
![Page 49: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/49.jpg)
レスポンシブウェブデザインテーマ
•Rainier
–ブログ向けテーマ
•Eiger
–企業サイト向けテーマ
![Page 50: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/50.jpg)
Apex
•追加テーマ「 Apex 」http://plugins.movabletype.jp/
movable_type/apex.html
![Page 51: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/51.jpg)
Rainier と Eiger 、 Apex のライセンス
•MIT ライセンス (オープンソース )–自由にカスタマイズ、再頒布可能
–ビジネス利用も可能、オープンソース頒布も
![Page 52: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/52.jpg)
カスタマイズ例
http://plugins.movabletype.jp/drk7jp/seo-tuning-eiger.html
![Page 53: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/53.jpg)
5.X の機能も引き継いでいます
• スマホ対応の管理画面
• 定型文機能
• PSGI 対応
• セキュリティ強化機能
–連続した不正アクセスユーザーの ID をロックアウトする
–パスワードポリシーの設定変更
• リスティングフレームワーク
![Page 54: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/54.jpg)
まとめ
• 情報発信のための運用フローと、
拡張性・継続性を考慮する
• コンテンツの可搬性を重視し、ネット環
境の変化に対応する
• Movable Type は上記をカバーした、 10
年以上の実績があるパブリッシングプ
ラットフォーム
![Page 55: 20140908 Movable Type Seminar](https://reader036.vdocuments.us/reader036/viewer/2022062419/558eae041a28ab7e708b4790/html5/thumbnails/55.jpg)