Movable Type 6 Overview SPEC2

MOVABLE TYPE 6OVERVIEW

~ PLAY WITH API ~

2013.10.5 (Sat) MTDDC meetup HOKKAIDO 2013Yuji Takayama

Movable Type Engineering, Six Apart, Ltd.

SPEC 2

13年10月5日土曜日

祝★RCリリース

MT 6.0 will be released on

17th Oct13年10月5日土曜日

AGENDA

•What’s new in MT6

• The point of upgrade

•New Plugin Directory

コードたっぷりのスライドは夏のスライドをご覧下さい

http://www.slideshare.net/swordbreaker/mtddc2013-movable-type-6-overview

WHAT’S NEW IN MT6

NEW LOGO

3 improvements

5 new features

1 new application13年10月5日土曜日

WEBSITE MANAGEMENTIMPROVEMENT

WEBSITE MANAGEMENT

•ウェブサイト上に記事を書くことができるように• ”ブログ”テーマを適用することができるように• <MT:Blog....>系のタグを<MT:Website...>に書き換える

必要はありません•基本コンセプトである「小さく始めて、大きく育て

る」をより良い形に•小さい”ブログ”から、構造化された”サイト”へ成長

WEBSITE MANAGEMENT

•MT4以前のバージョンからのアップグレード時に、ブログをウェブサイトに分解しません •全て”ウェブサイト”に変換し、アップグレード前の

構造を維持します•MT5以降のバージョンからのアップグレード時は、特

に変更をしません（既存の構造をそのままにします）• Entry → “ブログ記事” でしたが、”記事”になりました

WEBSITE MANAGEMENT

•テンプレートの中で、ウェブサイトのコンテクストを自動判別するよう• <MTWebsite***>のタグを利用するときに、

<MTWebsites>, <MTBlogParentWebsite>等が不要

WEBSITE MANAGEMENT

これまで<mt:IfBlog> <mt:BlogParentWebsite> <mt:WebsiteName> </mt:BlogParentWebsite><mt:Else> <mt:WebsiteName></mt:IfBlog>

WEBSITE MANAGEMENT

これから<mt:WebsiteName>

GOOGLE ANALYTICS

Client IDとClient Secretをコピー＆ペースト

利用したいプロファイルを選択

•取得できるデータ

• URLを元にしたページビュー数

•日付を元にしたページビュー数

• URLを元にしたユニークユーザー数

•日付を元にしたユニークユーザー数

GOOGLE ANALYTICS

<MT:StatsSnippet>

•アクセス解析サービスの提供する JavaScript を出力

• StatsProvider 側で実装する

• Google Analytics Providerは、Google AnalyticsのJavaScriptコードの中に自動的にアカウントIDを埋め込んで出力

SCHEDULED UN-PUBLISHING

•記事とページに対して公開終了日を設定可能

•公開終了処理は run_periodic_tasks で実行

•公開終了ステータスになった記事とページを一覧

•公開終了した記事とページは改めてステータスを変えて公開する事もできる

•指定日公開と指定日公開終了を同時に利用する事で、指定された期間だけ公開される記事とページを作れる

•手動で公開終了ステータスに変更はできないです

•公開終了処理時にコールバックがあるので、非公開にされたタイミングでメールを送信などできます

Callback: unpublish_past_entries

NOTIFICATION CENTER

•システムからの通知だけではなく、プラグインからメッセージを通知する事もできる（コールバック）

•通知内容の判定処理に重い処理を入れると、管理画面のパフォーマンス低下に繋がるので注意が必要

•メッセージは、ログインしたユーザー全てに表示されるので、注意が必要

DASHBOARD

•すっきりと生まれ変わり、よりポータルへ

• This is You widget がサイドに移動

• Flash ベースの Blog Stats widget を廃止して、Movable Type Chart API ベースの widget になりました

•後方互換性の為に Blog Stats widget を表示する事もできます (EnableBlogStats)

SITE STATS WIDGET

•ウェブサイト、ブログの10日分の記事数をグラフに

• Google Analytics を設定すれば、PageViews もグラフに反映されます

•実は、Pluggable なので、プラグインからグラフデータを追加する事もできる

CATEGORY ARCHIVE

