MTDDC 2013 のLTで発表したスライドです

1. Hello, my little giant!
Data API で遊んでみた話
taiju@はじめてのMTDDC
2013.08.03

2. 自己紹介
•東 大樹 ( HIGASHI Taiju )
•アルファサード1年生 ( サポートエンジニア )
•Perl・JavaScript・Schemeが好き
•ブログ「あと味」
•福井弁・イントネーションが抜けない

3. 前段

4. Web API とは？

5. Web API
at
Wikipedia

6. ウェブ開発においては、APIは一般にHTTP
要求メッセージ群とXMLまたはJSON形式な
どの応答メッセージの構造定義で構成され
る。「ウェブAPI」はWebサービスと事実上
同義だが、Web 2.0 と呼ばれる最近の傾向
では、SOAPベースからREST風の直接的通信
へと変化している。ウェブAPIはマッシュ
アップと呼ばれる技法で複数のサービスを組
み合わせて新たなアプリケーションとするこ
とを可能にする。

7. 長くて難しいので

8. “If I have seen further
it is by standing on the
shoulders of giants.”
Isaac Newton

9. もし私が他の人よりも遠くを見ていると
したら、それは巨人の肩の上に立って
いるからだ
アイザック・ニュートン

10. 巨人の肩の上

11. Google, Yahoo!, Twitter,
Facebook, Amazon
などの
超どデカイ巨人
から

12. リリースされて間もない
Webサービスなどの
小さめな巨人
まで

13. いろんな巨人が
おりますが

14. 巨人たちの力を
借りることにより

15. より小さいコードで
より大きいものが作れる

16. 本題

17. MT

18. Data

19. API

20. 巨
人
だ

21. Movable Type Data API
•MTで管理されている様々な情報にAPI
経由でCRUDできる
•REST/JSON形式でデータ送受信
•認証が必要な箇所には認証を要求
•サンプルアプリケーションLoupe
•JavaScriptで提供されたSDK

22. Data API は

23. MTを

24. 巨人化する

25. Loupeのような
独自のUIを持つ
MTの管理画面が作れる

26. だけじゃない

27. 作ってみた
• Data API を利用した ToDoリストアプリ
• Webプログラミングのチュートリアルによくあるやつ
• Backbone.js を使って JavaScript ( CoffeeScript )
でフロント側の処理を記述
• バックエンド側は Data API 任せ

28. Demo

29. MT + Data API で
Webサービスが作れる
•MTをセットアップするだけ
•jQueryだけでMTのデータを追加更新可能
•SDKもあるよ
•慣れ親しんだMTのデータ構造
•カスタムフィールドの更新もできる
•極端な話、本文にJSONを突っ込（ry

30. フロントエンドだけ書いて

31. サーバーサイドは

32. 巨人
任せ

33. Hello, my little giants!

34. ご清聴ありがとうございました
twitter.com/taiju
facebook.com/taiju.higashi