builwing.infoThis domain name registration has expired and renewal or deletion are pending. If you are the registrant and want to renew the domain name, please contact your registration service provider.
jQuery Mobile ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
jQuery Mobile ã¨ã¯ jQuery Mobileã¯ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション用ã®JavaScriptライブラリã§ã™ã€‚ jQuery Mobileを用ã„ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€å…¨ã¦ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³OSã«å¯¾å¿œã™ã‚‹çµ±ä¸€ã•ã‚ŒãŸUIã‚„ç”»é¢é·ç§»ãªã©ã®æ©Ÿèƒ½ã‚’ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ PhoneGapã«ãŠã‘るアプリ開発ã«ãŠã„ã¦ã€jQuery Mobileã¯UIé¢ã‚’PhoneGapãŒæ©Ÿèƒ½é¢ã‚’ãã‚Œãžã‚Œå®Ÿè£…ã™ã‚‹ã“ã¨ã§ã€ã•ã‚‰ã«ãƒã‚¤ãƒ†ã‚£ãƒ–ã«è¿‘ã„アプリを作るã“ã¨ãŒã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ jQuery Mobileを使用ã™ã‚‹ã«ã¯jQuey Mobileã®cssファイルã¨jsファイルã€ã•ã‚‰ã«jQueryã®jsファイルをãã‚Œãžã‚Œãƒšãƒ¼ã‚¸ã«ãƒãƒ¼ãƒ‰ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ jQuery Mobileã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ >> jQueryã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ >> ページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ >> jQuery Mobil
[jQuery Mobile] ページイベント・ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
jQuery Mobileã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—用ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã«ç¶šã„ã¦ã€ãƒšãƒ¼ã‚¸é–¢é€£ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ã¤ãã‚Šã¾ã—ãŸã€‚ » jQuery Mobile Page Event Cheat-sheet ページé·ç§»æ™‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã¯æ•°ã‚‚多ãã€ã€Œã©ã®é †ç•ªã§å‘¼ã°ã‚Œã‚‹ã‚“ã ã£ã‘？ã€ã¨å¿˜ã‚Œã¦ã—ã¾ã†ã“ã¨ãŒã‚ˆãã‚ã‚‹ã®ã§ã€ãƒ‘ッã¨è¦‹ã‚‰ã‚Œã‚‹å½¢ã§ã‚ã‚‹ã¨ä¾¿åˆ©ã‹ãªã¨ã€‚ 実ã¯ã“ã®ã‚·ãƒ¼ãƒˆã¯ã€æ‹™è‘—「ã€(今日発売ã®ãƒã‚º)ã«æŽ²è¼‰ã—ãŸå›³ã®ã€ä½“è£ã‚’æ•´ãˆãŸã‚‚ã®ã§ã™ã€‚å„イベントã®å†…容ã«ã¤ã„ã¦ã‚‚解説ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã‚ˆã‚ã—ã‘ã‚Œã°ãŠæ‰‹å…ƒã«(宣ä¼)。本家ドã‚ュメントã®æ„訳的ãªã‚‚ã®ã¯æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«è¼‰ã›ã¦ã„ã¾ã™ãŒã€æ›¸ç±ã®æ–¹ã¯ã‚‚ã†å°‘ã—å™›ã¿ç •ã„ãŸã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã€jQuery使ã„ã®äººã¯ç¿’ã„性ã«ãªã£ã¦ã‚‹ã ã‚ㆠdocument.ready ã¯ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã«ã¯ä¸€åº¦ç™ºç”Ÿã™ã‚‹(書ã„ã¦ã„ã¾ã›ã‚“ãŒã€mobileinitã®å¾Œ)ã‚‚ã®ã®ã€ãƒšãƒ¼ã‚¸é·ç§»æ™‚ã«ã¯ä¸€
![[jQuery Mobile] ページイベント・ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ](https://cdn-ak-scissors.b.st-hatena.com/image/square/761a833daaf82f18c29f396298c2b47164b09924/height=288;version=1;width=512/http%3A%2F%2Fdev.screw-axis.com%2Fjqm%2FjQueryMobile-PageEventCheatSheet-ja.png)
jQuery Mobile - APIã®åˆ©ç”¨ã§ã‚ˆã‚Šç´°ã‹ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º | 諸葛亮å”明もã³ã£ãã‚Šã§ã™ã‚ ã®ãƒ–ãƒã‚°
2011/03/26 2011/03/26 10:30 jQuery Mobile - APIã®åˆ©ç”¨ã§ã‚ˆã‚Šç´°ã‹ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º ä»–ã¨å·®åˆ¥åŒ–ã§ãã‚‹jQuery Mobile jQuery Mobileã«å¯¾ã—ã¦ã€æ¥½ã«å®Ÿè£…ã§ãã‚‹åé¢è‡ªç”±åº¦ã«æ¬ ã‘ã‚‹ã®ã§ã¯ãªã„ã‹ã€ã¨ã„ã†å°è±¡ã‚’ãŠæŒã¡ã®æ–¹ã‚‚å°‘ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ç§ã®éŽåŽ»ã®ã‚¨ãƒ³ãƒˆãƒªã§ã‚‚ã€jQuery MobileãŒã„ã‹ã«HTML完çµã§ã‚µã‚¤ãƒˆæ§‹ç¯‰ã§ãã‚‹ã‹ã«ç„¦ç‚¹ã‚’当ã¦ã¦ç´¹ä»‹ã—ã¦ãã¾ã—ãŸã€‚ éŽåŽ»ã®ã‚¨ãƒ³ãƒˆãƒª : jQuery Mobileã®ã‚¹ã‚¹ãƒ¡ - 商用利用ã«è€ãˆã†ã‚‹3ã¤ã®ç†ç”± jQuery Mobile - 標準テーマã§ã‚‰ãらãデザイン jQuery Mobile - data-transition属性ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æŒ‡å®š ã¨ã“ã‚ãŒã©ã£ã“ã„ã€jQuery Mobileã¯ç‹¬è‡ªã«Javascript・CSSを記述ã—ã¦ã€ç‹¬è‡ªã«æ‹¡å¼µå¯èƒ½ãªã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ä»–ã®
jQuery Mobile例文辞典 [jQuery Mobile example]
ã“ã®ãƒšãƒ¼ã‚¸ã¯jQuery Mobileã®ç”¨ä¾‹/サンプルを扱ã£ã¦ã„ã¾ã™ã€‚ã“ã“ã§ã¯jQuery Mobile 1.0を使用ã—ã¦ã„ã¾ã™ã€‚ ＊勉強用ã«ä½œæˆã—ãŸãƒšãƒ¼ã‚¸ãªã®ã§é–“é•ã„や勘é•ã„ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã“ã‚Œã¯ã¾ãšã„ï¼é–“é•ã£ã¦ã„ã‚‹ã¨ã„ã†ã‚µãƒ³ãƒ—ルãŒã‚ã‚Šã¾ã—ãŸã‚‰openspc@alpha.ocn.ne.jpã¾ã§ãƒ¡ãƒ¼ãƒ«ã‚’ãã ã•ã„。 ã€è¦æ³¨æ„】SONY Tablet S (SGPT11/OSãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ3.1ã®å ´åˆã€‚購入時ã®ã¾ã¾) ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®çŠ¶æ…‹ã§ã¯jQuery Mobileã¯å‹•ä½œã—ã¾ã›ã‚“。ã“ã‚Œã¯SONY Tabletã®ãƒ–ラウザãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯ã‚¯ã‚¤ãƒƒã‚¯ãƒ“ューモードã®è¨å®šã«ãªã£ã¦ã„ã‚‹ãŸã‚ã§ã™ã€‚ã“ã®è¨å®šã«ãªã£ã¦ã„ã‚‹ã¨é€šå¸¸ã®ãƒšãƒ¼ã‚¸ã‚‚æ£ã—ã動作ã—ãªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ã‚¯ã‚¤ãƒƒã‚¯ãƒ“ューモードã®è¨å®šã‚’解除ã™ã‚‹ã«ã¯ã€ãƒ–ラウザを起動ã—ãŸå¾Œã€ç”»é¢å³ä¸Šã®è¨å®šãƒœã‚¿ãƒ³ã‚’タップã—「è¨å®šã€ã‚’é¸æŠžã—ã¾ã™ã€‚高度ãªè¨å®šã®ã‚«ãƒ†ã‚´ãƒªã‚’é¸
jQuery Mobile コンãƒãƒ¼ãƒãƒ³ãƒˆã‚·ãƒªãƒ¼ã‚º #5 「ボタン〠| DevelopersIO
å‰å›žã¯ã€Œãƒ„ールãƒãƒ¼ã€ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã—ãŸã€‚ ボタンã¨ã¯ jQuery Mobileã®ãƒœã‚¿ãƒ³ã¯ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ä¸Šã§ãƒœã‚¿ãƒ³ã¨ã—ã¦èªè˜ã•ã‚Œã‚„ã™ã„よã†ãªã‚¹ã‚¿ã‚¤ãƒ«ã€ã¾ãŸä½¿ã„ã‚„ã™ã„よã†æœ€é©åŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚ ボタンã®æŒ‡å®š jQuery Mobileã®ãƒœã‚¿ãƒ³ã«ã¯å¤§ãã分ã‘ã¦ï¼’ã¤ã®æŒ‡å®šæ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚指定方法ãŒé•ã†ã¨ã„ã†ã ã‘ã§è¦‹ãŸç›®ã¯åŒã˜ã§ã™ã€‚ リンクボタン フォームボタン リンクボタン リンクボタンã¯ã‚¢ãƒ³ã‚«ãƒ¼ãƒªãƒ³ã‚¯ã«ã€Œdata-role="button"ã€ã‚’指定ã™ã‚‹ã“ã¨ã§ãƒœã‚¿ãƒ³ã¨ã—ã¦æ•´å½¢ã•ã‚Œã¾ã™ã€‚ <a href="#" data-role="button">リンクボタン</a> リンクボタンを開ã（ã“ã®ã‚µãƒ³ãƒ—ルã¯Chromeブラウザã§ã®é–²è¦§ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚） フォームボタン フォームボタンã¯buttonè¦ç´ ã€inputè¦ç´ ã®submit,reset,button,imageã®ã„ãšã‚Œã‹ãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚Œã°ãƒœã‚¿
dfltweb1.onamae.com – ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ãŠåå‰.comã§å–å¾—ã•ã‚Œã¦ã„ã¾ã™ã€‚
ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ ãŠåå‰.com ã‹ã‚‰å–å¾—ã•ã‚Œã¾ã—ãŸã€‚ ãŠåå‰.com 㯠GMOインターãƒãƒƒãƒˆ(æ ª) ãŒé‹å–¶ã™ã‚‹å›½å†…シェアNo.1ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²ã‚µãƒ¼ãƒ“スã§ã™ã€‚ ※1 「国内シェアã€ã¯ã€ICANN(インターãƒãƒƒãƒˆã®ãƒ‰ãƒ¡ã‚¤ãƒ³åãªã©ã®è³‡æºã‚’管ç†ã™ã‚‹éžå–¶åˆ©å›£ä½“)ã®å…¬è¡¨æ•°å€¤ã‚’ã‚‚ã¨ã«é›†è¨ˆã€‚gTLDãŒé›†è¨ˆã®å¯¾è±¡ã€‚ ※1 日本ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²æ¥è€…(レジストラ)（「ICANNãŒãƒ¬ã‚¸ã‚¹ãƒˆãƒ©ã¨ã—ã¦èªå®šã—ãŸä¼æ¥ã€ä¸€è¦§ï¼ˆInterNICæ供）内ã«ã€ŒJapanã€ã®è¨˜è¼‰ãŒã‚ã‚‹ã‚‚ã®ï¼‰ã‚’対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.comã€ã®ã‚·ã‚§ã‚¢å€¤ã‚’集計。 ※1 2020å¹´8月時点ã®èª¿æŸ»ã€‚
jQueryã®.bind(), .live(), .delegate()ã®é•ã„
The Difference Between jQuery’s .bind(), .live(), and .delegate() - Alfa Jango Blog http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/ jQueryã®.bind(), .live(), .delegate()é•ã„や仕組ã¿ã®ç†è§£ã€ã¾ãŸ.delegate()ã®æ–¹ãŒ.live()より優れã¦ã„ã‚‹ç†ç”±ã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ 内容を簡å˜ã«æ›¸ã出ã™ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªã“ã¨ã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ $('a').bind('click', function() { alert("That tickles!") }); .bind()ã¯$(‘a’)ã«å¯¾ã—ã¦ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã—ã¦ã‚‹ã€‚ $('a').live('clic
jQuery mobile ã§ä½œã£ãŸã‚¹ãƒžãƒ•ã‚©å‘ã‘サイトã«Google Maps APIを埋ã‚込む – [Mu]ムジãƒã‚°
jQuery mobile ã§ä½œã£ãŸã‚¹ãƒžãƒ•ã‚©å‘ã‘サイトã«Google Maps APIを埋ã‚込む 2011 å¹´ 6 月 28 æ—¥ – 4:22 PM category Webサイト開発・é‹å–¶ tags Google Maps API, jQuery mobile Comments: 0 Trackbacks: 0 jQuery mobileã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを制作ã—ã¦ã„ãŸã®ã§ã™ãŒã€ãã†ã„ãˆã°Google Maps APIを使ã£ãŸåœ°å›³ã¯ã©ã†ã‚„ã£ã¦åŸ‹ã‚込むã®ãŒè‰¯ã„ã®ã ã‚ã†ã¨æ€ã£ã¦ã€ã‚°ã‚°ãƒƒã¦ã„ã¾ã—ãŸã€‚ ãã“ã§ä¸‹è¨˜ã‚µã‚¤ãƒˆãŒå‚考ã«ãªã£ãŸã®ã§ã€æ—©é€Ÿå°Žå…¥ã—ã¦ã¿ã¾ã—ãŸã€‚ åŠäººå‰ã‚¦ã‚§ãƒ–ディレクターã®å¥®é—˜è¨˜ – jquery mobileã§google mapを表示をã™ã‚‹ã‚µãƒ³ãƒ—ル DEMO3ãŒçµè«–ã®ã‚ˆã†ã§ã™ã®ã§ã€ãã®ã‚½ãƒ¼ã‚¹ã‚’å‚考ã«ã—ã¾ã—ãŸã€‚ 1.headタグ内ã«Google Maps APIã®Ja
[jQuery Mobile]åˆæœŸåŒ–イベントメモ|WEBプãƒã‚°ãƒ©ãƒ 覚書
HOME>WEBプãƒã‚°ãƒ©ãƒ 覚書>[jQuery Mobile]åˆæœŸåŒ–イベントメモ [jQuery Mobile]åˆæœŸåŒ–イベントメモ jQuery Mobileã¯èªã¿è¾¼ã¾ã‚Œã¦ã‹ã‚‰ mobileinit -> pagebeforecreate -> pagecreate -> pageinit ã®é †ç•ªã§ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã™ã‚‹ã€‚ mobileinit jQuery MobileãŒãƒãƒ¼ãƒ‰ã•ã‚ŒãŸæ™‚ã«çœŸã£å…ˆã«ç™ºç”Ÿã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã€‚jQuery Mobileã‚’èªã¿è¾¼ã‚€å‰ã«è¨˜è¿°ã—ã¦ãŠãã‹èªã¿è¾¼ã‚€ã€‚ 主ã«jQuery Mobileã®å„種è¨å®šã‚’変更ã—ãŸã‚Šã™ã‚‹å ´æ‰€ã€‚ jQuery.ready()よりもå‰ãªã®ã§DOMã®æ“作ã¯ãŠã“ãªãˆãªã„ã£ã½ã„。
[jQuery Mobile] 1.1.0公開
jQuery Mobileåˆã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã¨ãªã‚‹1.1.0ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ å¹¾ã¤ã‹ã®å¤§ããªå¤‰æ›´ãŒåŠ ãˆã‚‰ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³1.1ã§ã™ãŒã€ç‰¹ã«é‡è¦ãªãƒã‚¤ãƒ³ãƒˆã¨ã—ã¦ã€å›ºå®šãƒ„ールãƒãƒ¼ã®å¤‰æ›´ã€ãƒšãƒ¼ã‚¸åˆ‡ã‚Šæ›¿ãˆåŠ¹æžœã®å®Œå…¨å†é–‹ç™ºã€ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã®æ´—ç·´ãªã©ãŒæŒ™ã’られã¾ã™ã€‚ ã¾ãŸã€å½“é¢ã¯1.0ã¨1.1ãŒä½µç”¨ã•ã‚Œã‚‹ã“ã¨ã‚’想定ã—ã€ãã‚Œãžã‚Œã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³å‘ã‘ã®ãƒ†ãƒ¼ãƒžãƒãƒ¼ãƒ©ãƒ¼ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚1.0ã§ä½œã‚‰ã‚ŒãŸãƒ†ãƒ¼ãƒžã¯ã€ç°¡å˜ã«1.1ã¸å¤‰æ›ã§ãるよã†ã§ã™ã€‚ æ›´ã«ã€é•·ã„間リリースã•ã‚Œã‚‹ã¨ä¼ãˆã‚‰ã‚Œã¦ããŸãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ“ルダーã¯ã€ä»Šé€±ä¸ã«ã¯ã‚¢ãƒ«ãƒ•ã‚¡ç‰ˆãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚‹è¦‹è¾¼ã¿ã ã¨ã„ã†ã“ã¨ã§ã™ã€‚ 主ãªå¤‰æ›´ç‚¹ã¯ã€æ¬¡ã®é€šã‚Šã€‚ 固定ツールãƒãƒ¼ã®æŠœæœ¬çš„書ãæ›ãˆ 以å‰ã‹ã‚‰å•é¡ŒãŒã‚ã‚Šã¤ã¤ã‚‚ã€ãƒ–ラウザã®å¯¾å¿œçŠ¶æ³ãªã©ãŒåŽŸå› ã§ã‚¹ã‚¯ãƒªãƒ—トã«ã‚ˆã‚‹ä»®æƒ³çš„ãªå›ºå®šãƒ„ールãƒãƒ¼ã‚’実装ã—ã¦ã„ã¾ã—ãŸãŒã€ä»Šå›ž position:fixed ã®å¯¾å¿œçŠ¶æ³ãŒä¸€å®š
より高度ãªGUI部å“を使ãŠã†ï¼(5/5):jQuery Mobileã«ã‚ˆã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨Webサイト作æˆå…¥é–€ - libro
jQuery UIを利用ã—ãŸä¾‹ã¨ã—ã¦ã€ã‚‚ã†ï¼‘ã¤ã€Œã‚¿ãƒ–パãƒãƒ«ã€ã‚’作ã£ã¦ã¿ã¾ã—ょã†ã€‚タブパãƒãƒ«ã¯ã€ã‚¿ãƒ–をクリックã—ã¦è¡¨ç¤ºã‚’切り替ãˆã‚‹GUIã§ã™ã。スマートフォンã§ã‚‚åŒæ§˜ã®åƒãã‚’ã™ã‚‹GUIã¯ã‚ã‚Šã¾ã™ã€‚タブパãƒãƒ«ãŒç”»é¢ã«è¡¨ç¤ºã•ã‚Œã¦ã‚‚ã€ãã‚Œã»ã©é•å’Œæ„Ÿã¯ãªã„ã§ã—ょã†ã€‚ 下ã®ãƒªã‚¹ãƒˆæ¬„ã«ã€ç°¡å˜ãªã‚µãƒ³ãƒ—ルをã‚ã’ã¦ãŠãã¾ã™ã€‚アクセスã™ã‚‹ã¨ã€ã€ŒNo,1ã€ã€ŒNo,2ã€ã¨ã„ã†ï¼’ã¤ã®ã‚¿ãƒ–ã‚’æŒã£ãŸãƒ‘ãƒãƒ«ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€ã‚¿ãƒ–をクリックã™ã‚Œã°è¡¨ç¤ºã‚’切り替ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ タブパãƒãƒ«ã®è¡¨ç¤ºã¯ã€ã¡ã‚‡ã£ã¨é¢å€’ã§ã™ã€‚ã‚らã‹ã˜ã‚指定ã•ã‚ŒãŸå½¢å¼ã«å¾“ã£ã¦ã‚¿ã‚°ã‚’用æ„ã—ã¦ç½®ã‹ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“。整ç†ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªå½¢ã«ãªã‚Šã¾ã™ã€‚ <div id="タブパãƒãƒ«ã®ID"> <ul> <li><a href="#１ã¤ç›®ã®è¡¨ç¤º">１ã¤ç›®ã®ã‚¿ãƒ–</a></li> <li><a href="#ï¼’ã¤ç›®ã®è¡¨ç¤º"ï¼’ã¤ç›®ã®ã‚¿ãƒ–</a></li>
jQueryã§iPhoneã€iPadã€Androidã®ãã‚Œãžã‚Œç¸¦ãƒ»æ¨ªç”»é¢ã®å‘ãを判別ã—ã¦CSSã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã™ã‚‹æ–¹æ³•ï½œBLACKFLAG
iPhoneã‚„Android（アンドãƒã‚¤ãƒ‰ï¼‰å‘ã‘ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’制作ã™ã‚‹éš›ã€ å„ã‚ャリアã®ç¸¦å‘ãã€æ¨ªå‘ãを考慮ã—ãŸç”»é¢è¨è¨ˆã‚„HTML構æˆã‚’考ãˆã¦åˆ¶ä½œã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。 ãã‚Œãžã‚Œç«¯æœ«ã”ã¨ã«ç´°ã‹ãªè¨å®šã®å¤‰æ›´ãŒå¿…è¦ãªå ´åˆãªã© OSã®åˆ¤åˆ¥ã‚’ã™ã‚‹å¿…è¦ã«ãªã£ã¦ãã¾ã™ãŒã€ ãã‚“ãªéš›ã«ä½¿ãˆã‚‹ã€jQueryを使ã£ã¦ç°¡å˜ã«OSを判別ã—ã€ãã‚Œãžã‚ŒCSSã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã— ç”»é¢ã®ç¸¦ï¼æ¨ªãã‚Œãžã‚Œåˆ‡ã‚Šæ›¿ã‚ã£ãŸéš›ã«ã‚‚別々ã®ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã®ç´¹ä»‹ã€‚ jQuery SmartPhone SWITCH アクセスã•ã‚ŒãŸOSã¨ç”»é¢ã®å‘ãを判別ã—㦠ãã‚Œãžã‚Œï¼œbody＞タグã«CSSã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã—ã¾ã™ã€‚ è¿½åŠ ã™ã‚‹CSSクラスã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ —————————————————– iPhoneã«ã¯ã€Œbody class=â€iphoneâ€ã€è¿½åŠ iPadã«ã¯ã€Œbody class=â€ipadâ€ã€è¿½åŠ Androidã«ã¯ã€Œ
CakePHP 㧠jQuery Mobile を使用ã—㦠Ajax を有効ã«ã—ãŸçŠ¶æ…‹ã§ãƒšãƒ¼ã‚¸é·ç§»ã—よã†ã¨ã™ã‚‹ã¨çœŸã£ç™½ãªç”»é¢ã« undefined ã«ãªã‚‹å ´åˆã®è§£æ±ºæ–¹æ³•
jQuery Mobile ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ãƒšãƒ¼ã‚¸é·ç§»ã‚’ Ajax ã§å‡¦ç†ã—ã¦ãã‚Œã¾ã™ã€‚ãŸã ã€CakePHP ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ Ajax ã‚’å‹æ‰‹ã«åˆ¤æ–ã—㦠Ajax ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è¿”ã—ã¦ãれるよã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚ãã®ãŸã‚ã€ã„ãら jQuery Mobile ã«å¯¾å¿œã•ã›ãŸãƒ¢ãƒã‚¤ãƒ«ç”¨ã®ãƒ†ãƒ¼ãƒžã‚’作æˆã—ãŸã¨ã—ã¦ã‚‚ã€ãã‚ŒãŒèªã¿è¾¼ã¾ã‚Œãªã„ãŸã‚ã€ä»¥ä¸‹ã®ã‚ˆã†ã« Undefined 表示ã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ã ã‹ã‚‰ã¨ã„ã£ã¦ jQuery Mobile ã® Ajax 機能を完全ã«åœæ¢ã—ã¦ã—ã¾ã†ã®ã§ã¯ãªãã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ã‚¯ã‚»ã‚¹æ™‚ã®ã¿ Ajax ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¤‰æ›´ã•ã‚Œãªã„よã†ã«ã€CakePHP å´ã‚’ãªã‚“ã¨ã‹ã—ã¦è¨å®šã™ã‚‹ã®ãŒè‰¯ã„ã®ã‹ãªã¨æ€ã„ã¾ã™ã€‚ ãŸã ã€ç¾çŠ¶ CakePHP ã® Ajax 時ã®å¼·åˆ¶çš„ã« ajax.ctp ãŒä½¿ã‚れるã®ã‚’防ã方法ãŒåˆ†ã‹ã‚‰ãšã€ã‚³ã‚¢ãƒ•ã‚¡ã‚¤ãƒ«ã‚‚弄るã®ã‚‚微妙ã ã£ãŸã®ã§ Layout/ajax.ctp
CakePHP 2.1 㧠jQuery Mobile を使ã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’作る方法
if($this->RequestHandler->isMobile()) { echo 'mobile website!'; } ãŸã ã—ã€RequestHandlerComponent::is_Mobile() ã§ã¯æ—¥æœ¬ã®æºå¸¯å…¨ã¦ã«å¯¾å¿œã—ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªã„ãŸã‚ã€æ—¥æœ¬ã®æºå¸¯ã«ã‚‚ã‚る程度対応ã—ã¦ã„ã‚‹ Ktai Library for CakePHP ã¨ã„ã†ã‚‚ã®ã‚’使用ã™ã‚‹ã¨è‰¯ã„ãã†ã§ã™ãŒã€ä»Šå›žã¯ iPhone 㨠Android ã«ã‚¹ãƒžãƒ›ç”¨ãƒšãƒ¼ã‚¸ã‚’表示ã§ãã‚Œã°è‰¯ã„ã®ã§ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®åˆ¤å®šã§å®Ÿè£…ã—ã¦ã„ãã¾ã™ã€‚ CakePHP ã§ãƒ¢ãƒã‚¤ãƒ«ãƒ†ãƒ¼ãƒžã‚’作æˆã™ã‚‹ AppController ã«ã¦ä»¥ä¸‹ã®è¨˜è¿°ã‚’ã™ã‚‹ã“ã¨ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸå ´åˆã«ãƒ†ãƒ¼ãƒž Mobile を宣言ã—ã¾ã™ã€‚
Fireworks＋Dreamweaver：簡å˜ï¼ jQuery Mobileã®ãƒ†ãƒ¼ãƒžï¼†ã‚µã‚¤ãƒˆã®ä½œæˆ | ADC - Adobe Developer Connection
Fireworks CS6ã«ã¯ã€jQuery Mobileã®ãƒ†ãƒ¼ãƒžã‚’作æˆã™ã‚‹æ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚CS5ï¼CS5.1å‘ã‘ã«åŒæ§˜ã®æ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹æ‹¡å¼µæ©Ÿèƒ½ã€ŒFireworks CSS3 Mobile Packã€ãŒAdobe Labsã«ã¦æä¾›ã•ã‚Œã¦ã„ã¾ã™ãŒã€CS6ã§ã¯æ—¥æœ¬èªžåŒ–ã•ã‚Œã¦ã„ã‚‹ãªã©ã®é•ã„ãŒã‚ã‚Šã¾ã™ã€‚ アイコンã®å¤‰æ›´ 早速ã€jQuery Mobileã®ãƒ†ãƒ¼ãƒžã‚’作æˆã—ã¦ã¿ã¾ã—ょã†ã€‚メニューã‹ã‚‰ï¼»ã‚³ãƒžãƒ³ãƒ‰ï¼½â†’ï¼»jQuery Mobileテーマ］→［新è¦ãƒ†ãƒ¼ãƒžã‚’作æˆï¼½ã‚’é¸æŠžã™ã‚‹ã¨ã€jQuery Mobileテーマ作æˆç”¨ã®ç”»é¢ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚jQuery Mobileã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ†ãƒ¼ãƒžã«ã¯5ã¤ã®ã‚¹ã‚¦ã‚©ãƒƒãƒï¼ˆã‚«ãƒ©ãƒ¼ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ãªã‚‚ã®ï¼‰ãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€Fireworksã§ã‚‚åˆæœŸçŠ¶æ…‹ã§ã¯5ã¤ã®ã‚¹ã‚¦ã‚©ãƒƒãƒãŒãƒšãƒ¼ã‚¸ã¨ã—ã¦å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ã•ã‚‰ã«ã€ã‚¹ã‚¦ã‚©ãƒƒãƒã§å…±é€šã«åˆ©ç”¨ã™ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã‚’è¨å®šã™ã‚‹ãƒšãƒ¼ã‚¸ã€ãƒ†
jQuery Mobile 1.1ã§Publickeyã®ãƒ¢ãƒã‚¤ãƒ«ç‰ˆã‚’作ã£ã¦ã¿ãŸ
Publickeyã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をモãƒã‚¤ãƒ«å‘ã‘ã«æœ€é©åŒ–ã—ãŸã€ŒPublickey Smart Editionã€ã‚’ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚今回ã¯jQuery Mobile 1.1を使ã„ã€ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œã®æ©Ÿèƒ½ã‚’以å‰ã‚ˆã‚Šã‚‚活用ã—ãŸã‚‚ã®ã«ãªã‚Šã¾ã—ãŸã€‚ jQuery Mobile自身ã€ä»¥å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚ˆã‚Šå‹•ããŒã‚¹ãƒ ーズã«ãªã£ãŸã“ã¨ã«åŠ ãˆã€ä»Šå›žã‹ã‚‰jQuery Mobileã®æ¨™æº–機能をãã®ã¾ã¾ä½¿ã†ã“ã¨ã§ãƒšãƒ¼ã‚¸ã®ãƒãƒ¼ãƒ‰æ™‚é–“ã‚‚çŸããªã‚Šã¾ã—ãŸã€‚ ç”»é¢é·ç§»ã§ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’使ã„ã€ç”»é¢ã‚’スワイプã™ã‚‹ã¨å‰è¨˜äº‹ã€æ¬¡è¨˜äº‹ã¸ç§»å‹•ã™ã‚‹ã‚ˆã†ã«ã—ãŸã®ã§ã€ã‚ˆã‚Šãƒ¢ãƒã‚¤ãƒ«ã‚‰ã—ã„Webアプリケーションã«ãªã£ãŸã¨æ€ã„ã¾ã™ã€‚ ç”»é¢ã‚µã‚¤ã‚ºã‚„機種ãªã©ã«ä¾å˜ã—ãªã„よã†ã«ä½œã£ãŸã¤ã‚‚ã‚Šãªã®ã§ã€iPhone/iPod touch/Android/Windows Phoneãªã©ä¸»è¦ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§å‚ç…§ã§ãã‚‹ã¯ãšã§ã™ï¼ˆæ‰‹è¨±ã«ã‚ã‚‹iPod Touch/i
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - groovetrain/jQuery.mobile-Tabs: simple tab widget for jQuery mobile
Ionic: Enterprise App Platform
PhoneGap + jQuery Mobile + cakePHP
{{#tags}}- {{label}}
{{/tags}}