[B! ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³] core311ã®ãƒ

core311 id:core311

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é–¢ã™ã‚‹core311ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (23)

${{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}}

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã«è¦šãˆã¦ãŠããŸã„CSS 15
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹éš›ã€å€‹äººçš„ã«è¦šãˆã¦ãŠã„ãŸæ–¹ãŒè‰¯ã„ã¨æ€ã†CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ è‡ªåˆ†ç”¨ã®å‚™å¿˜éŒ²ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ä»–ã®ãƒ–ãƒã‚°ç‰ã§ã‚‚å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã€ã„ãšã‚Œã‚‚è¦šãˆã¦ãŠã„ã¦æã¯ãªã„ã‚‚ã®ã ã¨æ€ã„ã¾ã™ã€‚ æ™®æ®µã‹ã‚‰åˆ¶ä½œã—ã¦ã„ã‚‹æ–¹ã«ã¨ã£ã¦ã¯ç›®æ–°ã—ã„ã®ã¯ãªã„ã¨æ€ã„ã¾ã™ãŒã€ã¾ã ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã—ãŸã“ã¨ãŒãªã„æ–¹ã‚„ã¾ã ã¾ã è‹¦æ‰‹ã ãªã¨æ€ã†æ–¹ã¯å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ UAåˆ‡ã‚Šæ›¿ãˆãƒ»ViewportæŒ‡å®šãƒ»æ‹¡å¤§ç¸®å°ã®æœ‰ç„¡ãƒ»é›»è©±ç•ªå·ãƒªãƒ³ã‚¯ã®ç„¡åŠ¹åŒ–ãƒ»ãƒ›ãƒ¼ãƒ ç”»é¢ç”¨ã®ã‚¢ã‚¤ã‚³ãƒ³æŒ‡å®šãªã©ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹éš›ã«æœ€ä½Žé™è¦šãˆã¦ãŠãã¹ãã¨æ€ã†ã“ã¨ã¯ä»–ã«ã‚‚æ²¢å±±ã‚ã‚‹ã‚“ã§ã™ãŒã€ä»Šå›žã¯CSSã«ç„¦ç‚¹ã‚’å½“ã¦ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚¿ã‚¤ãƒˆãƒ«ã§ã¯ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã€ã¨ã—ã¦ã¯ã„ã¾ã™ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œæ™‚ã§ã‚‚é »ç¹ã«ä½¿ã†ã‚‚ã®ã ã£ãŸã‚Šã€PCã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã§ã‚‚CSS3ã«
core311 2014/02/05
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

webåˆ¶ä½œ

tips

CSS3
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œ ã‚ˆãã‚ã‚‹ãƒˆãƒ©ãƒ–ãƒ«ã¨ è§£æ±ºæ–¹æ³•ãƒ»å›žé¿æ–¹æ³•
9. ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¯é«˜ããªã„ Android 4.0.4 Mobile Safari 6.0 Chrome 26.0.1410 0 100,000 200,000 300,000 400,000 361,156å›ž/ç§’ 77,906å›ž/ç§’ 53,235å›ž/ç§’ jsPerfã«ã¦1ç§’é–“ã«å‡¦ç†ã§ãã‚‹ createElement ã®å›žæ•°ã‚’è¨ˆæ¸¬ï¼šhttp://jsperf.com/loop-130517-01/2 GALAXY NEXUS iPhone 4S MacBook Air
core311 2013/12/13
webåˆ¶ä½œ

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