• 全般設定 - アーカイブ設定で設定を有効にすると、記事がないカテゴリーアーカイブを出力されます

•デフォルトでは、設定は無効に

• JavaScript + Movable Type Data API + Chart API を用いたリファレンスアプリケーション

•スマートフォン向けの Web アプリケーション

•ただのサンプルではなく普段使いができる

•MITライセンスで公開

https://github.com/movabletype/mt-plugin-Loupe13年10月5日土曜日

•出来ること

•アクセス数の確認

•画像のアップロード

•承認待ち記事のレビュー

•コメントの返信

•実はPluggable

• Card と呼ばれるウィジェットを自分で開発することができる

•近日中に Card の作成方法のドキュメントを公開予定

MOVABLE TYPE DATA API

• REST API

•MT Authentication

• JavaScript Library

• Pluggable

• CGI based API

REST APICreate Read Update Delete

Comment

Trackback

Site(Blog, Website)

Category

Site Statistics

ex) http(s)://<your-server>/<your-mt>/mt-data-api.cgi/v1/sites/2/entries

https://github.com/movabletype/Documentation/wiki/Quick-reference13年10月5日土曜日

MT AUTHENTICATION

•公開されていない記事や、コメントなどの更新・削除には、認証が必要

•認証は、CMS と同じ MT 認証＋ Role ベース

•既存の権限ルールをそのまま適用できる

•公開済みの記事の内容などは認証なしで取得できる

JAVASCRIPT LIBRARY

• REST API の呼び出しをラッピングした、JavaScript ライブラリを提供

•他の言語についても（需要次第で）順次サポート予定（時期未定）

• MIT で提供中

https://github.com/movabletype/mt-data-api-sdk-js

PLUGGABLE

• REST API のエンドポイントは、MT のレジストリで管理

•プラグインから、エンドポイントの追加が可能

•出力形式を追加する事が可能

•MT6.0 では、JSON 形式をサポート

•プラグインによる実装方法のドキュメントを近日公開

CGI BASED API

•データ構造だけを返すので、ページ生成を伴うCGIよりは軽量ではある

•とはいえ、CGI であるので、起動時のオーバーヘッドはやはりある

• PSGI などの永続化環境で実行することを推奨

•フロントサーバーでキャッシュするのも効果的

DATA API - USE CASES

•ユーザーの用途に合わせた管理画面を提供する

• MTの画面書き換えをせずに提供出来る

• MTのバージョンアップに怯えなくてもOK

• ALT-TMPLでも出来るが、不要なメニューを表示しないようにする等を気にしないでいい

•公開されているサイト側で・・・

• Pagination

•mt-search.cgi に変わる検索エンジン

•記事の編集や投稿

•コミュニティサイト

•スマートフォンアプリから利用する

• LoupeのようなWebアプリや、ネイティブアプリ

• Movable Type を利用していないサイトから、Movable Type に蓄積されたコンテンツを利用する

MOVABLE TYPE CHART API

CHART API

• Flash ベースの Blog Stats を何とかしたくて開発

• Loupe でも使いたいと思ってスマフォ対応

•MT 無しでも使えると、公開サイト側でも使えていいかも？と思って、独立した JavaScript で開発

•MITで公開

https://github.com/movabletype/mt-chart-api-sdk-js13年10月5日土曜日

CHART API

•Morris.JS / Easel をグラフ描画エンジンとして採用

•グラフの種類によって、それぞれのエンジンを利用

•一部のブラウザでは Canvas が使えなかったりするので、環境に応じて別エンジンで描画を続行

CHART API

Internet Explorer

Google Chrome

Safari

FireFox

Android

https://github.com/movabletype/Documentation/wiki/Movable-type-chart-api

CHART API - USE CASES

•公開されているサイト側で・・・

•グラフを表示する

•スマートフォンアプリで・・・

•グラフを表示する

Movable Type asan Web Application

Framework

THE POINT OF UPGRADE

• Transformer をご利用の皆様

• User Dashboard の This is You を移動した

•記事/ページ編集画面に公開終了日の項目を追加した

• Blog Stats が無くなって、Site Stats になった

•Notification Centerのメッセージバーが出る領域

