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