CSS3
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ•ã‚©ã‚¢ãƒ—ãƒªã®æ“ä½œãŒæ°—æŒã¡ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒãŸãã•ã‚“ï¼ã‚¿ãƒƒãƒ—æ“ä½œæ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ã¾ã¨ã‚ -Tapotype
Tapotype æŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹å„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ã‚¿ãƒƒãƒ—ã‚„ã‚¯ãƒªãƒƒã‚¯æ“ä½œã§ã€å®Ÿéš›ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å‹•ä½œã—ã¾ã™ã€‚ ã‚µã‚¤ãƒˆé–²è¦§ã«ã¯ã€Safariã‚’ã‚ªã‚¹ã‚¹ãƒ¡ã—ã¾ã™ã€‚ å„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ã‚«ãƒ†ã‚´ãƒªåˆ¥ã«ã¾ã¨ã‚ã‚‰ã‚Œã¦ãŠã‚Šã€ãã‚Œãžã‚Œè©³ç´°ãƒšãƒ¼ã‚¸ã‚‚ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚
core311 2013/06/04
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

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

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–‹ç™ºç ”ä¿®æ•™æã®å…¬é–‹ã«ã¤ã„ã¦ - mixi engineer blog
ã‚¯ãƒ©ãƒ•ãƒˆãƒ¯ãƒ¼ã‚¯ã®æ¥æ—¥å…¬æ¼”3-D CONCERTS 1 2 3 4 5 6 7 8ã‚’è¦³ã«ã„ã£ãŸã‚‰ã€é¡”ãŒå¤§ãã„ã®ã‹ã€3Dãƒ¡ã‚¬ãƒãŒãã¤ãã¦åˆ‡ãªã‹ã£ãŸã‚‚ã‚Šã‚‚ã¨ã§ã™ã€‚ æ ªå¼ä¼šç¤¾ãƒŸã‚¯ã‚·ã‚£ã§ã¯ã€æ–°å’å…¥ç¤¾ã‚¹ã‚¿ãƒƒãƒ•ã‚’ã¯ã˜ã‚ã€ã“ã‚Œã‹ã‚‰ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¢ãƒ—ãƒªé–‹ç™ºã‚’è¡Œã£ã¦ã„ãå…¨ã‚¹ã‚¿ãƒƒãƒ•ã‚’å¯¾è±¡ã«ã€ç¤¾å†…ã§ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–‹ç™ºç ”ä¿®ã€ã‚’å§‹ã‚ã¦ã„ã¾ã™ã€‚ãã®ç ”ä¿®è³‡æ–™ã‚’ã“ã®ãŸã³githubã§å…¬é–‹ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ mixi-inc/iOSTraining Â· GitHub https://github.com/mixi-inc/iOSTraining mixi-inc/AndroidTraining Â· GitHub https://github.com/mixi-inc/AndroidTraining ã“ã‚Œã‚‰æ–‡æ›¸ã¯ã€ãã‚Œãžã‚ŒCC BY-SA 3.0ãŠã‚ˆã³Apache License 2.0ã¨CC 2.5 Attributi
core311 2013/05/15
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

