[B! iphone][ãƒ–ãƒ©ã‚¦ã‚¶] yoiITã®ãƒ

yoiIT id:yoiIT

iphoneã¨ãƒ–ãƒ©ã‚¦ã‚¶ã«é–¢ã™ã‚‹yoiITã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ä¸å…·åˆç‰¹é›†
CSS Nite in OSAKA, Vol.29 ã§ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚æ”¹è¨‚ç‰ˆã‚’ http://www.slideshare.net/HiroakiWakamatsu/ss-14011485 ã«ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚Read less
yoiIT 2012/04/29
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

android

iPhone

ãƒ–ãƒ©ã‚¦ã‚¶

iOS

ãƒã‚°

æ¤œè¨¼
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° : ãƒŽã‚¦ãƒã‚¦ã‚³ãƒ©ãƒ ï¼š HTML/XHTMLã€CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æœ€å®‰ä¿éšœï½žã‚¯ãƒãƒŽãƒ‰ãƒ©ã‚¤ãƒ–ï½ž
iPhoneãƒ–ãƒ©ã‚¦ã‚¶ã®ç‰¹å¾´ã®ä¸€ã¤ã¨ã—ã¦ã€ç”»é¢ã‚’å·¦å³ã«90åº¦å‚¾ã‘ã‚‹ã¨ç”»é¢ã®ä¸ã‚‚ãã‚Œã«åˆã‚ã›ã¦å›žè»¢ã™ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ ãã®ãŸã‚ã€ç”»é¢å¹…ã«åˆã‚ã›ã¦ä¼¸ç¸®ã™ã‚‹ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¾ã™ãŒã€ä¸ã«ã¯ãã‚Œã ã‘ã§ã¯é›£ã—ã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ãã“ã§ã€å‚¾ãã«åˆã‚ã›ã¦bodyã®classã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹jqueryã®javascriptã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« ã‚µãƒ³ãƒ—ãƒ« â€»iPhoneã§è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ tilt.zip ä½¿ã„æ–¹ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸtilt.jsã‚’jquery.jsã¨ä¸€ç·’ã«èªã¿è¾¼ã‚€ã ã‘ã§å‹•ä½œã—ã¾ã™ã€‚ ç”¨é€” ç¸¦æ¨ªã§ãƒœãƒƒã‚¯ã‚¹ã®å¹…ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ ç¸¦æ¨ªã§èƒŒæ™¯è‰²ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ ç¸¦ï¼ˆã¾ãŸã¯æ¨ªï¼‰ã®å ´åˆã ã‘è¡¨ç¤ºã™ã‚‹æ–‡ç« ã‚„ç”»åƒã‚’è¨ç½®ã™ã‚‹ ç¸¦ã«æœ€é©åŒ–ã•ã‚ŒãŸã‚µã‚¤ã‚ºã®ã¾ã¾ã€æ¨ªã®å ´åˆã¯ãã‚Œã‚’ä¸å¤®å¯„ã›ã«ã—ã¦è¡¨ç¤ºã™ã‚‹ ç‰ã€…... ä»•çµ„ã¿ ä»•çµ„ã¿ã¯ã¨ã¦ã‚‚å˜ç´”ã§window.orientatio
yoiIT 2011/04/25
css3

ãƒ–ãƒ©ã‚¦ã‚¶

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

class

ã¾ã¨ã‚

