Movable typeseminar 20120925
-
Upload
six-apartltd -
Category
Technology
-
view
1.128 -
download
5
Transcript of Movable typeseminar 20120925
最新バージョンMovable Type 5.2 のご紹介
シックス・アパート株式会社長内 毅志
自己紹介 : 長内毅志2011 年より Movable Type 製品企画マネージャーtwitter: Nick_smallworldblog: smallworld.west-tokyo.com
11th Anniversary
2012/10/08
Two directions
•サーバー環境の進化への対応
•パブリッシング機能の進化
Cloud Shift
Increasing Market sizeIncreasing Market size
国内パブリッククラウド市場、 2016 年には3412 億円規模 (IDC Japan)
Various Cloud environment
(Movable Type Advanced で正式対応 )
Publishing
Social vs Owned mediaSNS Owned
Media(CMS,ブログ )
情報共有性( 友人との情報シェア )
◎ △速報性( リアルタイムシェアリング )
○ △
情報蓄積性( データストック )
△ ○情報展開性( マルチプラットフォーム )
△ ○デザインの柔軟性( ブランドメッセージ )
☓ ◎
MT tags
<ul> <MT:Entries limit="10"> <li><a href="<MT:EntryPermalink>"><MT:EntryTitle></a></li> </MT:Entries> </ul>
<ul> <?php $myposts = get_posts('posts_per_page=10'); foreach($myposts as $post) : setup_postdata($post); ?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li> <?php endforeach; ?> </ul>
Publishing platform
• Only with Tags … タグだけで
• Stable … 安定
• Secure … 安全
• Designable … 自由なデザイン
• Pluggable … 高い拡張性
思いのままのデザインを1 ピクセルレベルで実現
Photo by David Salafia on “Flickr”http://www.flickr.com/photos/djs1021/101948321/sizes/z/in/photostream/
Movable Type 5.2
5 features
• Cloud Optimization
–Nginx+PSGI
• New rich text editor
• SMTP Auth
• Site Restriction
• Performance up
• Nginx+PSGI
• Windows Azure(MTA)
PSGI
Cloud Optimization
What’s nginx?
• ロシアで開発されたウェブサーバー
• Apache に続く第二位のシェア (netcraft 社、 2012/03)
• 軽量、高速。メモリ使用量が少ない
Why nginx+PSGI?
Merit of Cloud computing
• クラウドのメリットは
– スピーディにサーバーの構築が可能
– サーバーのスケーラビリティ変更が容易
– アプリケーションサーバーとコンテンツサーバーの分離構成
– CDN への可用性
• ウェブソリューションを考える上で外せない技術
Cloud for small website
• クラウドを利用したシステム構成
– 最初は小さなインスタンスでサーバー構築
– CMS サーバー、公開サーバー共に VM イメージで構築
(Amazon EC2,Windows Azure のクラウドサービスなど )
VM サーバーAmazonEC2 など
Cloud for mid-size website• サイト規模の拡大、アクセスの増加に合わせて、 CMS
サーバーと公開サーバーを分けて運用
– CMS サーバーを VM イメージで構築 (Amazon EC2 など )
– 公開ページはコンテンツサーバーで構築
(AmazonS3 や Azure ストレージなど )
VM サーバーAmazonEC2 など
Amazon S3 など
Cloud for Large website
• CMS サーバーの冗長化、公開サーバーを CDN 化
– CMS サーバーは VM イメージ x n 個で冗長構成 (AmazonEC2 な
ど )
– 公開ページは CDN 利用 (AmazonCloudFront など )
DB サーバー
CDN サーバー
Cloud + MT
• スケーラビリティ、コストメリットにとむ
• MT の静的配信が最大限に効果を発揮
– CMS サーバーと公開サーバーを別管理可能
• 様々なクラウドデザインパターンへの対応が容易
Cloud + Dynamic CMS?
• VM サーバーのスケール + ロードバランスによる負荷
分散
• 画像や動画などの静的ファイル類はコンテンツサー
バーへ分離可能
• サーバー構成とメンテナンスは複雑に
MT on AWS
• http://www.slideshare.net/c95029/cdp-katayama
• http://www.ustream.tv/recorded/20842545
Plugin
• AmazonS3 に MT からサイト公開
http://tec.toi-planning.net/mt/amazon/mt-amazons3/
MT on Cloud VM
• クラウド上の VM サーバー (Amazon EC2 など ) で
MT を快適に動作させる必要性
• さまざまなインスタンスサイズへの対応
• 軽量・高速なウェブサーバーでの動作
Nginx pros and cons
• Pros
–Speedy
–Light weight
• Cons
–Cannot use .htaccess
–Cannot use CGI in initial state
nginx's rise within the cloud
• AWS 上のウェブサイト数… 680 万
• Apache ベース… 230 万
• Nginx ベース… 290 万
– Polvore ベース… 41 万
– MS IIS ベース… 16.3 万
クラウドサーバー上のシェアが上昇中ウェブサイト「 ITWorld 」http://www.itworld.com/cloud-computing/297943/nginxs-rise-within-cloud
Nginx+PSGI+MT
• Nginx= 高速、軽量なウェブサーバー
• Nginx+PSGI
– Nginx+PSGI で、 nginx 上で CGI(MT) を動かせる
– Nginx の速度 +PSGI による CGI 常駐化で、 MT の高速化が期待で
きる
– 140% のパフォーマンスアップ ( 弊社内部調査 )
• MT+NginX+PSGI
– アプリサーバー、パブリッシングサーバーのパフォーマンス効果大
Various Cloud environment
(Movable Type Advanced で正式対応 )
New Rich Text Editor
Merit
• TinyMCE ベース
• 編集機能が多い
• モダンな HTML が出力される
• 生成される HTML がブラウザ間で同じ
• カスタマイズが簡単
Contribution for TinyMCE
New Interface
Full Screen ModeFull Screen Mode
Inserting HTMLInserting HTML
Adopting CSS
Different CSS for pages and entries
Including CSS within Theme
Editor’s API
https://gist.github.com/1f234647a582266c5a8b
Customizing Editor
• No need to write JavaScript
• Yaml file + α
Easy maintenance
Site-path Restriction
SMTP Authentication
Performance Improvement
• カスタムフィールドのロジックを見直し
– カスタムフィールド利用時の再構築時間が 3 倍高速化
• 再構築時の SQL 見直し
– 再構築時間が 120% 高速化
(※ 上記いずれも参考値 )
Tomorrow!
Showcase
http://www.sixapart.jp/business/
New cases
New Case
New Case