document
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã§ã‚ˆãä½¿ã†htmlã€cssã€javascriptã®ã¾ã¨ã‚
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³(iosã€android)å‘ã‘ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãƒ»ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹éš›ã«å€‹äººçš„ã«ã‚ˆãä½¿ã†htmlã€cssã€javascriptã®å‚™å¿˜éŒ²ã€‚ htmlé–¢é€£ headã‚¿ã‚°å†…ã§ã®è¨å®š <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="format-detection" content="telephone=no">  <link rel="apple-touch-icon" href="icon.png">  <link rel="apple-touch-icon
core311 2013/02/19
HTML5

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›å‘ã‘ã‚µã‚¤ãƒˆåˆ¶ä½œ3æ‰‹æ³•ã®åŸºç¤ŽçŸ¥è˜ã¨èª²é¡Œã€OSï¼æ©Ÿç¨®ä¾å˜ã®ãƒãƒžãƒªã©ã“ã‚3é¸
ã‚¹ãƒžãƒ›å‘ã‘ã‚µã‚¤ãƒˆåˆ¶ä½œ3æ‰‹æ³•ã®åŸºç¤ŽçŸ¥è˜ã¨èª²é¡Œã€OSï¼æ©Ÿç¨®ä¾å˜ã®ãƒãƒžãƒªã©ã“ã‚3é¸ï¼šã‚¹ãƒžãƒ›å‘ã‘ã‚µã‚¤ãƒˆåˆ¶ä½œã§æ³£ã‹ãªã„ãŸã‚ã®ç§˜ä¼ãƒŽã‚¦ãƒã‚¦ï¼ˆ1ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘Webã‚µã‚¤ãƒˆæ§‹ç¯‰æ”¯æ´ãƒ„ãƒ¼ãƒ«ã‚’é–‹ç™ºãƒ»è²©å£²ã™ã‚‹ãŸã‚ã€å›½å†…ã™ã¹ã¦ã®ã‚±ãƒ¼ã‚¿ã‚¤ãƒ»ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‚’æ‰€æœ‰ã—ã¦ã„ã‚‹ä¼æ¥ã«å‹¤ã‚ã‚‹ç†è€…ãŒã€ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒãƒžãƒªã©ã“ã‚ã¨ã‚‚è¨€ãˆã‚‹ãƒŽã‚¦ãƒã‚¦ã‚’ç´¹ä»‹ã™ã‚‹é€£è¼‰ã€‚ç¬¬1å›žã¯ã€PCã‚„ã‚±ãƒ¼ã‚¿ã‚¤ã¨æ¯”ã¹ã¦éš›ç«‹ã£ãŸã‚¹ãƒžãƒ›ã®ç‰¹å¾´2ã¤ã‚„ã€ã‚¹ãƒžãƒ›å‘ã‘ã‚µã‚¤ãƒˆåˆ¶ä½œ3æ‰‹æ³•ã®åŸºç¤ŽçŸ¥è˜ã¨èª²é¡Œã€iPhoneï¼Androidãªã©OSï¼æ©Ÿç¨®ä¾å˜ã§ã®ãƒãƒžãƒªã©ã“ã‚ã‚’ã‚µãƒ³ãƒ—ãƒ«ã‚’äº¤ãˆã¦3ã¤ç´¹ä»‹ é€£è¼‰é–‹å§‹ã«å½“ãŸã£ã¦ åˆã‚ã¾ã—ã¦ã€‚KSKã®ã€Œãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ãƒ•ã‚¡ãƒ¼ãƒ ãƒ“ã‚¸ãƒã‚¹ãƒ¦ãƒ‹ãƒƒãƒˆã€ã§ã‚¨ãƒãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã‚’ã—ã¦ã„ã‚‹æ¸¡è¾ºã¨ç”³ã—ã¾ã™ã€‚ç†è€…ã®æ‰€å±žã™ã‚‹ãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ãƒ•ã‚¡ãƒ¼ãƒ ã§ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘Webã‚µã‚¤ãƒˆæ§‹ç¯‰æ”¯æ´ãƒ„ãƒ¼ãƒ«ã®é–‹ç™ºãƒ»è²©å£²ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚å›½å†…ã§è²©å£²ã•ã‚Œã¦
core311 2012/10/24
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›å¯¾å¿œã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ”¯æ´ãƒ©ã‚¤ãƒ–ãƒ©ãƒª - smart js
ç‰¹å¾´ é…ç½®ã¨å‹•ãã«ç‰¹åŒ–ã—ãŸ Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã§æŸ”è»Ÿæ€§ã‚‚ã‚ã‚Šã€ å‡¦ç†ã‚‚é«˜é€Ÿã§ã™ã€‚ å¯¾å¿œOS / ãƒ–ãƒ©ã‚¦ã‚¶ iOS 7+ Android 4.1+â–³ Android 4.4+â—‹ IE9+ Safari latest Chrome latest Firefox latest
core311 2012/09/03
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

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

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
[JS]ä½™åˆ†ãªHTMLã¯åŠ ãˆãšã«ã€ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã«å®Ÿè£…ã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—æ™‚ã¯ã‚¢ã‚¤ãƒ†ãƒ ãŒæ°´å¹³ã«ä¸¦ã³ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³æ™‚ã¯çœã‚¹ãƒšãƒ¼ã‚¹ã®ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³åž‹ã«å¤‰ã‚ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…480pxã§è¡¨ç¤º å®Ÿè£… HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã€ãƒªã‚¹ãƒˆè¦ç´ ã‚’ä½¿ã„navè¦ç´ ã§å†…åŒ…ã™ã‚‹ã ã‘ã§ã™ã€‚ <nav id="nav-wrap"> <ul id="nav"> <li><a href="#">Button</a></li> <li><a href="#">Button</a></li> </ul> </nav> JavaScript ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã«divè¦ç´ ã§ã€ŒMenuã€ã‚’åŠ ãˆã€ãã‚ŒãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚Œã‚‹ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¾ã™ã€‚ <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.7
core311 2012/04/07
jQuery

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
æºå¸¯ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åˆ‡æ›¿ãˆã‚‹"é”æ³•"ã®apacheè¨å®š #apache - ã¨ã‚ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒžã®æ—¥è¨˜ @s025236
ãƒªã‚ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³æµè¡Œã£ã¦ã‚‹ã‘ã©ã‚„ã£ã±ã‚ŠPC,ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³,æºå¸¯(ã‚¬ãƒ©ã‚±ãƒ¼)ã¯åˆ¥ã«åˆ¥ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç”¨æ„ã—ãŸã»ã†ãŒè‰¯ã„æ™‚ã‚‚ã‚ã‚Šã¾ã™ã‚ˆãã€‚ ã§ã‚‚ã€ŒSEOã¨ã‹è€ƒãˆã‚‹ã¨â€¦ã€ã€ŒURLãŒã°ã‚‰ã°ã‚‰ã«ãªã£ã¡ã‚ƒã£ã¦â€¦ã€ãªã‚“ã¦ãŠå®¢æ§˜ã®ãŠæ‚©ã¿ã‚’è§£æ±ºã™ã‚‹ç‚ºã«ã„ã¾ã•ã‚‰æ„ŸãŒã™ã”ã„ã§ã™ãŒé”æ³•ã®è¨å®šã‚’ã”ç”¨æ„ã„ãŸã—ã¾ã—ãŸï¼ apacheã®è¨å®šã‚’æ›¸ãæ›ãˆã‚ˆã† httpd.confã§ä»¥ä¸‹ã‚’æ›¸ãã ã‘ã§OKã§ã™ã€‚ virtualhostã¨ã‹ã—ã¦ã‚‹ã¨ãã¯é©åˆ‡ã«æ°—æ›¸ãæ›ãˆã¦ãã€‚ ##################################################################### #(C)makoto@2ch.to LoadModule rewrite_module modules/mod_rewrite.so LoadModule setenvif_module mod
core311 2012/03/09
apache

