Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

詳説 Data api mtddc 拡張版 v3対応

1.982 visualizaciones

Publicado el

MTDDC Meetup TOKYO 2015

Publicado en: Internet
  • Sé el primero en comentar

詳説 Data api mtddc 拡張版 v3対応

  1. 1. 詳説 Data API MTDDC 拡張版 - v3対応 MTDDC Meetup TOKYO 2015 Nov 28, 2015 YUJI TAKAYAMA @ Six Apart
  2. 2. My Social icon yuji yuji Yuji Takayama YUJI TAKAYAMA Six Apart, Ltd. Senior Product Manager Movable Type Lead Engineer シックス・アパートで、働き始めて9年目 Movable Type 一筋 好きなタグは <MTAssetProperty>
  3. 3. Movable Type 6.2 Minor Release
  4. 4. Movable Type 6.2.2 Maintenance Release
  5. 5. What’s new in MT 6.2
  6. 6. Multiple File Upload Drag & Drop
  7. 7. Default Upload Destination Rename Filename Automatically
  8. 8. Custom Upload Destination From 6.2.2
  9. 9. Edit Asset Data On The Fly
  10. 10. Resize / Rotate / Cropping Remove EXIF/GPS
  11. 11. Other things 特定の PSGI アプリケーションの実行を禁止できるように 非公開イベントをマルチブログのトリガーとして利用可能に 外部サイトと SSL 通信をおこなう際の SSL 証明書の検証方法 を設定できるように Perl 5.18.x / 5.20.x を正式サポート
  12. 12. Movable Type Data API 3.0 REST/JSON API for every websites and applications Released with Movable Type 6.2 on Oct 8, 2015
  13. 13. Data API Overview
  14. 14. Data API Overview REST/JSON を用いた標準的 Web API API はバージョンごとに呼び出し可能 MT のユーザー管理を API でもそのまま利用可能 プラグインによる拡張が可能 JavaScript / Swift SDK ライブラリ
  15. 15. Data API v3 /authentication エンドポイントでの認証パスワードを「ログ インパスワード」から「web サービスパスワード」に変更 セキュリティへの配慮 GET  /v3/authentication?   clientId=testClient   username=YOUR_ACCOUNT&   password=YOUR_WEB_SERVICES_PASSWORD
  16. 16. Data API v3 list 系のエンドポイントで日付による絞込が可能に より柔軟かつ適切なデータの抽出が可能 GET  /v3/sites/:site_id/entries?   dateFrom=2015-­‐11-­‐01&   dateEnd=2015-­‐11-­‐30
  17. 17. Why Data API? PC やスマートフォンに限らず Web の世界は広がっていく スマホ対応だけがマルチデバイス対応ではなくなっていく フロントエンドだけでもリッチな表現は実現可能 Perl 以外の言語から Movable Type が利用できる CMS で管理するコンテンツを API で利用する
  18. 18. Build web pages Responsive Web Design <html> Content Templates Before Data API
  19. 19. Build web pages Web pages Mobile Applications Templates TV Watch fridgeCar Digital Signage Data API <html> Content Data API Any Devices Other Services After Data API
  20. 20. Case of Data API
  21. 21. Data API Case 1 - COACH UNITED • トップページの記事一覧を Data API で無限スクロール • ページ遷移が必要ない • 【利用者目線】気になる記 事を探しやすく • 【制作者目線】ページ分割 のための再構築が不要 = 負 荷が低減 http://coachunited.jp/
  22. 22. Data API Case 2 - ワンダードライビング • エンドポイントを独自拡張 • Google Analytics と連携し、 アクセス数の多い記事をラ ンキング表示 • 記事のサムネイルを生成 • 静的生成 + ダイナミックコ ンテンツ http://wonderdriving.com/
  23. 23. Data API Case 3 - 関連記事の表示 • 記事のタグを元に関連する 記事を動的に表示する • 古い記事でも再構築なしで 情報がリアルタイムに表示 できる • MTML + Data API http://movabletype.jp/
  24. 24. Data API Case 4 - Movable Type Writer • Google Chrome App • HTML + JavaScript + CSS • AngularJS + Bootstrap • Movable Type の管理画面 を使わずにユーザーニーズ に応える • コンテンツに合わせて画面 をカスタマイズする
  25. 25. Data API Case 5 - Kintone plugin • サイボウズ kintone から Movable Typeへ Data API で投稿HTML + JavaScript + CSS • ワークフローに強い kintone と MTML で自由な デザインができる Movable Type のコラボ • それぞれの強みを活かせる http://radical-bridge.com/product/kintone-mt-plugin.html
  26. 26. Data API Case 6 - Nintendo 3DS • Nintendo 3DS でとった写 真を、Data API を利用して Movable Type にアップロー ドすることで、自前のフォ トギャラリーを運営 • 写真を取り出してアップロー ドするという手間がいらな い http://www.slideshare.net/kaorislideshare/six-apart
  27. 27. Data API Case 7 - オレグラム • Data API で作成したウェブサ イト & サービスのデモ • バックエンドのプログラミン グは一切なし。プラグインも なし • ファイルのアップロード、サ ムネイル作成、バックグラウ ンド再構築 • Data API を使えば、サービス のバックエンドとして Movable Type を利用可能
  28. 28. Data API Case 8 - ProNet 検索 http://www.sixapart.jp/pronet/ • カテゴリ、カスタムフィー ルドによる絞り込み検索 • Data API で検索を実施 • Data API の実行は、AWS 上に構築した Movable Type for AWS • ウェブサイト用のデータベー ス (RDS) を共有
  29. 29. Data API Case 9 - アクセスランキング • Google Analytics と連携 • Data API で Google Analytics のアクセス数を取得し、ア クセスランキングを生成 http://www.movabletype.jp/blog/data-api-v2-06.html
  30. 30. Data API Case 10 - Movable Type for iOS • Swift ライブラリを使った iOS 用ネイティブアプリ • ネイティブアプリだからこ そのサクサク動作 • 必要最小限の API 呼び出し • オフラインへの対応 http://www.sixapart.jp/movabletype/mtios/
  31. 31. DEMO
  32. 32. Scenario CLI で Movable Type を操作 Data API を使って MT からログを取得 取得したログをログ解析ツールに処理させる エラーやセキュリティ上の問題を早期発見
  33. 33. https://github.com/yuji/mtlog/blob/master/mtlog.go Source Code
  34. 34. Other examples… Active Directory へのアカウント登録と連動して Movable Type にユーザーを登録する 商品DBへの登録と連動して、Movable Type に商品の記事を 作成する $  mt  user  add  userdata.json $  mt  entry  add  product.json
  35. 35. DEMO Part2
  36. 36. Scenario 写真投稿ウェブサービス スマホのアプリから投稿 スマホアプリとウェブ http://54.65.19.34/   user:  melody   password:  mel0dynels0n
  37. 37. Mobile Applications Web Browser Upload Rebuild main index Make thumbnail Movable Type w/ Data API
  38. 38. Knowledge
  39. 39. http://www.movabletype.jp/developers/data-api/ Documentation Portal
  40. 40. Movable Type でのサイト構築や、プラグイン開発をしながら、 「なんでこうなるの…」とか「こういうことできるのかな?」 などと思うことはありませんか? そんなときは、ぜひ MT Live! にお越しください。 時間中は出入り自由。好きな時間にお越しいただき、作業を しながら、わからないところが出てきたときに質問すれば OK です。Six Apart の MT 開発エンジニアが必ず参加しています ので、質問にお答えします。 その他、MT のスペシャリストの方々が毎回参加されています。 雑談 OK ですので、ぜひ気軽に話しかけてください。 申し込みは不要です。毎回 Facebook にイベントを立ててい ますので、よろしければそちらで参加表明をお願いします! 毎月第 2・第 4 水曜日 16:00 ∼ 20:00 MT Live!―― 悩みはココで解決! Movable Type に関するよろず相談・質問受け付けます ―― 10 月 7 日(Co-Edo) 10 月 28 日(TAM) 11 月 11 日(Co-Edo) 11 月 25 日(TAM) 12 月 9 日(Co-Edo) 12 月 未 定(TAM) シックス・アパートの Facebook ページ をフォローしてください。 最新のイベント情報をお届けします。 第 2 水曜 会場 コワーキングスペース茅場町 Co-Edo ※利用料:2 時間 500 円/ 1 日 1000 円 第 4 水曜 会場 TAM 東京 コワーキングスペース ※利用料:無料(一般利用はできません) ――― 年内の開催予定 ―――
  41. 41. Have fun with Data API!
  42. 42. One more thing…
  43. 43. 2015 Movable Type を CMS として使用してウェブサイトを構築するとき、 「コレは入れるよね!」というお気に入りのプラグインを投票していただき、 2015年の「Movable Type プラデミー賞」を決定します。 http://www.movabletype.jp/blog/mt-pludemy-award-2015.html
  44. 44. https://www.sixapart.jp/inquiry/jobs-engineer.html
  45. 45. Thank you for listening See you later!

×