1. MTAppjQuery + DataAPI
によるMT6の管理画面
カスタマイズ
bit part 合同会社 奥脇知宏・柳谷真志

2. アジェンダ
MTAppjQueryの基本
Data API の基本とサンプル
Data API + MTAppjQuery で運用時の負荷を軽減
するサンプル
まとめ

3. bit part 紹介

4. bit part 紹介
柳谷真志（@mersy）、奥脇知宏（@tinybeans）
2013年1月結成のユニット
8月「bit part 合同会社」設立
Movable TypeやAlfasado社のPowerCMSを利用
した構築がメイン業務

5. bit part 紹介 / mersy
柳谷真志
やなぎやまさし
linker、アイペアーズ（株）

6. bit part 紹介 / tinybeans
奥脇知宏
おくわきともひろ
かたつむりくんのWWW
Movable Type 5.1
プロの現場の仕事術
（毎日コミュニケーションズ）

7. bit part 紹介 / plugins
flexibleSearch
MTAppjQuery
MTML Completions
その他のMTプラグイン

8. bit part 紹介 / plugins
flexibleSearch
MTAppjQuery
MTML Completions
その他のMTプラグイン
ドキュメント販売中
http://bitpart.thebase.in/

9. MTAppjQuery
管理画面を運用に最適化

10. MTAppjQueryとは
読み方（えむてぃーあっぷじぇぃくえりー）
Movable Type の管理画面を jQuery でカスタマイ
ズするためのプラグイン
Perl、YAML が不要、alt-tmpl より手軽
日頃 MT のテンプレートやフロントエンドをやって
いるWebデザイナー・コーダーのためのプラグイ
ン

11. MTAppjQuery DEMO
MTAppjQueryの主要機能DEMO

12. Data API の基本

13. 藤本さんのセッションで勉強させていただきました
m(_ _)m
Data API の特長

14. 直接URLを叩いてみるサンプル
Data API で記事一覧を取得してみる

15. jQueryのAjaxで取得するサンプル
Data API で記事一覧を取得してみる

16. PHPで取得するサンプル
検索機能だって簡単に実装できる！
Data API で記事一覧を取得してみる

17. Data API で記事を更新してみる

18. Data API で記事を更新してみる

19. MTAppjQuery + Data API
クイック編集機能を追加してみたサンプル
MTAppjQuery でウィジェットを追加
Data API で記事をインクリメントサーチで取得
Data API で記事の情報を表示
Data API で記事を更新

20. Data API を使ったデモサイト
スマホアプリのようなもののサンプル
勉強した英語表現をメモするアプリ
Yammerのようなアプリ - bitcatch

21. スマホアプリとして
簡易版サイト更新機能として
Webサイトの動的に表示させるパーツとして
他のシステムとの連携
mt-search.cgi に変わる検索
コメント投稿も可能
Data API の使いどころ

22. まとめ
Data API を利用することで、例えば...

23. JavaScript や PHP など多くの言語で MT 内の
データを操作することができる
まとめ
Data API を利用することで、例えば...

24. JavaScript や PHP など多くの言語で MT 内の
データを操作することができる
スマホアプリのベースとして利用
まとめ
Data API を利用することで、例えば...

25. JavaScript や PHP など多くの言語で MT 内の
データを操作することができる
スマホアプリのベースとして利用
=>開発効率の向上、MTでできることの可能性拡大
まとめ
Data API を利用することで、例えば...

26. まとめ
Data API を利用することで、例えば...

27. mt-search.cgi に代わる検索機能として利用
まとめ
Data API を利用することで、例えば...

28. mt-search.cgi に代わる検索機能として利用
flexibleSearch.js など静的なJSON検索と併用
まとめ
Data API を利用することで、例えば...

29. mt-search.cgi に代わる検索機能として利用
flexibleSearch.js など静的なJSON検索と併用
=> 開発効率向上、サーバー負荷の軽減
まとめ
Data API を利用することで、例えば...

30. まとめ
Data API を利用することで、例えば...

31. MTの管理画面に入らなくても、MT 内のデータを
操作することができる
まとめ
Data API を利用することで、例えば...

32. MTの管理画面に入らなくても、MT 内のデータを
操作することができる
専用更新アプリを作成
まとめ
Data API を利用することで、例えば...

33. MTの管理画面に入らなくても、MT 内のデータを
操作することができる
専用更新アプリを作成
MTAppjQueryと併用して管理画面のカスタマイズ
に利用
まとめ
Data API を利用することで、例えば...

34. MTの管理画面に入らなくても、MT 内のデータを
操作することができる
専用更新アプリを作成
MTAppjQueryと併用して管理画面のカスタマイズ
に利用
=> Web担当者・使い手の利便性、作業効率の向上
まとめ
Data API を利用することで、例えば...

35. まとめ
MTAppjQuery を利用することで、例えば...

36. JavaScriptで管理画面のカスタマイズが出来る
まとめ
MTAppjQuery を利用することで、例えば...

37. JavaScriptで管理画面のカスタマイズが出来る
運用ルールに合わせた使いやすい管理画面
まとめ
MTAppjQuery を利用することで、例えば...

38. JavaScriptで管理画面のカスタマイズが出来る
運用ルールに合わせた使いやすい管理画面
カスタマイズにプログラミングの知識が不要
まとめ
MTAppjQuery を利用することで、例えば...

39. JavaScriptで管理画面のカスタマイズが出来る
運用ルールに合わせた使いやすい管理画面
カスタマイズにプログラミングの知識が不要
=> Movable Type をもっと便利に使える
まとめ
MTAppjQuery を利用することで、例えば...

40. ご静聴ありがとう
ございました。
Update bit part everyday!!
MT::Lover::bitpart