Webåˆ¶ä½œ

æºå¸¯

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ãŸã£ãŸä¸€è¡Œã®JavaScriptã§ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«æœ€é©åŒ–Â·sparrow.js MOONGIFT
sparrow.jsã¯æ—¢å˜ã®ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã«å¤‰æ›ã—ã¦ãã‚Œã‚‹JavaScriptã§ã™ã€‚ sparrow.jsã‚’ä½¿ã†ã¨æ—¢å˜ã®ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã«å¤‰èº«ã•ã›ã¦ãã‚Œã¾ã™ã€‚ãã‚Œã‚‚ãŸã£ãŸä¸€è¡Œã®JavaScriptã‚¿ã‚°ã‚’è¿½åŠ ã™ã‚‹ã®ã¿ã§ã™ã€‚ ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘ã‚µã‚¤ãƒˆã‚’iPhoneã§è¡¨ç¤ºã—ãŸã¨ã“ã‚ã§ã™ã€‚ã„ã‚ã‚†ã‚‹æ™®é€šã®æºå¸¯é›»è©±å‘ã‘ã‚µã‚¤ãƒˆã¨ã—ã¦ã®è¡¨ç¤ºã§ã™ã€‚ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¯ã€Œæºå¸¯å°‚ç”¨ç„¡æ–™ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé…å¸ƒä¸ ï¼š ãƒ•ãƒªãƒ¼ã‚¹ã‚¿ã‚¤ãƒ« æºå¸¯ç„¡æ–™ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã€ã‚ˆã‚ŠãŠå€Ÿã‚Šã—ã¾ã—ãŸã€‚ sparrow.jsã‚’é©ç”¨ã—ãŸè¡¨ç¤ºã§ã™ã€‚ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚„ç”»åƒã®è¡¨ç¤ºãŒæœ€é©åŒ–ã•ã‚Œã‚‹ã®ã¿ã¨ãªã£ã¦ã„ã¾ã™ã€‚ sparrow.jsã§ã¯ãã®ä»–ã€Viewportã®è‡ªå‹•æŒ¿å…¥ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®CSSå®šç¾©ã€åŠè§’ä»®åã‚’å…¨è§’ã«å¤‰æ›ã€ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã€çµµæ–‡å—ã‚’çµµæ–‡å—ç”»åƒã«å¤‰æ›
core311 2011/12/07
javascript

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

