20131005 mtddc hokkaido

3,192 views

Published on

スライド内で紹介している動画は http://www.youtube.com/watch?v=JC2IhZ8NZnM にアップしました。

0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,192
On SlideShare
0
From Embeds
0
Number of Embeds
1,833
Actions
Shares
0
Downloads
7
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

20131005 mtddc hokkaido

  1. 1. MTAppjQuery + DataAPI によるMT6の管理画面 カスタマイズ bit part 合同会社 奥脇知宏・柳谷真志
  2. 2. アジェンダ MTAppjQueryの基本 Data API の基本とサンプル Data API + MTAppjQuery で運用時の負荷を軽減 するサンプル まとめ
  3. 3. bit part 紹介
  4. 4. bit part 紹介 柳谷真志(@mersy)、奥脇知宏(@tinybeans) 2013年1月結成のユニット 8月「bit part 合同会社」設立 Movable TypeやAlfasado社のPowerCMSを利用 した構築がメイン業務
  5. 5. bit part 紹介 / mersy 柳谷真志 やなぎやまさし linker、アイペアーズ(株)
  6. 6. bit part 紹介 / tinybeans 奥脇知宏 おくわきともひろ かたつむりくんのWWW Movable Type 5.1 プロの現場の仕事術 (毎日コミュニケーションズ)
  7. 7. bit part 紹介 / plugins flexibleSearch MTAppjQuery MTML Completions その他のMTプラグイン
  8. 8. bit part 紹介 / plugins flexibleSearch MTAppjQuery MTML Completions その他のMTプラグイン ドキュメント販売中 http://bitpart.thebase.in/
  9. 9. MTAppjQuery 管理画面を運用に最適化
  10. 10. MTAppjQueryとは 読み方(えむてぃーあっぷじぇぃくえりー) Movable Type の管理画面を jQuery でカスタマイ ズするためのプラグイン Perl、YAML が不要、alt-tmpl より手軽 日頃 MT のテンプレートやフロントエンドをやって いるWebデザイナー・コーダーのためのプラグイ ン
  11. 11. MTAppjQuery DEMO MTAppjQueryの主要機能DEMO
  12. 12. Data API の基本
  13. 13. 藤本さんのセッションで勉強させていただきました m(_ _)m Data API の特長
  14. 14. 直接URLを叩いてみるサンプル Data API で記事一覧を取得してみる
  15. 15. jQueryのAjaxで取得するサンプル Data API で記事一覧を取得してみる
  16. 16. PHPで取得するサンプル 検索機能だって簡単に実装できる! Data API で記事一覧を取得してみる
  17. 17. Data API で記事を更新してみる
  18. 18. Data API で記事を更新してみる
  19. 19. MTAppjQuery + Data API クイック編集機能を追加してみたサンプル MTAppjQuery でウィジェットを追加 Data API で記事をインクリメントサーチで取得 Data API で記事の情報を表示 Data API で記事を更新
  20. 20. Data API を使ったデモサイト スマホアプリのようなもののサンプル 勉強した英語表現をメモするアプリ Yammerのようなアプリ - bitcatch
  21. 21. スマホアプリとして 簡易版サイト更新機能として Webサイトの動的に表示させるパーツとして 他のシステムとの連携 mt-search.cgi に変わる検索 コメント投稿も可能 Data API の使いどころ
  22. 22. まとめ Data API を利用することで、例えば...
  23. 23. JavaScript や PHP など多くの言語で MT 内の データを操作することができる まとめ Data API を利用することで、例えば...
  24. 24. JavaScript や PHP など多くの言語で MT 内の データを操作することができる スマホアプリのベースとして利用 まとめ Data API を利用することで、例えば...
  25. 25. JavaScript や PHP など多くの言語で MT 内の データを操作することができる スマホアプリのベースとして利用 =>開発効率の向上、MTでできることの可能性拡大 まとめ Data API を利用することで、例えば...
  26. 26. まとめ Data API を利用することで、例えば...
  27. 27. mt-search.cgi に代わる検索機能として利用 まとめ Data API を利用することで、例えば...
  28. 28. mt-search.cgi に代わる検索機能として利用 flexibleSearch.js など静的なJSON検索と併用 まとめ Data API を利用することで、例えば...
  29. 29. mt-search.cgi に代わる検索機能として利用 flexibleSearch.js など静的なJSON検索と併用 => 開発効率向上、サーバー負荷の軽減 まとめ Data API を利用することで、例えば...
  30. 30. まとめ Data API を利用することで、例えば...
  31. 31. MTの管理画面に入らなくても、MT 内のデータを 操作することができる まとめ Data API を利用することで、例えば...
  32. 32. MTの管理画面に入らなくても、MT 内のデータを 操作することができる 専用更新アプリを作成 まとめ Data API を利用することで、例えば...
  33. 33. MTの管理画面に入らなくても、MT 内のデータを 操作することができる 専用更新アプリを作成 MTAppjQueryと併用して管理画面のカスタマイズ に利用 まとめ Data API を利用することで、例えば...
  34. 34. MTの管理画面に入らなくても、MT 内のデータを 操作することができる 専用更新アプリを作成 MTAppjQueryと併用して管理画面のカスタマイズ に利用 => Web担当者・使い手の利便性、作業効率の向上 まとめ Data API を利用することで、例えば...
  35. 35. まとめ MTAppjQuery を利用することで、例えば...
  36. 36. JavaScriptで管理画面のカスタマイズが出来る まとめ MTAppjQuery を利用することで、例えば...
  37. 37. JavaScriptで管理画面のカスタマイズが出来る 運用ルールに合わせた使いやすい管理画面 まとめ MTAppjQuery を利用することで、例えば...
  38. 38. JavaScriptで管理画面のカスタマイズが出来る 運用ルールに合わせた使いやすい管理画面 カスタマイズにプログラミングの知識が不要 まとめ MTAppjQuery を利用することで、例えば...
  39. 39. JavaScriptで管理画面のカスタマイズが出来る 運用ルールに合わせた使いやすい管理画面 カスタマイズにプログラミングの知識が不要 => Movable Type をもっと便利に使える まとめ MTAppjQuery を利用することで、例えば...
  40. 40. ご静聴ありがとう ございました。 Update bit part everyday!! MT::Lover::bitpart

×