20120215 jquery in wordpress cafe

1,071 views

Published on

20120215 jquery in wordpress cafe

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,071
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

20120215 jquery in wordpress cafe

  1. 1. jQueryWordPress Cafe2012年2月15日 WordPress Cafe 大和田健一
  2. 2. 自己紹介@ohwada 大和田 健一横浜市戸塚区横浜コミニュティデザイン・ラボ 理事ワードプレス歴 since 2005アンドロイドな日々 http://android.ohwada.jp/ 2012年2月15日 WordPress Cafe 大和田健一
  3. 3. 今日の話1.jQuery とは2.WordPress プラグイン3.最新動向 スマホ対応 2012年2月15日 WordPress Cafe 大和田健一
  4. 4. jQuery とはjQuery は、JavaScriptとHTMLの相互作用を強化する軽量なJavaScriptライブラリ。ジョン・レシグが2006年1月に開催されたBarCamp NYC でリリースした。MIT License と GNU General PublicLicense のデュアルライセンスであり、フリーかつオープンソースである。 2012年2月15日 WordPress Cafe 大和田健一
  5. 5. JavaScript ライブラリ 1 ブラウザの差異の吸収   2 高水準な記述で  より簡単に  より分かりやすく 2012年2月15日 WordPress Cafe 大和田健一
  6. 6. ブラウザの差異html<div id="id123"></div>JavaScript var obj = document.getElementById("id123"); // ieobj.innerText = "あいうえお";//firefoxobj.textContent = "おいうえお"; 2012年2月15日 WordPress Cafe 大和田健一
  7. 7. 高水準な記述  より簡単に より分かりやすくJavaScriptdocument.getElementById("id123")jQuery $(#id123) 2012年2月15日 WordPress Cafe 大和田健一
  8. 8. JavaScriptの衝撃 2007年 GoogleMap の出現 それ以前は JavaScript は 簡単なUIには向いているが リッチクライントは Flash でしょう 2012年2月15日 WordPress Cafe 大和田健一
  9. 9. Flash 開発中止2011年 モバイル版 Flash 開発中止 2012年2月15日 WordPress Cafe 大和田健一
  10. 10. JQuery 一番人気http://royal.pingdom.com/2010/03/26/jquery-triumphant-march-to-success/ 2012年2月15日 WordPress Cafe 大和田健一
  11. 11. jQueryを使う7つの理由1. prototype.js などと混ぜて使える2. ユニットテスト用ライブラリがある。3. プラグインが充実4. カッコいい見栄えを提供してくれる5. 基本的な機能が揃ってる6. XPathやCSSっぽい柔軟な要素の選択ができる7. 日本語情報がやたら豊富 http://d.hatena.ne.jp/iad_otomamay/20080806/p1 2012年2月15日 WordPress Cafe 大和田健一
  12. 12. カッコいい見栄えhttp://leandrovieira.com/projects/jquery/lightbox/ 2012年2月15日 WordPress Cafe 大和田健一
  13. 13. カッコいい見栄え2 http://apycom.com/menus/6-light-sea-green.html 2012年2月15日 WordPress Cafe 大和田健一
  14. 14. WordPress プラグイン プラグインは、WordPressの機能を拡張する ためのツールです。 ユーザーそれぞれが特定のニーズに合ったプ ラグインを利用して、カスタム機能を取り入 れられるように作られています。 2012年2月15日 WordPress Cafe 大和田健一
  15. 15. JQueryプラグイン 25 Hand Picked Best jQuery based WordPress Pluginshttp://www.cssreflex.com/2009/10/25-hand-picked-best-jquery-based-wordpress-plugins.html/1. Wordpress jQuery Lightbox Plugin2. PixoPoint Menu Plugin3. jQuery lazy load plugin4. Snazzy Archives5. Highlight Search Terms 2012年2月15日 WordPress Cafe 大和田健一
  16. 16. 1. Wordpress jQuery Lightbox Plugin http://www.pedrolamas.com/projectos/jquery-lightbox-en/ 2012年2月15日 WordPress Cafe 大和田健一
  17. 17. 2. PixoPoint Menu Plugin http://dunedinicehockey.co.nz/ http://pixopoint.com/products/pixopoint-menu/ 2012年2月15日 WordPress Cafe 大和田健一
  18. 18. 3. jQuery lazy load pluginhttp://www.appelsiini.net/projects/lazyload/enabled_gazillion.html 2012年2月15日 WordPress Cafe 大和田健一
  19. 19. 4. Snazzy Archiveshttp://www.prelovac.com/vladimir/archive-spec?layout=1&fx=0 2012年2月15日 WordPress Cafe 大和田健一
  20. 20. 5. Highlight Search Terms http://wordpress.org/extend/plugins/highlight-search-terms/ 2012年2月15日 WordPress Cafe 大和田健一
  21. 21. 最新動向 スマホ対応 2012年2月15日 WordPress Cafe 大和田健一
  22. 22. 急増するスマホhttp://www.cisco.com/web/JP/solution/isp/ipngn/literature/white_paper_c11-520862.html 2012年2月15日 WordPress Cafe 大和田健一
  23. 23. スマホ 対応2012年2月15日 WordPress Cafe 大和田健一
  24. 24. WPtouchhttp://wordpress.org/extend/plugins/wptouch/ 2012年2月15日 WordPress Cafe 大和田健一
  25. 25. よりスマホ風に デザイン面  スマホっぽい見た目  UIパーツ   操作  スワイプ、ピンチ  アニメーション2012年2月15日 WordPress Cafe 大和田健一
  26. 26. スマホ対応 JavaScript 1. jQuery Mobile 2. jQ.Mobi 3. jQTouch 4. iUI 2012年2月15日 WordPress Cafe 大和田健一
  27. 27. jQuery Mobile 5つの理由 1. 非常に広範囲のプラットフォームを  サポートしている 2. HTML5のマークアップで開発できる 3. 最小限のコード記述で開発できる 4 ネイティブアプリの操作感を実現 5. ネイティブアプリの開発もサポート http://builder.japan.zdnet.com/html-css/35011818/ 2012年2月15日 WordPress Cafe 大和田健一
  28. 28. PhotoSwipe http://vimeo.com/241248592012年2月15日 WordPress Cafe 大和田健一
  29. 29. 質問は?2012年2月15日 WordPress Cafe 大和田健一

×