æœ€é©åŒ–
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³æ™‚ä»£ã®Webã‚µã‚¤ãƒˆåˆ¶ä½œ ç¬¬3å›žã€€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° | ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚»ãƒ³ã‚¿ãƒ¼
ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ¼ãƒªã‚½ãƒ¼ã‚¹ Flex cookbook* (ã‚³ãƒ¼ãƒ‰ã®å…±æœ‰) CSS Advisor (ãƒ–ãƒ©ã‚¦ã‚¶åˆ¥ãƒã‚°ä¿®æ£) Exchanges* (ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®å…±æœ‰) Adobe Labs* ãƒ¦ãƒ¼ã‚¶ãƒ•ã‚©ãƒ¼ãƒ©ãƒ RSS ãƒ•ã‚£ãƒ¼ãƒ‰* Flex ãƒã‚°ãƒ™ãƒ¼ã‚¹* ãƒ¦ãƒ¼ã‚¶ã‚°ãƒ«ãƒ¼ãƒ—ã®æ¤œç´¢* ãƒ¦ãƒ¼ã‚¶ã‚°ãƒ«ãƒ¼ãƒ—ã«ã¤ã„ã¦* Adobe Community Experts (ACE)* ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆ* ãƒ–ãƒã‚° MXNA* (ãƒ–ãƒã‚°ã‚¢ã‚°ãƒªã‚²ãƒ¼ã‚¿) Adobe ãƒ–ãƒã‚°* ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã«ã¯ã€ã„ãã¤ã‹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒè¦‹ã‚‰ã‚Œã¾ã™ã€‚ä»Šå›žã¯ã€ãã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ–¹æ³•ã«ã¤ã„ã¦ã€ä»¥ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã‚’ã‚‚ã¨ã«è§£èª¬ã—ã¾ã™ã€‚ â€»ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã¯æœ¬é€£è¼‰ç”¨ã«ä½œæˆã—ãŸã‚‚ã®ã§ã‚ã‚Šã€å…¬å¼ã®ãƒšãƒ¼ã‚¸ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ å›³1ã€€ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã€‚ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«æ–°ç€è¨˜äº‹ã€ä¸éƒ¨ã«è£½å“ãƒã‚´ã‚’ä½¿ã£ãŸè¨˜äº‹ã‚«ãƒ†ã‚´ãƒªãƒ¼ã€ä¸‹éƒ¨ã«ãƒªã‚¹ãƒˆåž‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§
core311 2011/09/08
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

adobe

