[B! WebKit][iphone] paellaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

paella id:paella

WebKitã¨iphoneã«é–¢ã™ã‚‹paellaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

${{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ã‚¢ãƒ—ãƒªã€‘iPhone4 ã§ç”»åƒã‚’ãã‚Œã„ã«è¡¨ç¤ºã™ã‚‹ã‚‚ã†ä¸€ã¤ã®æ–¹æ³•ã€mod_rewriteã€‘ - nazokingã®ãƒ–ãƒã‚°
iPhone4ã¯è§£åƒåº¦ãŒé«˜ã„ã®ã§ã€ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆãªã„ã¨ã€ã‚‚ã‚„ã£ã¨ã™ã‚‹ã€‚ ã€Webã‚¢ãƒ—ãƒªã€‘iPhone4 ã§ç”»åƒã‚’ãã‚Œã„ã«è¡¨ç¤ºã™ã‚‹è‰²ã€…ãªæ–¹æ³•ã€è©¦è¡ŒéŒ¯èª¤ç·¨ã€‘ | KAYAC DESIGNER'S BLOG - ã‚«ãƒ¤ãƒƒã‚¯ã®æ„åŒ éƒ¨ã«ã‚ˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è©± Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«ç”»åƒã‚’æœ€é©åŒ–ã•ã›ã‚‹ã®ã£ã¦æ„å¤–ã¨ã‚ã‚“ã©ã„ã‚ˆãï¼ ã¨ã„ã†ç¾å®Ÿã«æ‰“ã¡ã®ã‚ã•ã‚ŒãŸã®ã§ã€ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ ã«ã‚ˆã‚‹ã¨ ãœã‚“ã¶é«˜è§£åƒåº¦ã®ç”»åƒã«ã™ã‚‹ â†’ 3Gã§è¡¨ç¤ºãŒé‡ã„ã‹ã‚‚ ç”»åƒã‚’2ç¨®é¡žã¤ãã£ã¦åˆ‡ã‚Šæ›¿ãˆã‚‹ â†’ ç”»åƒã®æ•°ãŒå¤šã„ã¨ã²ã¨ã¤ã²ã¨ã¤CSSæŒ‡å®šã™ã‚‹ã®ãŒè¾›ã™ãŽã‚‹ ç”»åƒã¯ã‚¹ã‚±ãƒ¼ãƒ©ãƒ–ãƒ«ãªãƒ‡ãƒ¼ã‚¿å½¢å¼ã§ç”¨æ„ã™ã‚‹ â†’ æ¬¡ã«ä½œã‚‹ã¨ãã¯ãã†ã—ã‚ˆã†â€¦â€¦ ç”»åƒã¯ãã‚‚ãã‚‚ä½¿ã‚ãªã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹ â†’ æ¬¡ã«ä½œã‚‹ã¨ãã¯ãã†ã—ã‚ˆã†â€¦â€¦ ã¨ã„ã†ã“ã¨ã§æ±ºå®šæ‰“ã¯ãªã•ãã†ãªæ„Ÿã˜ã€‚ ã§ã‚‚ã€ç”»åƒã®åˆ‡ã‚Šæ›¿ãˆã£ã¦ USER_AGENT è¦‹ã¦ mod_rewrite ã§
paella 2010/11/16
window.devicePixelRatioã¨mod_rewriteã‚’ä½¿ã£ã¦ã€æ™®é€šã®ã‚¢ãƒ—ãƒªã®æ™‚ã®@2xãƒ©ã‚¤ã‚¯ãªç”»åƒé¸åˆ¥ã‚’è¡Œãˆã‚‹ã‚ˆã†ã«ã™ã‚‹æ–¹æ³•ã€‚ãµãƒ¼ã‚“ã€ãã†ã‚„ã‚‹ã®ã‹ã€‚

WebKit

iphone

javascript
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ä¸Šã§å‹•ã iPhone-style ãƒˆã‚°ãƒ«ã‚¹ã‚¤ãƒƒãƒ
ã“ã“ã®ã¨ã“ã‚ã€ŒiPhoneã‚¢ãƒ—ãƒªã®UIã®å¤§åŠï¼ˆã²ã‚‡ã£ã¨ã—ãŸã‚‰ã‚¢ãƒ—ãƒªã™ã¹ã¦ï¼‰ã‚’HTML+JavaScript+CSSã§ä½œã‚‹ã“ã¨ã¯ã§ããªã„ã‹ï¼Ÿã€ã«æŒ‘æˆ¦ã—ã¦ã„ã‚‹ç§ã€‚ ãã®ãŸã‚ã«ã¾ãšã¯éƒ¨å“ä½œã‚Šã‹ã‚‰ã¨ã‚Šã‹ã‹ã£ã¦ã„ã‚‹ã®ã ãŒã€æ˜¨æ—¥ã‹ã‚‰ä»Šæ—¥ã«ã‹ã‘ã¦ä½œã£ãŸã®ã¯ã€ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒ»ãƒãƒ¼ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ãƒˆã‚°ãƒ«ã‚¹ã‚¤ãƒƒãƒãªã©ã®ã€Œé€£ç¶šå€¤ãƒ»ä¸é€£ç¶šå€¤ã€ã‚’è¡¨ç¤ºãƒ»å…¥åŠ›ç”¨UIã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ä¸Šã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ è¦‹ãŸç›®ï¼ˆLook&Feelï¼‰ã¯CSSã‚’ä½¿ã£ã¦è‡ªç”±ã«æŒ‡å®šã§ãã‚‹ã‚ˆã†ã«ä½œã‚Šã¤ã¤ã€ã‚·ãƒ³ãƒ—ãƒ«ã§ã‚ã‚ŠãªãŒã‚‰ã„ã‚ã„ã‚ãªå ´é¢ã§ä½¿ã„å›žã—ãŒãããƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã‚ŠãŸã‹ã£ãŸã®ã§ã€ä½•åº¦ã‚‚ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã‚’ç¹°ã‚Šè¿”ã—ã¦ã—ã¾ã£ãŸãŒã€ãªã‚“ã¨ã‹å½¢ã«ãªã£ã¦ããŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€ãã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ˆjTouchControl version 0.10ï¼‰ã‚’ä½¿ã£ãŸiPhoneé¢¨ãƒˆã‚°ãƒ«ã‚¹ã‚¤ãƒƒãƒã‚’å…¬é–‹ã€‚ä¸€å¿œã€Safari (4.0),
paella 2009/10/29
ã‚ãƒ¬ã‚¤ãªã€ã¾ã•ã«ã‚³ãƒ¬ã¨ã„ã£ãŸå…·åˆã®UIã€‚ã™ã”ã„ãªã‚ã€‚

iPhone

WebKit

UI

javascript
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã«ãªã‚Šã¤ã¤ã‚ã‚‹Webkit
æœ€è¿‘ã€ãªãœã‹ã„ã‚ã„ã‚ãªã¨ã“ã‚ã§HTML5ã‚„ã‚‰ ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«å‘ã‘ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®è©±ã‚’ã™ã‚‹ã“ã¨ãŒå¤šã„ã®ã ãŒã€ä»Šå¹´ã«ãªã£ã¦ãƒˆãƒ¬ãƒ³ãƒ‰ã¨ã—ã¦ã¯ã£ãã‚Šã¨è¦‹ãˆã¦ããŸã®ã¯ã€WebKitãŒãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆãƒ»ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã«ãªã‚Šã¤ã¤ã‚ã‚‹ã¨ã„ã†ã“ã¨ã€‚ ç§è‡ªèº«ã€æœ€åˆã«AppleãŒãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‚’ä½œã‚‹ã¨èžã„ãŸæ™‚ã«ã¯ã€Œãªã‚“ã§ãã‚“ãªå¤§å¤‰ãªã“ã¨ã‚’ä»Šæ›´ï¼Ÿç‰‡æ‰‹é–“ã§ã§ãã‚‹ä»•äº‹ã˜ã‚ƒãªã„ãžã€ã¨æ€ã£ãŸã‚Šã—ãŸã‚ã‘ã ãŒã€ãã®äºˆæƒ³ã«åã—ã¦AppleãŒè¦‹ã›ãŸæœ¬æ°—åº¦ã¨ãƒªãƒ¼ãƒ€ãƒ¼ã‚·ãƒƒãƒ—ã«ã¯æœ¬å½“ã«é–¢å¿ƒã—ã¦ã—ã¾ã£ãŸã€‚ ä¸–ã®ä¸ã«ã™ã§ã«ä½•ç™¾ä¸‡ã¨ã‚ã‚‹ã‚µã‚¤ãƒˆã¨ã‚³ãƒ³ãƒ‘ãƒãƒ“ãƒªãƒ†ã‚£ã‚’ä¿ã¤ã¨ã„ã†ã ã‘ã§ã‚‚å¤§å¤‰ãªä½œæ¥ãªã®ã«ï¼ˆçµŒé¨“è€…èªžã‚‹ï¼‰ã€CANVASã‚„CSS Transf orm/Transitionãªã©ã®æ–°ã—ã„ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚’æ¬¡ã€…ã«å°Žå…¥ã—ã¦HTML5ã®æ¨™æº–åŒ–ã§ãƒªãƒ¼ãƒ€ãƒ¼ã‚·ãƒƒãƒ—ã‚’å–ã£ã¦ã„ã‚‹ç‚¹ã¯æ³¨ç›®ã«å€¤ã™ã‚‹ã€‚ ã€Œã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã‚’æ±ºã‚ã‚‹ã€ç«‹å ´ã«è‡ªåˆ†ã‚’ç½®ãäº‹ãŒã©ã®ãã‚‰ã„é‡è¦
paella 2009/09/18
ã€ŒAdobeãŒFlash9ã‚’iPhoneã«è¼‰ã›ã‚‰ã‚Œãªã„ã®ã¯ãã‚“ãªè¨è¨ˆã«ãªã£ã¦ã„ãªã„ã‹ã‚‰ã€ã¨ã„ã†ã¨ã“ã‚ã‚’èª¿ã¹ãŸã„ã€‚

html5

iPhone

WebKit

è³‡æ–™
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

WebKitã¨iphoneã«é–¢ã™ã‚‹paellaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

WebKitã¨iphoneã«é–¢ã™ã‚‹paellaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ã€Webã‚¢ãƒ—ãƒªã€‘iPhone4 ã§ç”»åƒã‚’ãã‚Œã„ã«è¡¨ç¤ºã™ã‚‹ã‚‚ã†ä¸€ã¤ã®æ–¹æ³•ã€mod_rewriteã€‘ - nazokingã®ãƒ–ãƒ­ã‚°

ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ä¸Šã§å‹•ã iPhone-style ãƒˆã‚°ãƒ«ã‚¹ã‚¤ãƒƒãƒ

ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã«ãªã‚Šã¤ã¤ã‚ã‚‹Webkit

ãŠçŸ¥ã‚‰ã›

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

WebKitã¨iphoneã«é–¢ã™ã‚‹paellaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ã€Webã‚¢ãƒ—ãƒªã€‘iPhone4 ã§ç”»åƒã‚’ãã‚Œã„ã«è¡¨ç¤ºã™ã‚‹ã‚‚ã†ä¸€ã¤ã®æ–¹æ³•ã€mod_rewriteã€‘ - nazokingã®ãƒ–ãƒã‚°

ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ä¸Šã§å‹•ã iPhone-style ãƒˆã‚°ãƒ«ã‚¹ã‚¤ãƒƒãƒ

ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã«ãªã‚Šã¤ã¤ã‚ã‚‹Webkit

ãŠçŸ¥ã‚‰ã›

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