[B! jQuery][iPad] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

jQueryã¨iPadã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã‚¿ãƒƒãƒ—ã‚„ãƒ”ãƒ³ãƒãªã©ã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ç‰¹æœ‰ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹2KBã®è»½é‡jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»Hammer.js - ã‹ã¡ã³ã¨.net
ã‚¿ãƒƒãƒ—ã€ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—ã€ãƒ”ãƒ³ãƒã‚„ é•·æŠ¼ã—ãªã©ã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ç‰¹æœ‰ ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ãã‚Œã‚‹ JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»Hammer.jsã®ã”ç´¹ä»‹ã€‚ 2KBã¨è»½é‡ãªã®ã§ã„ã¤ã‹ä½¿ã†ã¨æ€ã£ ã¦è¨˜äº‹ã«ã—ã¦ãŠãã¾ã™ã€‚ jQueryä¾å˜ã¿ãŸã„ã§ã™ã€‚ ã‚ã‚‹ä¸–ä»£ã«ã¯ãªã¤ã‹ã—ã„ã¨æ€ã†æ–¹ãŒãƒ¢ãƒ‡ãƒ«ã¨ã—ã¦ç™»å ´ã—ã¦ã¾ã™ã€‚ ã‚µãƒãƒ¼ãƒˆã—ã¦ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã¯ã‚¿ãƒƒãƒ—ã€ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—ã€ãƒ”ãƒ³ãƒã€ãƒ‰ãƒ©ãƒƒã‚°ã€é•·æŠ¼ã—ã®5ã‚¤ãƒ™ãƒ³ãƒˆã€‚ å‹•ä½œãƒ†ã‚¹ãƒˆã¯iPadã§ã®iOS5ã€iPhone4ã§ã®iOS5ã€Samsung Galaxy Sã®Android 2.3.3ã¨Google Chrome 17ã ãã†ã§ã™ã€‚åƒ•ã¯3GSãªã‚“ã§ã™ãŒã€ä¸€å¿œå‹•ã„ã¦ã¾ã—ãŸã€‚ ã‚³ãƒ¼ãƒ‰ <script type='text/javascript' src='http://ajax.google apis.com/ajax/libs/jquery/1.7.1/jquery.min.js'><
beth321 2012/08/15
jquery

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

javascript

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

js

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

Webåˆ¶ä½œ

ãƒ¢ãƒã‚¤ãƒ«

iPad

ã‚¤ãƒ™ãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤åˆ¤åˆ¥ã§è‡ªå‹•ã§é«˜è§£åƒåº¦ç”»åƒã‚’å‡ºã—ã‚ã‘å¯èƒ½ãªå˜ç‹¬ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒRetina.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤åˆ¤åˆ¥ã§è‡ªå‹•ã§é«˜è§£åƒåº¦ç”»åƒã‚’å‡ºã—ã‚ã‘å¯èƒ½ãªå˜ç‹¬ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒRetina.jsã€ 2012å¹´04æœˆ12æ—¥- Retina.js | Retina graphics for your website Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤åˆ¤åˆ¥ã§è‡ªå‹•ã§é«˜è§£åƒåº¦ç”»åƒã‚’å‡ºã—ã‚ã‘å¯èƒ½ãªå˜ç‹¬ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒRetina.jsã€ <img src="/images/my_image.png" /> ã¨ã„ã†ç”»åƒã‚¿ã‚°ãŒã‚ã£ãŸã¨ã™ã‚‹ã¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒã‚µãƒ¼ãƒä¸Šã®"/images/[email protected]"ã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ã‚’è‡ªå‹•ã§ãƒã‚§ãƒƒã‚¯ã—ã¦å˜åœ¨ã™ã‚Œã°ç½®ãæ›ãˆã¦ãã‚Œã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯retina.jsã‚’èªã¿è¾¼ã‚€ã ã‘ã¨ã„ã†ãŠæ‰‹è»½ã•ãŒã„ã„ã§ã™ã€‚ å˜ã«é«˜è§£åƒåº¦ã§å‡ºã—ãŸã„éƒ¨åˆ†ã ã‘ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç”¨æ„ã—ã¦ç½®ã„ã¦ã‚ã’ã‚Œã°ã‚ˆã„ã¨ã„ã†ã®ã¯ãŠæ‰‹è»½ã§ã™ãã€‚ <script type="text/javascript" src="/s
beth321 2012/07/15
javascript

jquery

iphone

iPad

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤

