20130417 movbale type_seminar
TRANSCRIPT
![Page 1: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/1.jpg)
クラウドサーバーとMovable Type の活用
2013 年 4 月 17 日シックス・アパート株式会社
長内毅志
![Page 2: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/2.jpg)
自己紹介 : 長内毅志プロダクト & マーケティングマネージャーtwitter: Nick_smallworldblog: http://smallworld.west-tokyo.com
![Page 3: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/3.jpg)
アジェンダ
• 通常のサーバーと
「クラウドサーバー」のおさらい
• Movable Type とクラウドサーバーを
組み合わせるメリット
(AWS, Windows Azure)
• Movable Type 最新版
![Page 4: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/4.jpg)
通常のサーバーと「クラウドサーバー」のおさらい
![Page 5: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/5.jpg)
通常のサーバー
• 共用サーバー
• 専用サーバー
• VPS( バーチャルプライベートサーバー )
![Page 6: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/6.jpg)
共用サーバー
• サーバーを共同で利用
• 安価。サーバー保守は提供会社が担当
• 利用制限や他ユーザーの利用による影響
OS
ウェブサーバー
DB 、ミドルウェア等
![Page 7: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/7.jpg)
共用サーバー≒シェアハウス
※ 図は「 CPI スタッフブログ」http://shared-blog.kddi-web.com/about/95以後、同様
![Page 8: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/8.jpg)
専用サーバー
• サーバーをまるごと利用
• カスタマイズ性が高い
• 保守運用を行う必要あり( 保守運用をサーバー会社が行う場合もある )
OS
ウェブサーバー
DB 、ミドルウェア等
![Page 9: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/9.jpg)
専用サーバー≒一軒家
※ 図は「 CPI スタッフブログ」http://shared-blog.kddi-web.com/about/95
![Page 10: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/10.jpg)
VPS( バーチャル・プライベート・サーバー )
• 1 サーバー上に擬似専用サーバーを複数設置
• 操作権限は専用サーバーに近いが、他ユーザー
とファシリティは共用
OS
ウェブサーバー
DB
OS
ウェブサーバー
DB
OS
ウェブサーバー
DB
![Page 11: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/11.jpg)
VPS≒ 分譲マンション
※ 図は「 CPI スタッフブログ」http://shared-blog.kddi-web.com/about/95
![Page 12: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/12.jpg)
クラウドサーバーとは
• 従来のサーバーとは構造、サービス形態とも
に異なる
![Page 13: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/13.jpg)
–レンタルサーバーのように使うクラウド
=> IaaS (Infrastructure as a Service)
–OS やミドルウェアなどセット済みサーバー環境を提
供
=> PaaS (Platform as a Service)
–クラウドサーバーを利用してソフトサービスを提供
=> SaaS (Software as a Service)
![Page 14: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/14.jpg)
IaaS 、 PaaS の一般的な特徴
• IaaS としてのクラウドサーバー
≒ スケーラビリティがある VPS
• 必要に応じて、サーバーサイズ ( メモ
リ、 HDD 容量、 CPU スペック ) を変更でき
る
• キャンペーンサイトやオンラインゲームサイ
ト、ポータルサービスなどの利用が多い
![Page 15: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/15.jpg)
例えると
• 実際に住める・使える、巨大な住宅展示場。必要に応じ
て一軒家からマンションまで規模に応じて構築可能
• 土地だけ借りたり、モデルハウスごと使ったり
• 施設、場所を時間単位で利用
![Page 16: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/16.jpg)
2012/Q4 のシェア
出展:Snergy Research Group via “Publckey”http://www.publickey1.jp/blog/13/iaasamazon36paassalesforce19synergy_research_group.html
![Page 17: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/17.jpg)
Movable Type とクラウドサーバーを組み合わせるメリット
![Page 18: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/18.jpg)
Movable Type の特徴
• 静的生成、動的生成ともに可能–html を生成するパブリッシングエンジン
![Page 19: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/19.jpg)
Amazon Web Service( 以下、 AWS)
• IaaS 、 PaaS の両方で Microsoft と並び大
きなシェアを獲得
• 現在のクラウドサーバーを考える上で無視で
きない存在
• AWS + MT で考えてみる
![Page 20: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/20.jpg)
クラウドサーバーのサービス (AWS を例にすると )
• Amazon EC2
=> IaaS, PaaS
• Amazon S3
=> 静的ファイル専用の大規模サーバー–PHP や Perl など、サーバーサイドの動的ファイルは利用不
可
– JavaScript などを html に埋め込むのは利用可
![Page 21: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/21.jpg)
小規模サイトのクラウド利用例
• クラウドを利用したシステム構成– 最初は小さなインスタンスでサーバー構築
–CMS サーバー、公開サーバー共に VM イメージで構築
–Amazon EC2 (Azure 仮想マシン ) のクラウドサービスな
ど )
VM サーバーAmazonEC2 など
![Page 22: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/22.jpg)
中規模サイトのクラウド利用例
• サイト規模の拡大、アクセスの増加に合わせ
て、 CMS サーバーと公開サーバーを分けて運
用–CMS サーバーを VM イメージで構築 (Amazon EC2 など )
– 公開ページはコンテンツサーバーで構築
–AmazonS3 (Azure Web サイト ) などVM サーバーAmazonEC2 など
Amazon S3 など
![Page 23: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/23.jpg)
大規模サイトのクラウド利用例
• CMS サーバー冗長化、公開サーバーを CDN
化–CMS サーバーは VM イメージ n 個で冗長構成
– 公開コンテンツをストレージサーバーへ出力
–CDN を利用して世界各地にキャッシュ (CloudFront)
DB サーバー
CDN サーバー
![Page 24: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/24.jpg)
Cloud + MT のメリット
• スケーラビリティ、コストメリットに富む
• MT の静的配信が最大限に効果を発揮–CMS サーバーと公開サーバーを別管理可能
• 様々なクラウドサーバーパターンへ対応が容
易
![Page 25: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/25.jpg)
MT on AWS
• http://www.slideshare.net/c95029/cdp-katayama
• http://www.ustream.tv/recorded/20842545
![Page 26: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/26.jpg)
Plugin
• AmazonS3 に MT からサイト公開http://tec.toi-planning.net/mt/amazon/mt-amazons
3/
![Page 27: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/27.jpg)
Movable Type 最新版
![Page 28: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/28.jpg)
最新バージョンMovable Type 5.2.3
![Page 29: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/29.jpg)
New Rich Text Editor
![Page 30: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/30.jpg)
New Interface
![Page 31: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/31.jpg)
Full Screen Mode
![Page 32: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/32.jpg)
Adopting CSS
![Page 33: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/33.jpg)
Different CSS for pages and entries
![Page 34: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/34.jpg)
https://gist.github.com/1f234647a582266c5a8b
Editor’s API
![Page 35: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/35.jpg)
•定型文管理画面から登録・修正•定型文からブログ記事作成
http://www.sixapart.jp/movabletype/ez/guide/formattedtext.html
定型文作成機能
![Page 36: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/36.jpg)
•レスポンシブ・ウェブデザイン•PC、スマホ、タブレットに最適レイアウト
http://www.sixapart.jp/movabletype/ez/guide/rainier.html
新テーマ「 Rainier 」
![Page 37: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/37.jpg)
Rainier の特徴
• レスポンシブ Web デザイン対応
–PC 、スマートフォン、タブレット
• OGP 、パンくずリスト
• MT4 のスタイルをスポンシブ Web デザインで利用可能
• カスタマイズ素材としての利用– http://www.sixapart.jp/movabletype/demo/rainier_customize/
![Page 38: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/38.jpg)
クラウドサービス「 Movable Type EZ 」
![Page 39: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/39.jpg)
• Movable Type の SaaS 版
• ソフトウェアの管理権限を付与、 MT を自由
にカスタマイズ可能
• サーバー保守は Six Apart が担当
http://www.sixapart.jp/movabletype/ez/
![Page 40: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/40.jpg)
Movable Type EZ と Movable Type
クラウド版 ソフトウェア版
ライセンスと料金
月額 9,975円、 14,910円、19,950円の 3 プラン
1 サーバー 5 ユーザー版:63,000円1 サーバー無制限ユーザー版:126,000円
サポート料金 月額料金の中に含みます 初年度は無料、 2 年目以降は10,500円
利用ユーザー数 無制限 無制限 ( 無制限ライセンス )
導入方法インターネットにつながるパソコンがあればすぐに利用開始
WEB サーバーに Movable Typeのプログラムをインストールして利用
運用管理バージョンアップ作業はシックス・アパートが実施
各ソリューションベンダーによる
バックアップ 日次でバックアップを実施 各ソリューションベンダーによる
カスタマイズ性 SFTP でプラグイン追加可能 カスタマイズ性は高い
![Page 41: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/41.jpg)
http://www.sixapart.jp/business/
ShowCase
![Page 42: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/42.jpg)
•ナショナルクライアント
ローソン
![Page 43: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/43.jpg)
•ニュースサイト
Newsweek, 日本経済新聞
![Page 44: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/44.jpg)
•メディア
FYTTE,Sportiva
![Page 45: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/45.jpg)
Recommend Case
![Page 46: 20130417 movbale type_seminar](https://reader036.vdocuments.mx/reader036/viewer/2022062418/556bee01d8b42a65458b4d35/html5/thumbnails/46.jpg)