[B! HTML5][iPhone] iR3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

iR3 id:iR3

HTML5ã¨iPhoneã«é–¢ã™ã‚‹iR3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®Webã‚¢ãƒ—ãƒªã‚’ä½œã‚ã†
ã“ã®ç‰¹é›†ã§ã¯ã€ç¾åœ¨åˆ©ç”¨è€…ãŒæ€¥å¢—ã—ã¦ã„ã‚‹2å¤§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€iPhoneãŠã‚ˆã³Androidç«¯æœ«å‘ã‘ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚Šã¾ã™ã€‚ã¨è¨€ã£ã¦ã‚‚ã€ãã‚Œãžã‚Œã®OSã«ãƒã‚¤ãƒ†ã‚£ãƒ–ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ãªãã€iPhone/AndroidãŒæè¼‰ã™ã‚‹Webãƒ–ãƒ©ã‚¦ã‚¶ã®ä¸Šã§å‹•ãWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚å…·ä½“çš„ã«ã¯ã€HTMLãŠã‚ˆã³CSSã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹HTML5ã¨CSS3ã‚’ä½¿ã£ã¦iPhone/Androidã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã€ãŠã‚ˆã³ãã®éš›ã®ãƒã‚¤ãƒ³ãƒˆã‚’èª¬æ˜Žã—ã¾ã™ï¼Š1ã€‚ iPhone/Androidãªã‚‰HTML5ã¨CSS3ã§ã‚¢ãƒ—ãƒªã‚’ä½œã‚Œã‚‹ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€OSã‚„ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«ä¾å˜ã—ãªã„ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚ç¢ºã‹ã«ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å‹•ä½œã‚„è¦‹æ „ãˆã¯ã€OSã‚„ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«ã¯ã‚ã¾ã‚Šä¾å˜ã—ã¾ã›ã‚“ã€‚ã—ã‹ã—ã€Webãƒ–ãƒ©ã‚¦ã‚¶ã®ç¨®é¡žã‚„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«å¼·ãä¾å˜ã—ã¾ã™ã€‚ç•°ãªã‚‹Webãƒ–ãƒ©ã‚¦ã‚¶ã§åŒã˜ã‚ˆã†ã«
iR3 2012/02/06
ã‚¹ãƒžãƒ›

CSS3

HTML5

iPhone

Android
ãƒªãƒ³ã‚¯
PhoneGapã§æ‰‹è»½ã«iPhone/Androidã‚¢ãƒ—ãƒªã‚’ä½œã‚ã† è¨˜äº‹ä¸€è¦§ | gihyo.jp
ç¬¬4å›žCamera API/HTML5 Canvas/ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’åˆ©ç”¨ã—ãŸã‚«ãƒ¡ãƒ©ã‚¢ãƒ—ãƒªã‚’ä½œã‚ã† å¯Œç”°å®æ˜ 2011-09-20
iR3 2011/09/25
PhoneGap

Android

iPhone

