ThemeRoller | jQuery Mobile
/*! * jQuery Mobile 1.4.5 * Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC * http://jquerymobile.com * * Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors * Released under the MIT license. * http://jquery.org/license * */ /* Globals */ /* Font --------------------------------------------------------------------------------------------
ke-tai.org > Blog Archive > iOSã‚„Androidã«æœ€é©åŒ–ã•ã‚ŒãŸjQuery互æ›ã®è»½é‡JavaScriptフレームワーク「jQ.Mobiã€ãŒå…¬é–‹ã•ã‚ŒãŸã‚ˆã†ã§ã™
iOSã‚„Androidã«æœ€é©åŒ–ã•ã‚ŒãŸjQuery互æ›ã®è»½é‡JavaScriptフレームワーク「jQ.Mobiã€ãŒå…¬é–‹ã•ã‚ŒãŸã‚ˆã†ã§ã™ Tweet 2012/1/18 水曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | No Comments » スマートフォン環境å‘ã‘ã®JavaScriptフレームワークã¨ã„ãˆã°jQuery MobileãŒãƒ¡ã‚¸ãƒ£ãƒ¼ã§ã™ãŒã€ä»Šå›žæ–°ã—ãiOSã‚„Androidã«æœ€é©åŒ–ã•ã‚ŒãŸJavaScriptフレームワーク「jQ.Mobiã€ãŒå…¬é–‹ã•ã‚ŒãŸã‚ˆã†ã§ã™ã€‚ jQuery Mobileã¯ã€Black Berryã‚„Windows Phoneãªã©ã®å„種OSもサãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ãŒã€jQ.Mobiã¯ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã‚’iOSã¨Androidã®ã¿ã«çµžã‚‹ã“ã¨ã§ã€ã‚½ãƒ¼ã‚¹ã‚µã‚¤ã‚ºã‚’jQuery Mobileã®1/9ã«å‰Šæ¸›ã€é€Ÿåº¦ã‚’Android環境ã§3å€ã«ã€
jQuery Mobileを使ã†éš›ã«çŸ¥ã£ã¦ãŠãã¨å½¹ç«‹ã¡ãã†ãªTipsã‚„æƒ…å ±ã®ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
jQuery Mobileã«é–¢ã—ã¦å°‘ã—æ•´ç†ã—ãŸã„ã®ã§ ã¾ã¨ã‚ã¾ã—ãŸã€‚JQMを使ã†ã¨ãã«çŸ¥ã£ã¦ãŠã㨠便利ãã†ãªTipsã¨ã‹æƒ…å ±ã¨ã‹ã€‚ã„ãã¤ã‹è‡ªåˆ† ã®è¨˜äº‹ã‚‚å«ã¾ã‚Œã¦ã„ã‚‹ã®ãŒè‹¥å¹²ã‚¢ãƒ¬ãªã‚“ã§ã™ ãŒã€ã”了承ãã ã•ã„。内容ã¯ã‚³ãƒ¼ãƒ‰ã®ã¿ã€ã§ã¯ ãªãã€å‚考サイトãªã©ä¸€è²«æ€§ç„¡ã„æ„Ÿã˜ã§ã™ãŒã€‚ æ•´ç†ã™ã‚‹ã®ãŒä¸‹æ‰‹ãªã‚‚ã®ã§ä¸€è²«æ€§ã«æ¬ ã‘る内容ã§ç”³ã—訳ãªã„ã§ã™ã‘ã©ã€jQuery Mibileを使ã£ãŸWebサイト構築時ã®ã¡ã‚‡ã£ã¨ã—ãŸTipsã‚„å½¹ã«ç«‹ã¤æƒ…å ±ãªã©ã®ã¾ã¨ã‚ã§ã™ã€‚ ページ移動ã«Ajaxを使ã‚ãªã„よã†ã«ã™ã‚‹ プラグインã®å‰ã«è¨˜è¿°ã€‚リンクå˜ä½ã§ãªã‚‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§rel=â€externalâ€ã‚’ã€ãƒ•ã‚©ãƒ¼ãƒ ã¯data-ajax=â€falseâ€ã‚’åŠ ãˆã‚‹ã€‚ <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text
jQuery Mobile使用時ã«ã‚ˆã使ã†ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§æ—¥æœ¬èªžã‚µãƒ³ãƒ—ルを作ã£ãŸã®ã§é…布ã—ã¾ã™ - ã‹ã¡ã³ã¨.net
ç°¡å˜ãªã‚‚ã®ã§ã™ã‘ã©ã€jQuery Mobile ã§ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—時ã«ã‚ˆã使ã†ã£ã½ã„ UIã®ã‚µãƒ³ãƒ—ル作ã£ãŸã®ã§é…布ã—ã¾ã™ã€‚ ç°¡å˜ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆä»£ã‚ã‚Šã«ãªã‚‹ã®ã§ã¯ ç„¡ã„ã‹ã¨æ€ã£ãŸã®ã§ã‚·ã‚§ã‚¢ã—ã¦ã¿ã‚ˆã† ã‹ã¨ã€‚良ã‹ã£ãŸã‚‰ä½¿ã£ã¦ãã ã•ã„。 ã¨ã„ã†ã®ã‚‚ã€JQMã®æ—¥æœ¬èªžã‚µãƒ³ãƒ—ルã®é…布先を見ã‹ã‘ãªã‹ã£ãŸã®ã§ã€ãªã‹ãªã‹ãŠå›°ã‚Šã®æ–¹ã‚‚ã„らã£ã—ゃるんã˜ã‚ƒãªã„ã‹ãªã¨ã€‚調ã¹ã‚‹ã®é¢å€’ã§ã™ã—ã€æ‰‹å…ƒã«ã‚µãƒ³ãƒ—ルコードã‚ã£ãŸã»ã†ãŒä½•ã‹ã¨ä¾¿åˆ©ã§ã™ã‚ˆã。 ã¨ã„ã†ã‚ã‘ã§ã€ä»¥å‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—サンプルã®è¨˜äº‹æ›¸ã„ãŸã¨ãã«ä½œã£ãŸã‚µãƒ³ãƒ—ルサイトã«æ‰‹ã‚’åŠ ãˆãŸç‰©ã‚’丸ã”ã¨é…布ã—ã¾ã™ã€‚ æµçŸ³ã«ã‹ãªã‚Šå‡ºã¦ã‚‹ã®ã§ä»Šæ›´èª¬æ˜Žä¸è¦ã‹ã‚‚ã§ã™ã‘ã©ã€ã–ã£ãり説明ã™ã‚‹ã¨Webサイトをスマフォå‘ã‘ã«ç°¡å˜ã«å‡ºæ¥ã‚‹jQueryプラグインã§ã™ã€‚ 以下ã®ã‚µãƒ³ãƒ—ルã§ä½¿ç”¨ã—ã¦ã„るファイルãŒä¸¸ã”ã¨æ¢±åŒ…ã—ã¦ã‚ã‚Šã¾ã™ã€‚ サンプル※別窓 ã„ã¡ãŠã†ã‚ャプãƒãƒ£ã€‚ 目次 サムãƒã‚¤ãƒ«ä»˜ãã®ã‚µãƒ³ãƒ—ルã¨
[jQuery Mobile]役立ã¤ã‚³ãƒ¼ãƒ‰é›†ã¨ã¤ã¾ã¥ãã‚„ã™ã„ãƒã‚¤ãƒ³ãƒˆ | コリ
jQuery Mobileを使ã£ã¦ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œãƒšãƒ¼ã‚¸ã‚’ã¯ã˜ã‚ã¦ä½œæˆã™ã‚‹éš›ã«å½¹ç«‹ã¤ã‚³ãƒ¼ãƒ‰ã€ã¤ã¾ã¥ãã‚„ã™ã„ãƒã‚¤ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ 10 handy jQuery mobile tips and snippets to get you started [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ スマフォ対応ページã®åŸºæœ¬HTML jQuery Mobileã®åˆ©ç”¨æ–¹æ³• AJAXナビゲーションã®åœæ¢ リストアイテムã®çœç•¥ã‚’é˜»æ¢ Media Queriesã®åˆ©ç”¨ プラットフォームã®ç‰¹å®š フォームを使用ã™ã‚‹éš›ã®æ³¨æ„点 ãƒãƒƒãƒ—アップ ダイアãƒã‚°ã®ä½œæˆ ã‚ャンセルã¨ã‚»ãƒ¼ãƒ–ã®ãƒœã‚¿ãƒ³ ã‚«ãƒ©ãƒ æ§‹é€ ã‚’ä½œã‚‹æ™‚ã®ãƒã‚¤ãƒ³ãƒˆ スマフォ対応ページã®åŸºæœ¬HTML ã¾ãšã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œãƒšãƒ¼ã‚¸ã‚’作æˆã™ã‚‹ãŸã‚ã®åŸºæœ¬ã¨ãªã‚‹HTMLã§ã™ã€‚ HTML <!DOCTYPE html> <html> <head> <
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ã§GoogleMap APIを使ã£ãŸã‚µãƒ³ãƒ—ルãŒMITライセンスã§å…¬é–‹ã•ã‚Œã¦ãŸ - ã‹ã¡ã³ã¨.net
ãªã‹ãªã‹ã„ã„サンプルã ã£ãŸã®ã§ã‚·ã‚§ã‚¢ã€‚ jQuery Mobileã§GoogleMap APIを使ã£ãŸ サンプルãŒã‚ªãƒ¼ãƒ—ンソースã§å…¬é–‹ã•ã‚Œã¦ ã„ã¾ã—ãŸã€‚ストリートビューãªã©ã‚‚表示ã™ã‚‹ ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚興味ã®æœ‰ã‚‹æ–¹ã¯ãƒã‚§ãƒƒã‚¯ ã—ã¦ã¿ã¦ã¯ã€‚ スマフォã«GoogleMapを表示ã•ã›ã‚‹ã®ã«ã€Google Maps JavaScript API V3ãŒå¿…è¦ã¿ãŸã„ã§ã™ãŒã€ã“れをスマフォ対応を簡略化ã™ã‚‹jQueryプラグインã€jQuery Mobileã§ä½¿ãŠã†ã€ã¨ã„ã†ã‚‚ã®ã€‚ jquery-ui-map GoogleMap APIã‚’jQuery Mobileã§ä½¿ã£ãŸã‚µãƒ³ãƒ—ルã§ã™ã€‚jquery-ui-mapã¨ã„ã†ãƒ—ラグインも使用ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚µãƒ³ãƒ—ルã¯MITライセンスã§ã‚½ãƒ¼ã‚¹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã‚ˆã€‚ 以下ã€ãƒ‡ãƒ¢ã®ã‚ャプãƒãƒ£ã§ã™ã€‚ iPhone iPhoneã§ã®å®Ÿè£…状態ã§ã™ã€‚ ランドスケープ時も自動ã§æ¨ªå¹…ã‚’ã‚
jQuery Mobile ãŒå¿…é ˆã‚¹ã‚ルã«ãªã‚‹ï¼ã¨æ€ã†ã®ã§ã“ã‚Œã‹ã‚‰å‹‰å¼·ã™ã‚‹éš›ã«å‚考ã«ãªã‚‹è¨˜äº‹ã¾ã¨ã‚ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
Adobe ã® Creative Suite 5.5 ãŒç™ºè¡¨ã«ãªã‚Šã¾ã—ãŸã。 Dreamweaver ã®é€²åŒ–ã£ã·ã‚ŠãŒå‡„ã¾ã˜ã„ã§ã™ã€‚マジã§ã€‚ HTML5+CSS3ã¸ã®å¯¾å¿œãŒç›®ã«ä»˜ãã¾ã™ãŒã€å€‹äººçš„ã«ã¯jQuery Mobileã¨PhoneGapフレームワークã®å°Žå…¥ã«æ³¨ç›®ã—ã¾ã™ã€‚ アプリ開発ã¯ã“ã‚Œã¾ã§ã€Objective-Cã‚„javaãŒä¸»æµã§ã—ãŸãŒDreamweaverã§ã‚¢ãƒ—リã¸ã®æ›¸ã出ã—ã¾ã§å‡ºæ¥ã¦ã—ã¾ã†ãªã‚“ã¦â€¦ã€‚今後ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã®çµ±åˆé–‹ç™ºç’°å¢ƒã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã«ãªã‚‹äºˆæ„ŸãŒã€‚ ã£ã¦ã“ã¨ã§ã€ã¾ãšã¯jQuery Mobileã‚’ç†è§£ã›ãã°ï¼ jQery Mobile ã«ã¤ã„ã¦ã¯ã¾ã 書ç±ã¯ã‚ã¾ã‚Šãªã洋書ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã®ã§ã€å‚考ã«ãªã‚‹è¨˜äº‹ã‚’å–り上ã’ã¦ã¿ã¾ã™ã€‚ http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Home - Mgallery-JQ
{{#tags}}- {{label}}
{{/tags}}