狠狠撸

2014年6月6日
シックス?アパート株式会社
長内毅志
颁惭厂导入のポイントと
Movable Typeの優位性

アジェンダ
?颁惭厂导入のポイント
–意識したい点は何か
–どのようにすればよいか
?Movable Typeの優位性と機能
?クラウド対応

颁惭厂导入のポイント

颁惭厂导入のポイント
1. 情報発信を第一にかんがえ、
拡張性?継続性を重視する
2. コンテンツの可搬性を意識して、
ネット環境の変化に対応する

情報発信を第一にかんがえ、
拡張性?継続性を重視する

「仕组み」よりも「コンテンツ」が重要

情報発信者が主役
?CMS用のRFPを作っていると、機能要
件に目を奪われやすい
?CMS≠ 多機能システム
?CMS≒ 情報発信がスムーズに行える
仕組み

拡張性、継続性を考慮する
?ウェブサイト
(≒ネット上の情報発信メディア)
に完成形はない

情報発信しやすい運用フローを実現するために
?はじめから100％を目指さない
–設計は緻密に、スタートはかるく
–はじめは8割程度の実装で、現状にあわせて改善を
かさねる

?担当者が発信しやすい環境をつくる
–例外処理を重要視しない
?多人数による更新フローを意識する

?スケーラビリティがあるシステムを
選択する
–コンテンツ、発信者は蓄積?増加する

コンテンツの可搬性を意識し、ネッ
ト環境の変化に対応する

閲覧环境、ネットトレンドは変化する

2008/10/3 日経「スマートフォンは売れるのか」
http://www.nikkei.com/article/DGXZZO10913560S0A710C1000000/

参考:閲覧環境の変化
? 出典：株式会社MM総研 http://www.m2ri.jp/newsreleases/main.php?id=010120130328500

未来の予想はむずかしい
?10年前(2004年)
–IEのシェア90%以上
–ドコモのiモード絶好調
?5年前(2009年)
–2007年iPhone登場、2008年に日本発売
–「スマホは売れるのか?」

?5年前、10年前にスマホの普及を予想
できた人はいますか?
?スマホ向けのウェブ技術の予想ができ
た人は？
(レスポンシブデザイン、グリッドデザイン)

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

ウェアラブルコンピュータ

?5年後のデバイス、
デザインを予想するのは
非常にむずかしい

?最初から「完全」に構築すると、
ネットの変化に対応できない
–カスタマイズコスト、リプレースコスト
–業務系システムとCMS (≒ ネットのシステム)
は異なる

CMSができること
?コンテンツとデザインを「分離」
?コンテンツを時代にそった方法で
「提供」する

?デザインにロジックを混在させない
–テンプレートにコードを直接かかない
–メンテナンス性、コンテンツの可搬性に影響を
あたえる
?構造化されたhtmlでデザインする
–コンテンツ移行がらくになる

ここまでのまとめ
? 情報発信しやすい環境、拡張性?継
続性を重視する
? ネット環境は変化する
– 最初から完全を目指さない
– コンテンツとデザインを分離して、可搬性を
高める

Movable Type 6の優位性と
機能

CMSとしてのMovable Type6のメリットは
?完成されたテンプレートシステム
?拡張性に富む (Data API)
?Movable Type 6の機能

完成されたテンプレートシステム
?テンプレートとDBが完全に分離
–ロジックとコンテンツがわかれている
–システムのメンテナンス性が高い
?コンテンツの可搬性
–ネット環境の変化に対応しやすい

最新10件のブログ記事をリンク付きで生成
<ul>
<MT:Entries limit="10">
<li>
<a href="<MT:EntryPermalink>">
<MT:EntryTitle>
</a>
</li>
</MT:Entries>
</ul>

事例:地球の歩き方特派員ブログ
? http://www.sixapart.jp/business/09099.html
? http://www.sixapart.jp/business/arukikata.html
2006 2014

10人→
100人超
PV
10倍超

Movable Typeの強み
?デザインとコンテンツを「分離」
?スケーラビリティ

CMSの基本構造
DB
管理画面からデータ入力
テンプレートに従ってデータ出力

APIの利用
DB
管理画面、テンプレートを使わず
データの入出力できる
API API

拡張性に富む
?言語をとわず拡張
?管理画面をつかわずデータ登録
?プラグインによる拡張

Data API
?REST形式でMTのデータを入出力
–GET https://your-host/your-mt-api.cgi/
v1/sites/{blog_id}/entries
?MTの認証をつかうため、新たに認証シ
ステムをつくる必要がない
?コンテンツの可搬性

ウェブに限らず、あらゆるコンテンツを管理
ウェブサイト
スマホアプリ
Webサービス

Data APIの活用例
http://makanai.sixapart.jp

最新バージョン
Movable Type 6.0.3

5つの新機能
?Data API
?Chart API
?非公開日指定
?Google Analyticsとの連携
?メッセージセンター

Google Analyticsの連携
? Google Analyticsと連携してアクセスデータをダッシュ
ボード上に表示

JSONデータで取得可能
?JSON形式でデータを取得可能
?PHP、JavaScriptなどで任意の形で
加工、利用

プラグイン
?more-analytics
https://github.com/miyanaga/
mt-more-analytics/
? MITライセンス
? 近日商用版リリース予定

レスポンシブウェブデザインテーマ
?Rainier
–ブログ向けテーマ
?Eiger
–企業サイト向けテーマ

Apex
?追加テーマ「Apex」
http://plugins.movabletype.jp/movable_type/apex.ht
ml

RainierとEiger、Apexのライセンス
?MITライセンス(オープンソース)
–自由にカスタマイズ、再頒布可能
–ビジネス利用も可能、オープンソース頒布も

カスタマイズ例
http://plugins.movabletype.jp/drk7jp/seo-tuning-eiger.html

5.Xの機能も引き継いでいます
? スマホ対応の管理画面
? 定型文機能
? PSGI対応
? セキュリティ強化機能
–連続した不正アクセスユーザーのIDをロックアウトする
–パスワードポリシーの設定変更
? リスティングフレームワーク

Cloud + MTのメリット
?スケーラビリティ、コストメリットに富む
?MTの静的配信が最大限に効果を発揮
–CMSサーバーと公開サーバーを別管理可能
?様々なクラウドサーバーパターンへ
対応が容易

小規模サイトのクラウド利用例
? クラウドを利用したシステム構成
–最初は小さなインスタンスでサーバー構築
–CMSサーバー、公開サーバー共にVMイメージで構
築
VMサーバー
AmazonEC2など

中規模サイトのクラウド利用例
? サイト規模の拡大、アクセスの増加に合わせて、CMS
サーバーと公開サーバーを分けて運用
–CMSサーバーを仮想サーバーで構築
–公開ページはコンテンツサーバーで構築
VMサーバー
Amazon S3など

大規模サイトのクラウド利用例
? CMSサーバー冗長化、公開サーバーをCDN化
–CMSサーバーはVMイメージ n個で冗長構成
–公開コンテンツをストレージサーバーへ出力
–CDNを利用して世界各地にキャッシュ
DBサーバー
CDNサーバー

参考:MTをクラウド(AWS)上で運用する
? http://www.slideshare.net/c95029/cdp-katayama
? http://www.ustream.tv/recorded/20842545

まとめ
? 情報発信のための運用フローと、
拡張性?継続性を考慮する
? コンテンツの可搬性を重視し、ネット環境の変
化に対応する
? Movable Typeは上記をカバーした、10年以上
の実績があるパブリッシングプラットフォーム

狠狠撸

20140606 Movable Type Seminar

More Related Content

20140606 Movable Type Seminar

Editor's Notes