html5
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆä½œã‚‹éš›ã«è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ãªãƒ¢ãƒã‚¤ãƒ«ç”¨jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã„ã‚ã„ã‚:phpspoté–‹ç™ºæ—¥èªŒ
8 Best jQuery Mobile Plugins | ZoomZum ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆä½œã‚‹éš›ã«è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ãªãƒ¢ãƒã‚¤ãƒ«ç”¨jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã—ãŸã®ã§ã”ç´¹ä»‹ã€‚ ï¼‘ã‹ã‚‰ä½œã‚‹ã¨ã‹ãªã‚Šå¤§å¤‰ãã†ãªæ©Ÿèƒ½ã‚‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§çž¬é–“çš„ã«å®Ÿè£…ã§ãã¾ã™ã€‚ä¸€é€šã‚Šãƒã‚§ãƒƒã‚¯ã—ãŸä¸Šã§ã”ç´¹ä»‹ã€‚ Drag And Scale For IOS ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’ãƒ”ãƒ³ãƒã‚¤ãƒ³ã€ã‚¢ã‚¦ãƒˆã«ã‚ˆã£ã¦æ‹¡å¤§ã€å›žè»¢ã•ã›ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ã“ã‚Œã§iPhoneå‘ã‘ã®WEBã‚µã‚¤ãƒˆã¨ã„ã£ã¦ã‚‚ã‚¢ãƒ—ãƒªã®ã‚ˆã†ãªè‡ªç”±åº¦ãŒå¾—ã‚‰ã‚Œã¾ã™ï¼ˆãƒ‡ãƒ¢ï¼‰ã€‚ ã“ã‚“ãªã“ã¨ã§ãã‚‹ã‚“ã£ã€ã¨ã„ã†å£°ãŒå‡ºã¦ã—ã¾ã†ã‹ã‚‚ï¼ˆAndroidã¯ãƒ‰ãƒ©ãƒƒã‚°ã®ã¿ï¼‰ jQuery Mobile Photo Album ãƒªãƒƒãƒãªãƒ•ã‚©ãƒˆã‚¢ãƒ«ãƒãƒ å®Ÿè£…ãŒå¯èƒ½ Jquery Mobile Device Drag And Drop è¦ç´ ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ãŒå¯èƒ½ Jquery Swipe ã‚¹ãƒ¯ã‚¤ãƒ—ã‚¤ãƒ™ãƒ³
core311 2011/08/18
jQuery Mobile

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

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã‚‚å¯¾å¿œå¯èƒ½ãƒ»ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«å¿œã˜ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è‡ªå‹•èª¿æ•´ã™ã‚‹è»½é‡jQueryã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»FLEXSLIDER - ã‹ã¡ã³ã¨.net
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„iPadãªã©ã®ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã¯ã‚‚ã¡ã‚ã‚“ã€ æ§˜ã€…ãªã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«ã‚‚è‡ªå‹•ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ èª¿æ•´ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªjQueryã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ã” ç´¹ä»‹ã€‚FLEXSLIDERã¯4KBã¨è»½é‡ã§ã€å®Ÿè£…ã‚‚ æ‰‹è»½ãªã®ã§è¦šãˆã¦ãŠãã¨é‡å®ã—ãã†ã§ã™ã€‚ãƒžãƒ¼ã‚¯ ã‚¢ãƒƒãƒ—ã‚‚ç°¡å˜ãªã®ã§iPhoneå‘ã‘ã‚µã‚¤ãƒˆã®æ§‹ç¯‰ æ™‚ã«å°Žå…¥ã‚’æ¤œè¨Žã—ãŸã„ã§ã™ãã€‚ ä»¥å‰ã‚‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ã”ç´¹ä»‹ã—ã¾ã—ãŸï¼ˆBlueberryã¨ã„ã†ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ï¼‰ãŒã€ã“ã¡ã‚‰ã¯åŠ ãˆã¦è»½é‡ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã§è¡¨ç¤ºã‚‚é€Ÿã„ã‚ˆã†ã§ã™ã€‚ è¦‹ãŸç›®ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ãŒã€iPhoneã‚„iPadã®ã‚ˆã†ãªã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã®ç‹ã„ãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è‡ªå‹•ã§èª¿æ•´ã—ã¦ãã‚Œã¾ã™ã€‚ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚‚4KBã¨ã€ã¨ã¦ã‚‚è»½é‡ãªã®ã§MediaQueriesã¨ã†ã¾ãä½µç”¨ã—ãŸã„ã¨ã“ã‚ã§ã™ãã€‚ iPhoneã§ã®è¡¨ç¤ºã€‚è‡ªå‹•ã§å¹…ã‚’èª¿æ•´ã—ã¦ã„ã¾ã™ã€‚ iPadã®å¹…ã ã¨ã“ã‚“ãªæ„Ÿã˜ã€‚
core311 2011/08/17
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

jquery

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼
ãƒªãƒ³ã‚¯
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
core311 2011/05/24
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