iPhone
ãƒªãƒ³ã‚¯
[iPhone, iPad] Puffin: Flashã‚µã‚¤ãƒˆâ†’è¦‹ã‚‰ã‚Œã¾ã™ã€‚Flashã‚²ãƒ¼ãƒ â†’éŠã¹ã¾ã™ã€‚éŸ³ã‚‚æµã‚Œã¾ã™ã€‚é©å‘½ã‚„ï¼ï¼352 | AppBank
ã„ã¤ã‹ã‚„ã£ã¦æ¥ã‚‹ã¨ã¯æ€ã£ã¦ã„ãŸãŒã€ã¨ã†ã¨ã†ãã¾ã—ãŸã‹ï¼ï¼ï¼ï¼iPhoneã§FlashãŒæ™®é€šã«å‹•ãæ—¥ãŒï¼ï¼ï¼ Puffinã€èˆˆå¥®ã—ãªãŒã‚‰ãŠå±Šã‘ã—ã¾ã™ï¼ App Storeã®èª¬æ˜Žæ–‡ã«ã‚ˆã‚Œã°ã€ ãƒ•ãƒ©ãƒƒã‚·ãƒ¥ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºï¼ˆã‚¯ãƒªãƒƒã‚¯ã‚‚å¯èƒ½ï¼‰ ãƒ•ãƒ©ãƒƒã‚·ãƒ¥ãƒ“ãƒ‡ã‚ªã‚’è¦–è´å¯èƒ½ï¼ˆYouTubeã®ã¿ï¼‰ ãƒ•ãƒ©ãƒƒã‚·ãƒ¥ã‚²ãƒ¼ãƒ ãƒ—ãƒ¬ã‚¤å¯èƒ½ï¼ˆéžãƒ»æœ€é©åŒ–ï¼‰ ã¨ã„ã†ã“ã¨ã ãã†ã§ã™ã€‚ ä½¿ã£ã¦ã¿ãŸæ„Ÿæƒ³ã¨ã—ã¦ã¯ã€ãƒ•ãƒ©ãƒƒã‚·ãƒ¥ãŒä½¿ã‚ã‚ŒãŸWebã‚µã‚¤ãƒˆã®è¡¨ç¤ºã¯è‡ªç„¶ã«è¡Œã‚ã‚Œã¾ã™ï¼ˆå½“ç„¶ã€é™çš„ãªã‚µã‚¤ãƒˆã‚ˆã‚Šã¯èªã¿è¾¼ã¿ã«æ™‚é–“ãŒã‹ã‹ã‚Šã¾ã™ï¼‰ã€‚éŸ³æ¥½ã‚‚å†ç”Ÿã—ã¦ãã‚Œã¾ã™ã€‚ ãƒ•ãƒ©ãƒƒã‚·ãƒ¥ãƒ“ãƒ‡ã‚ªã¯YouTubeã—ã‹å†ç”Ÿã§ããªã„ã¨ã„ã†äº‹ã§ã€å®Ÿè³ªçš„ã«ã¯ã¾ã ä½¿ãˆãªã„ã¨ã„ã†æ„Ÿã˜ã§ã™ãã€‚ï¼ˆSkyfire Web BrowserãŒã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ï¼‰ ãƒ•ãƒ©ãƒƒã‚·ãƒ¥ã‚²ãƒ¼ãƒ ã«ã¤ã„ã¦ã¯ã€å‹•ä½œã¯ã—ã¾ã™ãŒã€æ“ä½œãŒé›£ã—ã„ã§ã™ã€‚éŽåŽ»ã«æµè¡Œã—ãŸFlashã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ˆä¸æ‘å±‹ã¨ã‹ã®ã¾ãƒã‚³ã¨ã‹ï¼‰ã‚’è¦–è´ã™
yoiIT 2011/03/22
2Advancedã®ã‚µã‚¤ãƒˆãŒè¡¨ç¤ºã•ã‚Œã‚‹ãªã‚‰å¤§æŠµã®ã¯è¦‹ã‚Œã‚‹ã‹ãªã€‚ã§ã‚‚æœ‰æ–™ã‹ï½¥ï½¥ï½¥ã€‚

ãƒ–ãƒ©ã‚¦ã‚¶

ã‚¢ãƒ—ãƒª

iPhone
ãƒªãƒ³ã‚¯
HTML5ã®localStorageã§iPhoneç”¨Webã‚¢ãƒ—ãƒªã‚’é«˜é€ŸåŒ–
HTML5ã®localStorageã§iPhoneç”¨Webã‚¢ãƒ—ãƒªã‚’é«˜é€ŸåŒ–ï¼šiPhoneã§å‹•ã‹ã™æ¥å‹™ç”¨Webã‚¢ãƒ—ãƒªé–‹ç™ºå…¥é–€ï¼ˆ4ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ ä»Šå›žã¯ã€iOSã®Safariã®ä¸ã«ãƒ‡ãƒ¼ã‚¿ã‚’è¨˜éŒ²ã§ãã‚‹ã€HTML5ã®ã€ŒlocalStorageã€æ©Ÿèƒ½ã‚’ä½¿ã£ã¦ã€ãƒ‡ãƒ¼ã‚¿ã®å…ˆèªã¿ã¨ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’å®Ÿç¾ã—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½“æ„Ÿãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’å‘ä¸Šã•ã›ã¦ã¿ã¾ã™ã€‚ HTML5ã®ã€ŒlocalStorageã€ã¨ã¯ localStorageï¼ˆãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ï¼‰ã¨ã¯ã€HTML5ã§è¦å®šã•ã‚Œã¦ã„ã‚‹ã€Webãƒ–ãƒ©ã‚¦ã‚¶å†…éƒ¨ã®KVSï¼ˆã‚ãƒ¼ãƒãƒªãƒ¥ãƒ¼åž‹ãƒ‡ãƒ¼ã‚¿ã‚¹ãƒˆã‚¢ï¼‰ã§ã™ã€‚iOSã®Safariã§ã‚‚å®Ÿè£…ã•ã‚Œã¦ã„ã¦ã€JavaScriptã‚³ãƒ¼ãƒ‰ã‹ã‚‰ã‚¢ã‚¯ã‚»ã‚¹ã§ãã€ä»»æ„ã®ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã§ãã¾ã™ã€‚ ã„ããªã‚Šæ³¨æ„ï¼ localStorageã®ä¿å˜ãƒ‡ãƒ¼ã‚¿ã¯ãƒ†ã‚ã‚¹ãƒˆã§ï¼ HTML5ã®ä»•æ§˜ã§ã¯ã€localStorageã«ä¿å˜ã§ãã‚‹ãƒ‡ãƒ¼ã‚¿ã¯JavaScrip
yoiIT 2011/03/02
html5

HTML

iPhone

ã‚¢ãƒ—ãƒª

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

android

ãƒ–ãƒ©ã‚¦ã‚¶

iPhone

HTML5
ãƒªãƒ³ã‚¯
1