HTML5
ãƒªãƒ³ã‚¯
ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ™ã‚¹ãƒˆ
å…è²¬äº‹é …ï¼šæœ¬ã‚µã‚¤ãƒˆã«å«ã¾ã‚Œã‚‹æƒ…å ±ã¯ã€ä¸€èˆ¬çš„ãªæƒ…å ±æä¾›ã®ã¿ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚æƒ…å ±ã¯ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ™ã‚¹ãƒˆã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã€å½“ç¤¾ã¯æƒ…å ±ã‚’æœ€æ–°ã‹ã¤æ£ç¢ºã«ä¿ã¤ã‚ˆã†åŠªåŠ›ã—ã¾ã™ãŒã€ã„ã‹ãªã‚‹ç›®çš„ã«ãŠã„ã¦ã‚‚ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¾ãŸã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«å«ã¾ã‚Œã‚‹æƒ…å ±ã€è£½å“ã€ã‚µãƒ¼ãƒ“ã‚¹ã€é–¢é€£ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹å®Œå…¨æ€§ã€æ£ç¢ºæ€§ã€ä¿¡é ¼æ€§ã€é©åˆæ€§ã€åˆ©ç”¨å¯èƒ½æ€§ã«ã¤ã„ã¦ã€æ˜Žç¤ºã¾ãŸã¯é»™ç¤ºã‚’å•ã‚ãšã„ã‹ãªã‚‹è¡¨æ˜Žã¾ãŸã¯ä¿è¨¼ã‚‚è¡Œã„ã¾ã›ã‚“ã€‚å¾“ã£ã¦ã€ã“ã‚Œã‚‰ã®æƒ…å ±ã«ä¾æ‹ ã™ã‚‹ã“ã¨ã¯ã€ã‚ãã¾ã§ã‚‚ãŠå®¢æ§˜ã”è‡ªèº«ã®è²¬ä»»ã«ãŠã„ã¦è¡Œã‚ã‚Œã‚‹ã‚‚ã®ã¨ã—ã¾ã™ã€‚ å½“ç¤¾ã¯ã€å½“ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã”åˆ©ç”¨ã«èµ·å› ã™ã‚‹ã„ã‹ãªã‚‹æå®³ã«ã¤ã„ã¦ã‚‚è²¬ä»»ã‚’è² ã„ã¾ã›ã‚“ã€‚ æœ¬ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‹ã‚‰ã€ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ™ã‚¹ãƒˆã®ç®¡ç†ä¸‹ã«ãªã„ä»–ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¸ãƒªãƒ³ã‚¯ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å½“ç¤¾ã¯ã€ãã‚Œã‚‰ã®ã‚µã‚¤ãƒˆã®æ€§è³ªã€å†…å®¹ãŠã‚ˆã³åˆ©ç”¨å¯èƒ½æ€§ã‚’ç®¡ç†ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ã€‚ãƒªãƒ³ã‚¯ã¯å¿…ãšã—ã‚‚æŽ¨å¥¨ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã—ã€ãƒªãƒ³ã‚¯å…ˆã§è¿°ã¹ã‚‰
iR3 2011/07/06
iPhone

CSS3

HTML5
ãƒªãƒ³ã‚¯
HTML5ã¨CSS3ã‚’ä½¿ã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã€€ï¼ iPhoneç‰ˆYahoo!JAPANãƒˆãƒƒãƒ—ã®é–‹ç™ºäº‹ä¾‹ç´¹ä»‹
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
iR3 2010/12/16
HTML5

CSS3

iPhone
ãƒªãƒ³ã‚¯
HTMLã¨JavaScriptã§iPhoneã‚¢ãƒ—ãƒªã‚’è¶…ç°¡å˜ã«ä½œã‚‹æ–¹æ³• - é›»åè¶£å‘³ã®éƒ¨å±‹
éŽåŽ»ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®æ”¹è¨‚ç‰ˆã§ã™ã€‚ ä»Šå›žã¯ã‚ˆã‚Šç°¡å˜ã«HTML+JavaScriptã§iPhoneã‚¢ãƒ—ãƒªã‚’ä½œã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚ˆã‚Šå°‘ãªã„æ‰‹é †ã§ã€ãƒ“ãƒ«ãƒ‰æ™‚ã«è¦å‘Šã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ iPhoneSDKã«ã¯Safariã«ã‚‚æè¼‰ã•ã‚Œã¦ã„ã‚‹ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®WebkitãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚’åˆ©ç”¨ã—ã¦ã€HTMLã§ã‚‚iPhoneã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®ã¾ã¾AppStoreã«ã‚‚ç™»éŒ²ã§ãã¾ã™ã€‚ ã‚²ãƒ¼ãƒ ã‚‚ä½œã‚ã†ã¨æ€ãˆã°ä½œã‚Œã¾ã™ãŒã€iPhoneã®CPUã¯PCã¨æ¯”ã¹ã‚‹ã¨éžå¸¸ã«é…ã„ã®ã§ã€ã„ãã‚‰JavaScriptãŒæ—©ã„Safariã¨è¨€ãˆã©ã‚‚ã€å‹•ä½œé€Ÿåº¦ã¯æœŸå¾…ã§ãã¾ã›ã‚“ã€‚ HTMLãƒ•ã‚¡ã‚¤ãƒ«ã®æº–å‚™ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" co
iR3 2010/08/19
iPhone

HTML5

JavaScript
ãƒªãƒ³ã‚¯
1