jQuery

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

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã®ãŸã‚ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã«è¦‹ã¦ãŠããŸã„ã‚µã‚¤ãƒˆï½œWEB Drawer -WEBåˆ¶ä½œã«é–¢ã™ã‚‹ãƒ¡ãƒ¢ã‚µã‚¤ãƒˆ-
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’æœ¬æ ¼çš„ã«ä½œã‚‹ã‚ˆã†ã«ãªã£ã¦ããŸã®ã§ã€ã„ã‚ã„ã‚åŸºæœ¬çš„ãªã“ã¨ã‹ã‚‰èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ è‡ªåˆ†ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒãƒ¡ã‚¤ãƒ³ãªã®ã§ã€HTML/CSS/JSãŒä¸»ã«ãªã£ã¦ã„ã¾ã™ã€‚ åˆ¶ä½œã™ã‚‹å‰ã«ä»•æ§˜ã®ç¢ºèª ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ä»•æ§˜ãŒè¼‰ã£ã¦ã„ã¾ã™ã€‚ä¸€é€šã‚Šç›®ã‚’é€šã™ã¨ã€è£½ä½œã—ã¦ã‚‹æ™‚ã«ã€Œã“ã‚ŒãŒã§ããªã„ï¼ã€ãªã©ã®å•é¡ŒãŒå›žé¿ã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ASCII.jpï¼šã‚µã‚¤ãƒˆåˆ¶ä½œã®å‰ã«çŸ¥ã‚ŠãŸã„iPhone/Androidã®ä»•æ§˜ï½œå®Ÿè·µï¼iPhoneï¼†Androidã‚µã‚¤ãƒˆåˆ¶ä½œã‚¬ã‚¤ãƒ‰ ASCII.jpï¼šã‚µã‚¤ãƒˆåˆ¶ä½œã®å‰ã«çŸ¥ã‚ŠãŸã„iPhone/Androidã®ä»•æ§˜ï½œå®Ÿè·µï¼iPhoneï¼†Androidã‚µã‚¤ãƒˆåˆ¶ä½œã‚¬ã‚¤ãƒ‰ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®åˆ¶ä½œ â€“ åŸºç¤Žç·¨ â€“ â€“ ãºãƒ¼ãºãƒ¼ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŠã¼ãˆãŒã ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®åˆ¶ä½œ â€“ åŸºç¤Žç·¨ â€“ â€“ ãºãƒ¼ãºãƒ¼ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŠã¼ãˆãŒã iPhone iPadå‘ã‘ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹ãŸã‚ã®ã„ã‚
core311 2011/05/24
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

webåˆ¶ä½œ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ä¸€è¦‹ã®ä¾¡å€¤ã‚ã‚Šãªã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆè‰²ã€…ï¼’ï¼•:phpspoté–‹ç™ºæ—¥èªŒ
25 Beautiful Mobile Websites | UnderWorld Magazines ä¸€è¦‹ã®ä¾¡å€¤ã‚ã‚Šãªã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆè‰²ã€…ãŒã¾ã¨ã¾ã£ãŸã‚¨ãƒ³ãƒˆãƒªã®ã”ç´¹ä»‹ã§ã™ã€‚ ã©ã‚Œã‚‚ã‚ˆããƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã¦ã€ã“ã‚Œã‹ã‚‰ã¤ãã‚‹ãžãƒ¼ã£ã¦ã„ã†å ´åˆã®æº–å‚™ã¨ã—ã¦è¦‹ã¦ãŠã„ã¦ã‚‚ã‚ˆã•ãã†ã€‚ ä»Šå¾Œã‚¹ãƒžãƒ•ã‚©ã®æ–¹ãŒä¸»æµã«ãªã£ã¦ã„ãã€PCã¯ã‚ãã¾ã§ç°¡æ˜“ã§ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆãŒãƒ¡ã‚¤ãƒ³ã€ãªã‚“ã¦ã“ã¨ã«ã‚‚ãªã£ã¦ã„ãã®ã‹ã‚‚ã€ã¨å°‘ã—å¦„æƒ³ã—ã¦ã„ã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆä½œã‚Šã®å‰ã«çŸ¥ã£ã¦ãŠãã¹ããƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ç‰ãƒªã‚½ãƒ¼ã‚¹ã¾ã¨ã‚
core311 2011/04/27
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

