Movable Type Data APIを活用した ウェブサイト・サービスの開発

2014/02/28

MT東京 常盤拓司 (Alliance Port, LLC, 研究開発担当ディレクター)

MT東京

• MovableTypeのユーザコミュニティ

• 自然発生的な地域コミュニティが存在

• MT福岡

• MT蝦夷

• MTなごや

• MTcafe、MTDDC、勉強会

• 関東でもユーザコミュニティを形成しよう→MT東京が発足

MT東京• MovableTypeの関東地域のユーザコミュニティ

• MT東京で月1回程度の頻度で勉強会等を予定

• FaceBook上でクローズドのグループで活動

• 参加ご希望の方はFaceBookで以下までメッセージを

• http://www.facebook.com/tokiwatch

1 51- 0 0 51東京都渋谷区

千駄ヶ谷 3 -16 -3 メイゾン原宿 601

Phone, Fax : 03 - 6 4 59 -2 9 61

info@all ianceport . jp

http : / /www.all ianceport . jp/

Twitter ID : All iancePort

合同会社アライアンス・ポート

Alliance Port, LLC6 01 Maison Harajyuku3 -16 -3 SendagayaShibuya Tokyo 1 51- 0 0 51, JapanPhone, Fax : + 81-3 - 6 4 59 -2 9 61

広 瀬 修 司

hirose@all ianceport . jp

http : / /www.all ianceport . jp/

S H U J I H I R O S EProject ManagerFront -End Programmer

プロジェクト・マネージャー

フロントエンド・プログラマー

CONSULTING DESIGNING ENGINEERING

コンサルティング、サイト構築実績

CONSULTING ↓

DESIGNING↓

ENGINEERING

文化施設・文化拠点• 唯一無二

• 相対的な評価が難しい

• 高い審美基準

• デザインの自由度をエンジニアリングで担保しなければいけない

• 年度予算枠

• 年度の途中でのシステム更新や従量課金の導入が難しい

CONSULTING ↓

DESIGNING↓

ENGINEERING ←ココ

MovableTypeの特徴• テンプレートシステム

• 高度な分業性を提供

• フロントエンドエンジニアへのメリット

• データベースへの問い合わせやレンダリングの負荷を意識しなくてよい

• セキュリティリスクの発生を回避

• 静的パブリッシング

• 負荷の問題を分離 (CMSとウェブサーバ)

ウェブサーバ

htmlファイル等

Movable Type

ブラウザ

←テンプレートシステムアプリケーション層

ウェブサーバ層

ファイルシステム層

Movble Typeの弱点

• 強みを活かした上での動的な情報の出力

Data API

API

• Application Programing Interface

• あるプログラムから他のプログラムにアクセスするためのインタフェース

Web API• Web上の各種のサービスが連携する仕組み

• HTTPプロトコルでサーバーにアクセス

• XMLやJSONなどの形式でデータを交換

• 各種のプログラム言語からサーバーにアクセス可能

• 様々なWeb APIが存在

• Yahoo、Google、Twitter、Amazonなど

Data API

• Movable Typeで構築されたウェブサイトにWeb APIを導入できる

ウェブサーバ

htmlファイル等

Movable Type

ブラウザ

必要な生データを ピンポイントで!

API

CONSULTING ↓

DESIGNING↓

ENGINEERING

共創 CO-CREATION

共創 お客様と、ともに考え、創る

展示コーナー名を軸として、ウェブサイト内の回遊キーワードを設計する

• Maecenas aliquam maecenas ligula nostra, accumsan taciti. Sociis mauris in integer

• El eu libero cras interdum at eget habitasse elementum est, ipsum purus pede

• Aliquet sed. Lorem ipsum dolor sit amet, ligula suspendisse nulla pretium, rhoncus

東京都歴史文化財団（TWS）様

展示コーナー名を軸として、ウェブサイト内の回遊キーワードを設計する

• Maecenas aliquam maecenas ligula nostra, accumsan taciti. Sociis mauris in integer

• El eu libero cras interdum at eget habitasse elementum est, ipsum purus pede

• Aliquet sed. Lorem ipsum dolor sit amet, ligula suspendisse nulla pretium, rhoncus

せんだいメディアテーク様

共創 詳しくは…