Retina

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ç”»åƒ

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
[JS]Flashã‚‚HTML5ã‚‚ç„¡ã—ã§ã€ç¾Žã—ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jCSML
Flashã‚‚HTML5ã‚‚SilverLight, SVGã‚‚ä½¿ã‚ãšã«ã€IE7+, iPhone, iPad, Androidã§å‹•ä½œã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ jCS Media Library [ad#ad-2] jCSMLã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ jCSMLã®ãƒ‡ãƒ¢ jCSMLã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ jCSMLã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ jCSMLã®å¯¾å¿œç’°å¢ƒã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ HTML5éžå¯¾å¿œã®IE7ã§ã‚‚ã€Flashéžå¯¾å¿œã®iPhoneã§ã‚‚å‹•ä½œã—ã¾ã™ã€‚ IE7+ Firefox3.6+ Chrome Safari iPhone iPad Android jCSMLã®ãƒ‡ãƒ¢ jCSMLã®å¤šå½©ã§ç¾Žã—ã„ãƒ‡ãƒ¢ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ å„ãƒ‡ãƒ¢ã¯ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚‚å…¼ãã¦ãŠã‚Šã€ã‚³ãƒ¼ãƒ‰ã‚‚ä¸€ç·’ã«æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚
beth321 2012/06/07
iPhone

iPad

jQuery

jQuery

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

javascript

html5

iPhone

HTML

iPad
ãƒªãƒ³ã‚¯
[JS]ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¯ãã®ã¾ã¾ã€æ–°ã—ã„iPad, iPhone4ã«ã¯é«˜è§£åƒåº¦ã®ç”»åƒã‚’é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jQuery Retina
Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹æ–°ã—ã„iPad, iPhone4ç”¨ã«imgè¦ç´ ã§é…ç½®ã—ãŸç”»åƒã‚’é«˜è§£åƒåº¦ã®ã‚‚ã®ã«å¤‰æ›´ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ jQuery Retina Plugin jQuery Retina -GitHub [ad#ad-2] jQuery Retinaã®ãƒ‡ãƒ¢ jQuery Retinaã®ä½¿ã„æ–¹ jQuery Retinaã®ãƒ‡ãƒ¢ jQuery Retinaã‚’ä½¿ã£ã¦ç”»åƒã‚’é…ç½®ã™ã‚‹æ–¹æ³•ã¯å¤§ããåˆ†ã‘ã¦ã€3ã¤ã‚ã‚Šã¾ã™ã€‚ imgã‚¿ã‚°ã«ã€Œdata-retinaã€å±žæ€§ã‚’åŠ ãˆã‚‹ã€‚ ç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«åã«ã€Œ-2xã€ã‚’åŠ ãˆã‚‹ã€‚ ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’ä½¿ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«åã‚’æŒ‡å®šã™ã‚‹ã€‚ è¡¨ç¤ºã¯ã©ã®æ–¹æ³•ã‚’ä½¿ã£ã¦ã‚‚ä¸€ç·’ã§ã™ãŒã€ä¸‹è¨˜ã«ãã‚Œãžã‚Œã®æ–¹æ³•ã§å®Ÿè£…ã—ãŸãƒ‡ãƒ¢ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] jQuery Retinaã®ä½¿ã„æ–¹ jQuery Retinaã®ä½¿ã„æ–¹ã¯ç°¡å˜ã§ã™ã€‚
beth321 2012/04/05
-jQuery

iPhone

jQuery

iPad

iPhone

ç”»åƒ

JS

plugin

Retina

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[JS]åºƒå¤§ãªã‚«ãƒ³ãƒã‚¹ã‚’ä½¿ã£ã¦æ¬¡ã€…ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jmpress.js
ãƒ†ãƒ¼ãƒžå·¦ä¸Šã‹ã‚‰ã€baseã€sunnyã€le-frogã€ui-darkness å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ iPadã‚‚å¯¾å¿œã¨ã„ã†ã®ã¯ã„ã„ã§ã™ãã€‚ Chrome/Chromium Safari Firefox IE Opera iPad impress.jsã‹ã‚‰ã®ç§»è¡Œ jmpress.jsã¯ã€Œimpress.jsã€ã®jQueryç‰ˆã§ã€impress.jsã®ç‰¹å¾´å…¨ã¦ã¨æ›´ã«å¤šãã®æ©Ÿèƒ½ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚ impress.jsã‹ã‚‰ç§»è¡Œã™ã‚‹ã«ã¯ã€jquery.jsã‚’åŠ ãˆã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’impress.jsã‹ã‚‰jmress.jsã«ã—ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®å‘¼ã³å‡ºã—ã‚’ã€Œ$(selector).jmpress(); ã€ã«å¤‰æ›´ã—ã¾ã™ã€‚ impressã®ãƒ‡ãƒ¢ã‚’jmpress.jsã§å‹•ã‹ã—ãŸãƒ‡ãƒ¢ jmpress.jsã®ä½¿ã„æ–¹ HTML ãƒ«ãƒ¼ãƒˆã¨ãªã‚‹divè¦ç´ ã«ã€Œid="jmpress"ã€ã‚’ã¤ã‘ã€å„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’divè¦ç´ ã§é…
beth321 2012/03/21
jQuery

animation

jQuery

JavaScript

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

slide

webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¹ãƒ©ã‚¤ãƒ‰

js

ipad
ãƒªãƒ³ã‚¯
iPhoneã‚„Androidç‰ã®ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å‘ã‘ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ç”¨JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»PhotoSwipeãªã‹ãªã‹è‰¯ã„ã§ã™ãž - ã‹ã¡ã³ã¨.net
ãªã‹ãªã‹è‰¯ã•æ°—ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã€‚ iPhoneã€Androidã‚„iPadãªã©ã®äººæ°— ã®ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ç”¨ã«ä½œã‚‰ã‚ŒãŸã‚®ãƒ£ãƒ© ãƒªãƒ¼ç”¨ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»PhotoSwipeã€‚ äººæ°—ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€jQueryMobileã§ã‚‚ åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å°‚ç”¨ã¨ã‚ã£ã¦ã€ç‹¬è‡ªã®æ“ä½œã§ã‚‚ã‚ã‚‹ã€ãƒ”ãƒ³ãƒã‚¤ãƒ³/ã‚¢ã‚¦ãƒˆç‰ã«ã‚ˆã‚‹æ‹¡å¤§ã‚„å›žè»¢ã€ãƒ•ãƒªãƒƒã‚¯ã§é€²ã‚€ãªã©ã®æ“ä½œãŒå¯èƒ½ã§ã™ã€‚ PhotoSwipeã¯ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å°‚ç”¨ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚iOS(iPhone/iPad)ã¯å‹¿è«–ã€Androidã‚„BlackBerryã«ã‚‚å¯¾å¿œå‡ºæ¥ã‚‹ãã†ã§ã™ã€‚ã¾ãŸã€jQueryä¾å˜åž‹ã‚‚éžä¾å˜åž‹ãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã‚‚è‡ªç”±ã•ãŒã‚ã£ã¦ã„ã„ã‹ãªã¨ã€‚ [note] jQuery Mobileã¯æ˜¨æ—¥ã€ã‚µãƒ³ãƒ—ãƒ«é…å¸ƒã—ãŸã®ã§å®œã—ã‘ã‚Œã°åˆã‚ã›ã¦ã©ã†ãžã€‚[/note] PhotoSwipeã‚µãƒ³ãƒ—ãƒ« with jQuery Mobile ä»¥ä¸‹ã€iPhon
beth321 2012/02/05
android

.net

jQuery

jQuery

iphone

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

jQuery Mobile

ipad

javascript
ãƒªãƒ³ã‚¯
2011å¹´ã«é…ä¿¡ã—ãŸjQueryã‚„WordPressãªã©ã®Webåˆ¶ä½œå‘ã‘æƒ…å ±ãƒ»ç·ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ æ—©ã„ã‚‚ã®ã§ä»Šå¹´ã‚‚æ®‹ã™ã¨ã“ã‚ã‚ã¨ã‚ãšã‹ ã¨ãªã‚Šã¾ã—ãŸã€‚ä»Šå¹´ã¯å¹´ã‚’ã¾ãŸã„ã§ä»•äº‹ ã—ãªã„ã¨ãªã‚‰ãªã„ã®ã§æ—©ã‚ã«ç·ã¾ã¨ã‚çš„ ãªè¨˜äº‹ã‚’æ›¸ã„ã¦ãŠãã¾ã™ã€‚ã¨è¨€ã£ã¦ã‚‚ å®Œå…¨ã«è‡ªåˆ†ç”¨ã®ã¾ã¨ã‚ã§ã™ã®ã§ã”è¦§ã« ãªã£ã¦ã‚‚å½¹ã«ç«‹ãŸãªã„ã¨æ€ã„ã¾ã™ãŒï½— ã¨ã„ã†ã‚ã‘ã§ã€å¾Œã§å¾©ç¿’ã™ã‚‹ã®ã«ã€æŽ¢ã•ãªãã¦ã„ã„ã‚ˆã†ã«ã—ãŸã ã‘ã®è‡ªåˆ†ç”¨ãƒªãƒ³ã‚¯é›†ã§ã™ã€‚ jQueryã¨WordPressã«ã‚„ãŸã‚‰åã£ã¦ã¾ã™ã€‚éŽåŽ»è¨˜äº‹ã®ã¾ã¨ã‚ã§ã™ã®ã§ç›®æ–°ã—ã„ã‚‚ã®ã¯ä¸€åˆ‡ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒã‚¿ã¯çœã„ã¦ã¾ã™ã€‚ã‚ã¨ã€ç¨®é¡žã§ç´°ã‹ãåˆ†ã‘ã‚‹æ°—åŠ›ãŒæ®‹ã£ã¦ãªã„ã®ã§é †ä¸åŒã§ã™ã€‚ ã‚¹ãƒžãƒ•ã‚©å‘ã‘ãŒå¤šã„ã®ã§ã‚¹ãƒžãƒ•ã‚©é–¢é€£ã¯â€»å°ã‚’æŒ¯ã£ã¦ãŠãã¾ã—ãŸã€‚ å¾©ç¿’ç”¨ãªã®ã§ãƒªãƒ³ã‚¯ã¯å…¨ã¦å½“ã‚µã‚¤ãƒˆã®è¨˜äº‹ã«ã—ã¦ã¾ã™ã€‚ä»–ã®æ–¹ã«ã¯äºŒåº¦æ‰‹é–“ã§ã™ãŒã”äº†æ‰¿ä¸‹ã•ã„ ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨ã‚ãƒ£ãƒ—ãƒãƒ£ãŒè¡¨ç¤ºã•
beth321 2011/12/14
jquery

js

iPhone

ç”»åƒ

iphone

ipad

*webåˆ¶ä½œ

2011

wordpress

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
1