クライアントの満足度を高める!管理画面の簡単カスタマイズ!

1,100 views

Published on

MTDDC Meetup Tokyo 2011

Published in: Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,100
On SlideShare
0
From Embeds
0
Number of Embeds
20
Actions
Shares
0
Downloads
1
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

クライアントの満足度を高める!管理画面の簡単カスタマイズ!

  1. 1. tinybeans
  2. 2. ••• MTAppjQuery••• alt-L10N
  3. 3. • Movable Type• MT• Power CMS for MT ver.3
  4. 4. • Movable Type 5 ※ .@yujiro Movable Type 5 http://www.tinybeans.net/blog/2010/05/29-105552.html http://www.tinybeans.net/blog/2010/06/24-152637.html• MT - The blog of H.Fujimoto http://www.h-fj.com/blog/archives/2009/11/09-103804.php• Movable Type - Junnama Online http://junnama.alfasado.net/online/2008/06/mt_6.html
  5. 5. MTAppjQuery• MTAppjQuery Movable Type 5 jQuery• Web —
  6. 6. mtappVars $.MTAppDebug()
  7. 7. $.MTAppCustomize();
  8. 8. $.MTAppMultiCheckbox();
  9. 9. $.MTAppFieldSort();
  10. 10. $.MTAppInCats();
  11. 11. $.MTAppNoScrollRightSidebar();
  12. 12. $.MTAppDialogMsg();
  13. 13. $(foo).MTAppshowHint();
  14. 14. $.MTApp1clickRebuild();
  15. 15. $(foo).MTAppInlineEdit();
  16. 16. •• jquery_ready.js• Uploadify• $(foo).MTAppTabSpace();• $(foo).MTAppRemoveVal();• $(foo).MTAppNumChecker();• $(foo).MTAppTaxAssist();
  17. 17. •• append=”1”•
  18. 18. header.tmpl footer.tmpl• html_head • mtapp_prepend_footer_js• js_include • mtapp_footer_js• html_body • mtapp_footer_jq• html_body_footer • mtapp_end_body• jq_js_include footer.tmpl MTAppjQuery
  19. 19. <!DOCTYPE html><html lang="<$mt:var name="language_tag"$>"><head> <title></title> <mt:var name="html_head"> ← jquery.js <script src="mt.js"> <script src="jquery.mt.js"> <mt:var name="js_include"></head><body><div id="container"> <mt:var name="html_body"> .... <mt:var name="html_body_footer"></div> <mt:var name="mtapp_prepend_footer_js"> <mt:var name="mtapp_footer_js"> <script type="text/javascript"> (function($){ <mt:var name="mtapp_footer_jq"> $(#mtapp-loading).hide(); $(#container).css(visibility,visible); })(jQuery); </script> <mt:var name="mtapp_end_body"></body></html>
  20. 20. jquery_ready.js• jquery.js• sort-enable
  21. 21. jquery_ready.js• [jquery_ready.js ]• user.js jquery_ready.js
  22. 22. jquery_ready.js ID = 1/* jquery_ready.js */jQuery(function($){ if (mtappVars.blog_id == 1 && mtappVars.screen_id == ‘edit-page’) { $(div.sort-enabled).removeClass(sort-enabled); }});
  23. 23. Uploadify•• Multi Uploader Alfasado Inc. https://github.com/alfasado/mt-plugin-multi-uploader
  24. 24. Uploadify•••••• [ ][ ]
  25. 25. Uploadify• user.js 1 $.MTAppEnableUploadify();•
  26. 26. Uploadify• [ ]•• __filepath__ : __filename__ :
  27. 27. Uploadify
  28. 28. $.MTAppTabSpace();•••
  29. 29. $(foo).MTAppRemoveVal();
  30. 30. $(foo).MTAppNumChecker();••
  31. 31. $(foo).MTAppTaxAssist();•
  32. 32. alt-L10N• alt-L10N Alfasado Inc.• ja.pm• Power CMS for MT ver.3• alt-L10N MT MT CMS
  33. 33. alt-L10N• https://github.com/alfasado/mt-plugin-alt-L10N• plugins 1 2L10N ID ja.pm ※lib
  34. 34. alt-L10N• → →• ID 1 3
  35. 35. Update me, everyday!!

×