http://www.ark-web.jp/sandbox/wiki/6412.html
jQuery Mobile リファレンス的ãªã‚‚ã® - ã¸ã£ã½ã“プãƒã‚°ãƒ©ãƒžãƒ¼ã®æ—¥è¨˜
jQuery Mobile ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹çš„ãªã‚‚ã®ã‚’作りã¾ã—ãŸã€‚ å–ã‚Šæ•¢ãˆãšå©ãå°ã§ã€ãƒ„ッコミãªã©ã‚ã‚Œã°ã‚³ãƒ¡ãƒ³ãƒˆãã ã•ã„ï¼ â€»RC2版ã«å¯¾å¿œã—ã¾ã—㟠Page è¦ç´ 属性 値 æ¦‚è¦ div data-role page ページ è¨å®š 値 既定 備考 data-fullscreen boolean false フルスクリーン表示（ヘッダーã¨ãƒ•ãƒƒã‚¿ãƒ¼ã§data-position="fixed"を指定ã™ã‚‹å¿…è¦ãŒã‚る） data-add-back-btn boolean false 戻るボタンã®è‡ªå‹•ç”Ÿæˆ data-back-btn-text ä»»æ„ "Back" 自動生æˆã•ã‚ŒãŸæˆ»ã‚‹ãƒœã‚¿ãƒ³ã®ãƒ†ã‚スト data-keep-native ä»»æ„ ãƒã‚¤ãƒ†ã‚£ãƒ–ã§åˆ©ç”¨ã™ã‚‹UIをセレクターã§æŒ‡å®šã™ã‚‹ data-dom-cache boolean false ページをã‚ャッシュã™ã‚‹ data-theme ä»»æ„ c テ
jQuery作者ãŒæ˜Žã‹ã™ã€ŒjQuery Mobileã€ã®é…力
JavaScriptã‚’Webデザイナーã§ã‚‚扱ãˆã‚‹èº«è¿‘ãªå˜åœ¨ã«å¤‰ãˆãŸã€ŒjQueryã€ã€‚世界ä¸ã®æœ‰åサイトã§ä½¿ã‚ã‚Œã¦ã„る人気フレームワークã®ä½œè€…ï¼ã‚¸ãƒ§ãƒ³ãƒ»ãƒ¬ãƒƒã‚·ã‚°ï¼ˆJohn Resig）æ°ãŒæ¬¡ã«æ³¨ç›®ã—ãŸã®ãŒã€Œãƒ¢ãƒã‚¤ãƒ«ã€ã§ã™ã€‚2010å¹´10月ã«æœ€åˆã®ã‚¢ãƒ«ãƒ•ã‚¡ç‰ˆãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã€ŒjQuery Mobileã€ã¯ã€ãƒ¢ãƒã‚¤ãƒ«Webアプリケーションフレームワークã®æœ¬å‘½ã¨ã—ã¦ã€å¤šãã®é–‹ç™ºè€…ã®é–¢å¿ƒã‚’集ã‚ã¦ã„ã¾ã™ã€‚ 本稿ã§ã¯ã€11月13æ—¥ã«é–‹å¹•ã™ã‚‹Web Directions East 2010ã«åˆã‚ã›ã¦æ¥æ—¥äºˆå®šã®ã‚¸ãƒ§ãƒ³ãƒ»ãƒ¬ãƒƒã‚·ã‚°æ°ãŒã€jQuery Mobileã®é…力（ã®ä¸€éƒ¨ï¼‰ã‚’紹介ã—ã¾ã™ã€‚（編集部） クãƒã‚¹ãƒ–ラウザーやブラウザー固有ã®å•é¡Œã‚’é¿ã‘ã€é«˜ã„インタラクションを手軽ã«çµ„ã¿è¾¼ã‚€ã«ã¯ jQueryã®ã‚ˆã†ãªJavaScriptライブラリーã®åˆ©ç”¨ãŒæ¬ ã‹ã›ã¾ã›ã‚“。jQueryã¯DOMã¸ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã‚Šã€ã‚¤ãƒ™ãƒ³ãƒˆã‚’付
jQuery Mobileã¨ã¯â€•â€•ã‚¹ãƒžãƒ›æ™‚代ã®åˆ°æ¥ã¨Web制作 (1/3)
「jQuery Mobileã€ã¯ã€ãƒ¢ãƒã‚¤ãƒ«Webアプリケーションやスマートフォンサイトã®æ§‹ç¯‰ã§ã„ã¾ã‚‚ã£ã¨ã‚‚注目ã•ã‚Œã¦ã„るフレームワークã§ã™ã€‚jQuery Mobileを使ãˆã°ã€iPhone/Androidã‚’ã¯ã˜ã‚ã€ã•ã¾ã–ã¾ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ラウザーã«å¯¾å¿œã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’手軽ã«åˆ¶ä½œã§ãã¾ã™ã€‚ jQuery Mobileを使ã£ãŸã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆåˆ¶ä½œã®åŸºæœ¬ã‹ã‚‰å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§ã€ãƒ™ã‚¹ãƒˆã‚»ãƒ©ãƒ¼ã€ŒWeb制作ã®ç¾å ´ã§ä½¿ã† jQueryデザイン入門ã€ï¼ˆWeb Professional Books）ã®è‘—者・西畑一馬ã•ã‚“ãŒè§£èª¬ã—ã¾ã™ã€‚（編集部） 「jQuery Mobileã€ã¯ã€ãƒ¢ãƒã‚¤ãƒ«Webアプリケーションやスマートフォンサイトã®æ§‹ç¯‰ã§ã„ã¾ã‚‚ã£ã¨ã‚‚注目ã•ã‚Œã¦ã„るフレームワークã§ã™ã€‚jQuery Mobileを使ãˆã°ã€iPhone/Androidã‚’ã¯ã˜ã‚ã€ã•ã¾ã–ã¾ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ラウザーã«å¯¾
jQuery Mobileã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®åŸºæœ¬ã¨CSSã®å¤‰æ›´ (1/6)
jQuery Mobileã«ã‚ˆã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®åˆ¶ä½œæ–¹æ³•ã‚’解説ã™ã‚‹æœ¬é€£è¼‰ã€‚å‰å›žã«å¼•ã続ãã€ç°¡å˜ãªä¼šç¤¾æ¡ˆå†…サイトを作りãªãŒã‚‰ã€jQuery Mobileã®åŸºæœ¬çš„ãªä½¿ã„方をå¦ã³ã¾ã—ょã†ã€‚ aboutページã®ä½œæˆã¨CSS3ã«ã‚ˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¤‰æ›´ 今回ã¯ãƒˆãƒƒãƒ—ページ以下ã®è©³ç´°ãƒšãƒ¼ã‚¸ã‚’é †ã«ä½œæˆã—ã¦ã„ãã¾ã™ã€‚ã¾ãšã¯ã€Œto-Rã«ã¤ã„ã¦ã€ã®ãƒšãƒ¼ã‚¸ï¼ˆ#about）ã‹ã‚‰å–り掛ã‹ã‚Šã¾ã—ょã†ã€‚å‰å›žä½œæˆã—ãŸindex.htmlã«æ¬¡ã®ã‚ˆã†ãªHTMLã‚’è¿½åŠ ã—ã¾ã™ã€‚「data-role="content"ã€ã®ä¸ã«h2è¦ç´ ã¨pè¦ç´ ã‚’åŠ ãˆãŸã ã‘ã®ç°¡å˜ãªHTMLã§ã™ã€‚ ■サンプル1[HTML] <div data-role="page" id="about" data-theme="b"> <div data-role="header"> <h1>to-R</h1> </div> <div data-role="conte
jQuery Mobile使用時ã«ã‚ˆã使ã†ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§æ—¥æœ¬èªžã‚µãƒ³ãƒ—ルを作ã£ãŸã®ã§é…布ã—ã¾ã™ - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…容ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ュリティ上ã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ç°¡å˜ãªã‚‚ã®ã§ã™ã‘ã©ã€jQuery Mobile ã§ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—時ã«ã‚ˆã使ã†ã£ã½ã„ UIã®ã‚µãƒ³ãƒ—ル作ã£ãŸã®ã§é…布ã—ã¾ã™ã€‚ ç°¡å˜ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆä»£ã‚ã‚Šã«ãªã‚‹ã®ã§ã¯ ç„¡ã„ã‹ã¨æ€ã£ãŸã®ã§ã‚·ã‚§ã‚¢ã—ã¦ã¿ã‚ˆã† ã‹ã¨ã€‚良ã‹ã£ãŸã‚‰ä½¿ã£ã¦ãã ã•ã„。 ã¨ã„ã†ã®ã‚‚ã€JQMã®æ—¥æœ¬èªžã‚µãƒ³ãƒ—ルã®é…布先を見ã‹ã‘ãªã‹ã£ãŸã®ã§ã€ãªã‹ãªã‹ãŠå›°ã‚Šã®æ–¹ã‚‚ã„らã£ã—ゃるんã˜ã‚ƒãªã„ã‹ãªã¨ã€‚調ã¹ã‚‹ã®é¢å€’ã§ã™ã—ã€æ‰‹å…ƒã«ã‚µãƒ³ãƒ—ルコードã‚ã£ãŸã»ã†ãŒä½•ã‹ã¨ä¾¿åˆ©ã§ã™ã‚ˆã。 ã¨ã„ã†ã‚ã‘ã§ã€ä»¥å‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—サンプルã®è¨˜äº‹æ›¸ã„ãŸã¨ãã«ä½œã£ãŸã‚µãƒ³ãƒ—ルサイトã«æ‰‹ã‚’åŠ ãˆãŸç‰©ã‚’丸ã”ã¨é…布ã—ã¾ã™ã€‚ æµçŸ³ã«ã‹ãªã‚Šå‡ºã¦ã‚‹ã®ã§ä»Šæ›´èª¬æ˜Žä¸è¦ã‹ã‚‚ã§ã™ã‘ã©ã€ã–ã£ãり説明ã™ã‚‹ã¨Webサイトをスマフォå‘ã‘ã«ç°¡å˜ã«å‡ºæ¥ã‚‹jQueryプラグインã§ã™ã€‚ 以下ã®ã‚µ
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}