• Plugin 開発者の皆様

• Callback や API レベルで変更した点はほとんどない

•レジストリの変更はない

•ウェブサイトで記事が作れることにより、ブログのみ対応していた記事・カテゴリ系のプラグインは対応が必要になると想定されます

• Theme 開発者の皆様

•ウェブサイトでブログのテーマが利用可能になるので、”class: Blog” と指定していても、ウェブサイトで適用されます

• “class:Website”と指定されているテーマは、旧バージョン同様にウェブサイトでのみ利用可能です

•運用されてる皆様

• Data API 経由で、取得できるデータを制限する事が出来ます (DisableResourceField)

• Data API でのアクセスを禁止したいときは、mt-data-api.cgi というファイル名を変更するか、削除してください

PLUGIN DIRECTORY RENEWAL

NEW PLUGIN DIRECTORY

PLUGIN AND THEME DIRECTORY

•現在提供しているプラグイン＆テーマディレクトリを日米ともに完全リニューアル

•ベータサイトが利用可能

• http://beta.plugins.movabletype.jp

• http://beta.plugins.movabletype.org

•現在のプラグインディレクトリに登録されている方も、改めてユーザー登録とプラグイン・テーマの登録をお願いします

• MT6対応ではないプラグイン・テーマも登録OKです

• github と連動することで、バージョンアップ時の情報更新を自動化

• github レポジトリの Service Hooks に更新通知を設定するだけ

•一度の登録で日本語サイト、英語サイトの両方に登録される

•説明分の翻訳は運営サイドで実施

•最新の Movable Type 開発コードで構築

•フリーワード検索には Data API による検索を搭載

•プラグインの互換性レポート、github のスター数表示などの機能も追加していく予定

ANY QUESTIONS?

MOVABLE TYPEHACK-A-THON

INHOKKAIDO

今回もやります

お題Movable Type 6 に対応したプラグイン、アプリケーション、

テーマなどをワイワイと作る。アイディアを口にすると誰かが作ってくれるかもしれない

日時 2013.10.6 (Sun)10:00 開場 ~ 18:00 発表会

場所札幌市産業振興センター　セミナールーム 4

持ち物 PCとハッカー魂、デザイナー魂、Movable Typetamasii

参加費無料

その他スナック、飲み物など（簡単ながら）用意する予定絵です。Movable Type エンジニアに直接質問したり要望を伝えるチャンス

ビールはないよ（多分）

THANK YOU FOR LISTENING

Movable Type 6 Overview SPEC2

Technology

Transcript of Movable Type 6 Overview SPEC2

Jack Kaufman's Movable Type Idea Exchange Presentation

Movable type-seminar-20120411-ideamans

Movable Type Template Editor - dspace.cas.upm.edu.phdspace.cas.upm.edu.ph/jspui/bitstream/123456789/126/1/FinalPaper.pdfMovable Type Template Editor is a web-based editor for Movable

シックス・アパート、CMSプラットフォーム 「Movable Type …基づくヘッドレスcmsとしての利用も可能です。 ＜Movable Type 7 ベータ版 スクリーンショット＞

20140731 Movable Type Seminar

Movable type 6のロゴを作ってみた

Movable Type 5.1 : What's New

Movable Type

20141027 movable type seminar

20140416 Movable Type Seminar

MAKE YOUR WEB PRESENCE FELT WITH MOVABLE TYPE. WE ...

Why we use Movable Type?

Movable Type: MTDDC Meetup Tokyo 2014 Keynote

The greatest invention, movable metal type printing and jikji

MOVABLE METAL TYPE TO DIGITAL IMAGING

Scribo: A Livejournal Client for the Maemo 5 Platformcs.petrsu.ru/fdpw/2010/presentation/Scribo-slides.pdf · Movable Type, Type Pad Blogger, Movable Type, WordPress LJ, Blogger,

Movable Type Literary Group: An Introduction

Building Web Sites With Movable Type

Pseudo-dynamic website with Movable Type

Movable Typeのプラグインでできること

シックス・アパート、CMSプラットフォーム「Movable Type …基づくヘッドレスcmsとしての利用も可能です。＜Movable Type 7 ベータ版スクリーンショット＞