å‚è€ƒã‚µã‚¤ãƒˆ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ•ã‚©å‘ã‘ã‚µã‚¤ãƒˆæœ€é©åŒ–ã«ã‚‚ä½¿ãˆãã†ãªãƒ–ãƒ©ã‚¦ã‚¶å¹…ã«å¿œã˜CSSãŒåˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒAdapt.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
ã‚¹ãƒžãƒ•ã‚©å‘ã‘ã‚µã‚¤ãƒˆæœ€é©åŒ–ã«ã‚‚ä½¿ãˆãã†ãªãƒ–ãƒ©ã‚¦ã‚¶å¹…ã«å¿œã˜CSSãŒåˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒAdapt.jsã€ 2011å¹´04æœˆ19æ—¥- Adapt.js - Adaptive CSS ã‚¹ãƒžãƒ•ã‚©å‘ã‘ã‚µã‚¤ãƒˆæœ€é©åŒ–ã«ã‚‚ä½¿ãˆãã†ãªãƒ–ãƒ©ã‚¦ã‚¶å¹…ã«å¿œã˜CSSãŒåˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒAdapt.jsã€ã€‚ è¦‹ã¦ã„ã‚‹ãƒ¦ãƒ¼ã‚¶ã«ã‚ˆã£ã¦ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºãªã‚“ã‹ã¯ã¾ã¡ã¾ã¡ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µã‚¤ã‚ºã‚‚çµæ§‹é•ã„ã¾ã™ãã€‚ ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ãˆã°ã€å¹…ãŒ600ã€œ800px ã¯ a.cssã€800ã€œ1200px ã®å ´åˆã¯ b.css ã®ã‚ˆã†ã«ä½¿ã„åˆ†ã‘ã‚‹ã®ãŒå®¹æ˜“ã«ãªã‚Šã¾ã™ã€‚ ç«¯æœ«ã®é•ã„ãªã‚“ã‹ã‚‚CSSã«ã‚ˆã£ã¦åˆ†ã‘ã¦ã—ã¾ãˆã‚‹ã¨ã€ãƒ—ãƒã‚°ãƒ©ãƒ çš„ãªç„¡é§„ãªåˆ†å²ã‚’çœã‘ã¦ç¶ºéº—ã«ä½œã‚Œã¾ã™ãã€‚ ã“ã“ã‚‰è¾ºã®åˆ†å²ã‚’ç°¡å˜ãªä½¿ã„æ–¹ã§å‹æ‰‹ã«ã‚„ã£ã¦ãã‚Œã‚‹ã®ãŒAdapt.jsã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆãªã‚“ã‹ã«ã‚‚ä½¿ãˆã¾ã™ã€‚ iPhoneã ã¨ç¸¦ã§å¤§ä½“320p
core311 2011/04/20
jquery

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

æœ€é©åŒ–
ãƒªãƒ³ã‚¯
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
core311 2011/04/15
jquery

mobile

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

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ä½œæˆè¡“ - å¤§å·æ´‹ä¸€
The document discusses various techniques for developing mobile web applications, including: 1. Using viewport meta tags to control layout on different screen sizes. 2. Storing cached content in Web Storage instead of cookies for better performance on mobile. 3. Loading images lazily via Ajax to improve perceived performance. 4. Detecting device orientation changes and resizing content appropriate
core311 2011/04/05
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

webåˆ¶ä½œ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ | ãƒ¦ãƒ¼ã‚¸ãƒƒã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ æ›´æ–°æ—¥ï¼š2011å¹´1æœˆ22æ—¥ï½œå…¬é–‹æ—¥ï¼š2011å¹´1æœˆ22æ—¥ iPhoneã¨Androidä¸¡æ–¹ã«å¯¾å¿œã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆä½œæˆã«ã‚ãŸã£ã¦ã®åŸºæœ¬æ¦‚è¦ ã¾ãšæœ€åˆã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«æ°—ã«ãªã‚‹ç‚¹ã¯ç”»åƒã®æ‰±ã„ã ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ æ¨ªå¹…ã§ã™ãŒã€è§£åƒåº¦ã¯æ©Ÿç¨®ã«ã‚ˆã£ã¦æ§˜ã€…ã§ã™ãŒã€ç¸¦å‘ãã§320pxï½ž640pxã€æ¨ªå‘ãã§480pxï½ž960pxãŒä¸»æµã¨ãªã‚Šã¾ã™ã€‚ æ¨™æº–ã¨ãªã‚‹ã‚‚ã®ã‚’è¨ã‘ã‚‹ã¨ãªã‚‹ã¨ã€320px(æ¨ª)/480pxï¼ˆç¸¦ï¼‰ã‚’æ¨™æº–ã¨ã—ã¦è‰¯ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ â€»iPhone4ã€4Sã¯640px/960pxã®è§£åƒåº¦ã§ã™ãŒã€å†…éƒ¨è§£åƒåº¦ã§320px/480pxã¨è§£é‡ˆã—ã¦ãã‚Œã‚‹ãŸã‚ã€‚ ã§ã™ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è¦‹ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ãªã©ã‚’ä½œæˆã™ã‚‹éš›ã‚‚ç¸¦ã‚’æ¨™æº–ã¨ã™ã‚‹éš›ã¯320pxï¼ˆæ¨ªï¼‰ã§ä½œæˆã™ã‚Œã°å•é¡Œãªã„ã¨
core311 2011/01/23
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

iphone

android

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