1. 最新バージョン
Movable Type 5.2のご紹介
シックス・アパート株式会社
長内 毅志

2. 自己紹介 : 長内毅志
2011年よりMovable Type製品企画マネージャー
twitter: Nick_smallworld
blog: smallworld.west-tokyo.com

3. 11 th Anniversary
2012/10/08

4. Two directions
•サーバー環境の進化への対応
•パブリッシング機能の進化

5. Cloud Shift

6. Increasing Market size
国内パブリッククラウド市場、2016年には3412
億円規模 (IDC Japan)

7. Various Cloud environment
(Movable Type Advancedで正式対応)

8. Publishing

9. Social vs Owned media
SNS Owned
Media
(CMS,ブロ
グ)
情報共有性
(友人との情報シェア)
◎ △
速報性
(リアルタイムシェアリング)
○ △
情報蓄積性
(データストック)
△ ○
情報展開性
(マルチプラットフォーム)
△ ○
デザインの柔軟性
☓ ◎

10. 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>

11. Publishing platform
• Only with Tags …タグだけで
• Stable …安定
• Secure …安全
• Designable …自由なデザイン
• Pluggable …高い拡張性

12. 思いのままのデザインを
1ピクセルレベルで実現
Photo by David Salafia on “Flickr”
http://www.flickr.com/photos/djs1021/101948321/sizes/z/in/photostream/

13. Movable Type 5.2

14. 5 features
• Cloud Optimization
– Nginx+PSGI
• New rich text editor
• SMTP Auth
• Site Restriction
• Performance up

15. Cloud Optimization
• Nginx+PSGI
• Windows Azure(MTA)
PSGI

16. What’s nginx?
• ロシアで開発されたウェブサーバー
• Apacheに続く第二位のシェア(netcraft社、2012/03)
• 軽量、高速。メモリ使用量が少ない

17. Why nginx+PSGI?

18. Merit of Cloud computing
• クラウドのメリットは
– スピーディにサーバーの構築が可能
– サーバーのスケーラビリティ変更が容易
– アプリケーションサーバーとコンテンツサーバーの分離構成
– CDNへの可用性
• ウェブソリューションを考える上で外せない技術

19. Cloud for small website
• クラウドを利用したシステム構成
– 最初は小さなインスタンスでサーバー構築
– CMSサーバー、公開サーバー共にVMイメージで構築
(Amazon EC2,Windows Azure のクラウドサービスなど)
VMサーバー
AmazonEC2など

21. Cloud for mid-size website
• サイト規模の拡大、アクセスの増加に合わせて、CMS
サーバーと公開サーバーを分けて運用
– CMSサーバーをVMイメージで構築(Amazon EC2など)
– 公開ページはコンテンツサーバーで構築
(AmazonS3やAzureストレージなど)
VMサーバー
AmazonEC2など
Amazon S3など

22. Cloud for Large website
• CMSサーバーの冗長化、公開サーバーをCDN化
– CMSサーバーはVMイメージ x n個で冗長構成(AmazonEC2など)
– 公開ページはCDN利用(AmazonCloudFrontなど)
DBサーバー
CDNサーバー

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

24. Cloud + Dynamic CMS?
• VMサーバーのスケール+ロードバランスによる負荷分
散
• 画像や動画などの静的ファイル類はコンテンツサー
バーへ分離可能
• サーバー構成とメンテナンスは複雑に

25. MT on AWS
• http://www.slideshare.net/c95029/cdp-katayama
• http://www.ustream.tv/recorded/20842545

26. Plugin
• AmazonS3にMTからサイト公開
http://tec.toi-planning.net/mt/amazon/mt-amazons3/

27. MT on Cloud VM
• クラウド上のVMサーバー(Amazon EC2など)でMTを快
適に動作させる必要性
• さまざまなインスタンスサイズへの対応
• 軽量・高速なウェブサーバーでの動作

28. Nginx pros and cons
• Pros
–Speedy
–Light weight
• Cons
–Cannot use .htaccess
–Cannot use CGI in initial state

29. 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

30. Nginx+PSGI+MT
• Nginx=高速、軽量なウェブサーバー
• Nginx+PSGI
– Nginx+PSGIで、nginx上でCGI(MT)を動かせる
– Nginxの速度+PSGIによるCGI常駐化で、MTの高速化が期待できる
– 140%のパフォーマンスアップ(弊社内部調査)
• MT+NginX+PSGI
– アプリサーバー、パブリッシングサーバーのパフォーマンス効果大

31. Various Cloud environment
(Movable Type Advancedで正式対応)

32. New Rich Text Editor

33. Merit
• TinyMCEベース
• 編集機能が多い
• モダンなHTMLが出力される
• 生成されるHTMLがブラウザ間で同じ
• カスタマイズが簡単

34. Contribution for TinyMCE

35. New Interface

36. Full Screen Mode

37. Inserting HTML

38. Adopting CSS

39. Different CSS for pages and entries

40. Including CSS within Theme

41. Editor’s API
https://gist.github.com/1f234647a582266c5a8b

42. Customizing Editor
• No need to write JavaScript
• Yaml file + α

43. Easy maintenance

44. Site-path Restriction

45. SMTP Authentication

46. Performance Improvement
• カスタムフィールドのロジックを見直し
– カスタムフィールド利用時の再構築時間が3倍高速化
• 再構築時のSQL見直し
– 再構築時間が120%高速化
(※上記いずれも参考値)

47. Tomorrow!

48. Showcase
http://www.sixapart.jp/business/

49. New cases

50. New Case

51. New Case