20131005 mtddc hokkaido

MTAppjQuery + DataAPIによるMT6の管理画面

カスタマイズ

bit part 合同会社　奥脇知宏・柳谷真志

アジェンダ

MTAppjQueryの基本

Data API の基本とサンプル

Data API + MTAppjQuery で運用時の負荷を軽減するサンプル

まとめ

bit part 紹介

bit part 紹介

柳谷真志（@mersy）、奥脇知宏（@tinybeans）

2013年1月結成のユニット

8月「bit part 合同会社」設立

Movable TypeやAlfasado社のPowerCMSを利用した構築がメイン業務

bit part 紹介 / mersy

柳谷真志やなぎやまさし

linker、アイペアーズ（株）

bit part 紹介 / tinybeans

奥脇知宏おくわきともひろ

かたつむりくんのWWW

Movable Type 5.1 プロの現場の仕事術（毎日コミュニケーションズ）

bit part 紹介 / plugins

flexibleSearch

MTAppjQuery

MTML Completions

その他のMTプラグイン

bit part 紹介 / plugins

flexibleSearch

MTAppjQuery

MTML Completions

その他のMTプラグインドキュメント販売中http://bitpart.thebase.in/

http://bitpart.thebase.in

http://bitpart.thebase.in

MTAppjQuery

管理画面を運用に最適化

MTAppjQueryとは

読み方（えむてぃーあっぷじぇぃくえりー）

Movable Type の管理画面を jQuery でカスタマイズするためのプラグイン

Perl、YAML が不要、alt-tmpl より手軽

日頃 MT のテンプレートやフロントエンドをやっているWebデザイナー・コーダーのためのプラグイン

MTAppjQuery DEMO

MTAppjQueryの主要機能DEMO

Data API の基本

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

Data API の特長

直接URLを叩いてみるサンプル

Data API で記事一覧を取得してみる

http://mt.bit-part.net/MT-6.0b/mt/mt-data-api.cgi/v1/sites/2/entries?fields=title,permalink

http://mt.bit-part.net/MT-6.0b/mt/mt-data-api.cgi/v1/sites/2/entries?fields=title,permalink

jQueryのAjaxで取得するサンプル


http://mt.bit-part.net/MT-6.0b/seminner/1.html

http://mt.bit-part.net/MT-6.0b/seminner/1.html

PHPで取得するサンプル

検索機能だって簡単に実装できる！


http://mt.bit-part.net/MT-6.0b/seminner/1.php

http://mt.bit-part.net/MT-6.0b/seminner/1.php

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

MTAppjQuery + Data API

クイック編集機能を追加してみたサンプル

MTAppjQuery でウィジェットを追加

Data API で記事をインクリメントサーチで取得

Data API で記事の情報を表示

Data API で記事を更新

https://bitpart-kqab.trials.jp/mt/admin?__mode=dashboard%23quickEditItem

https://bitpart-kqab.trials.jp/mt/admin?__mode=dashboard%23quickEditItem

Data API を使ったデモサイト

スマホアプリのようなもののサンプル

勉強した英語表現をメモするアプリ

Yammerのようなアプリ - bitcatch

スマホアプリとして

簡易版サイト更新機能として

Webサイトの動的に表示させるパーツとして

他のシステムとの連携

mt-search.cgi に変わる検索

コメント投稿も可能

Data API の使いどころ

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

JavaScript や PHP など多くの言語で MT 内のデータを操作することができる



スマホアプリのベースとして利用



スマホアプリのベースとして利用

=>開発効率の向上、MTでできることの可能性拡大


mt-search.cgi に代わる検索機能として利用



flexibleSearch.js など静的なJSON検索と併用



flexibleSearch.js など静的なJSON検索と併用

=> 開発効率向上、サーバー負荷の軽減


MTの管理画面に入らなくても、MT 内のデータを操作することができる



専用更新アプリを作成




MTAppjQueryと併用して管理画面のカスタマイズに利用




MTAppjQueryと併用して管理画面のカスタマイズに利用

=> Web担当者・使い手の利便性、作業効率の向上


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

JavaScriptで管理画面のカスタマイズが出来る



運用ルールに合わせた使いやすい管理画面




カスタマイズにプログラミングの知識が不要




カスタマイズにプログラミングの知識が不要

=> Movable Type をもっと便利に使える


ご静聴ありがとうございました。

Update bit part everyday!!

MT::Lover::bitpart

20131005 mtddc hokkaido

Documents