MTDDC 2013 LT | Hello, my little giant

3,278 views

Published on

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

1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
3,278
On SlideShare
0
From Embeds
0
Number of Embeds
2,408
Actions
Shares
0
Downloads
2
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

MTDDC 2013 LT | Hello, my little giant

  1. 1. Hello, my little giant! Data API で遊んでみた話 taiju@はじめてのMTDDC 2013.08.03
  2. 2. 自己紹介 •東 大樹 ( HIGASHI Taiju ) •アルファサード1年生 ( サポートエンジニア ) •Perl・JavaScript・Schemeが好き •ブログ「あと味」 •福井弁・イントネーションが抜けない
  3. 3. 前段
  4. 4. Web API とは?
  5. 5. Web API at Wikipedia
  6. 6. ウェブ開発においては、APIは一般にHTTP 要求メッセージ群とXMLまたはJSON形式な どの応答メッセージの構造定義で構成され る。「ウェブAPI」はWebサービスと事実上 同義だが、Web 2.0 と呼ばれる最近の傾向 では、SOAPベースからREST風の直接的通信 へと変化している。ウェブAPIはマッシュ アップと呼ばれる技法で複数のサービスを組 み合わせて新たなアプリケーションとするこ とを可能にする。
  7. 7. 長くて難しいので
  8. 8. “If I have seen further it is by standing on the shoulders of giants.” Isaac Newton
  9. 9. もし私が他の人よりも遠くを見ていると したら、それは巨人の肩の上に立って いるからだ アイザック・ニュートン
  10. 10. 巨人の肩の上
  11. 11. Google, Yahoo!, Twitter, Facebook, Amazon などの 超どデカイ巨人 から
  12. 12. リリースされて間もない Webサービスなどの 小さめな巨人 まで
  13. 13. いろんな巨人が おりますが
  14. 14. 巨人たちの力を 借りることにより
  15. 15. より小さいコードで より大きいものが作れる
  16. 16. 本題
  17. 17. MT
  18. 18. Data
  19. 19. API
  20. 20. 巨 人 だ
  21. 21. Movable Type Data API •MTで管理されている様々な情報にAPI 経由でCRUDできる •REST/JSON形式でデータ送受信 •認証が必要な箇所には認証を要求 •サンプルアプリケーションLoupe •JavaScriptで提供されたSDK
  22. 22. Data API は
  23. 23. MTを
  24. 24. 巨人化する
  25. 25. Loupeのような 独自のUIを持つ MTの管理画面が作れる
  26. 26. だけじゃない
  27. 27. 作ってみた • Data API を利用した ToDoリストアプリ • Webプログラミングのチュートリアルによくあるやつ • Backbone.js を使って JavaScript ( CoffeeScript ) でフロント側の処理を記述 • バックエンド側は Data API 任せ
  28. 28. Demo
  29. 29. MT + Data API で Webサービスが作れる •MTをセットアップするだけ •jQueryだけでMTのデータを追加更新可能 •SDKもあるよ •慣れ親しんだMTのデータ構造 •カスタムフィールドの更新もできる •極端な話、本文にJSONを突っ込(ry
  30. 30. フロントエンドだけ書いて
  31. 31. サーバーサイドは
  32. 32. 巨人 任せ
  33. 33. Hello, my little giants!
  34. 34. ご清聴ありがとうございました twitter.com/taiju facebook.com/taiju.higashi

×