[B! Webåˆ¶ä½œ][iPhone] pmakinoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

pmakino id:pmakino

Webåˆ¶ä½œã¨iPhoneã«é–¢ã™ã‚‹pmakinoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (51)

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

iPhone X ã® Safari ã«ãŠã‘ã‚‹ Web ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¡¨ç¤º - ONO TAKEHIKO - Medium
iPhone X ãŒç™ºè¡¨ã•ã‚Œã¦é–“ã‚‚ãªãã€ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã€Œåˆ‡ã‚Šæ¬ ãã€ã«ã¤ã„ã¦ã¯è‡³ã‚‹ã¨ã“ã‚ã§ã¡ã‚‡ã£ã¨ã—ãŸã‚¤ã‚¸ãƒªåˆæˆ¦ãŒå§‹ã¾ã£ã¦ã„ã¾ã™ã€‚ä¸ã«ã¯å®Ÿéš›ã«ä¿¡ã˜ã¦ã—ã¾ã£ã¦ã„ã‚‹äººã‚‚ã„ã‚‹ã»ã©ç§€é€¸ãªã‚‚ã®ãŒã‚ã‚Šã¾ã—ã¦ã€ãã‚ŒãŒã“ã¡ã‚‰ã€‚ æ€ã‚ãšã‚¯ã‚¹ãƒƒã¨ãã¦ã—ã¾ã„ã¾ã™ãŒï¼ˆç¬‘ï¼‰ã€ã¾ã‚å½“ç„¶ã“ã‚“ãªã“ã¨ã«ã¯ãªã‚Šã¾ã›ã‚“ã€‚ iPhone X ã«ã¯ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ä¸Šä¸‹å·¦å³ã« iOS ã®å æœ‰é ˜åŸŸãŒå˜åœ¨ã—ã€ãã‚Œä»¥å¤–ï¼ˆã‚¢ãƒ—ãƒªã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’èªã‚ã‚‹é ˜åŸŸï¼‰ã‚’ Safe Area ã¨å‘¼ã¶ã‚ˆã†ã§ã™ã€‚Safe Area ã®å¤–ã«ã‚ã‚‹ä¸Šéƒ¨é ˜åŸŸã«ã¯ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼ã¨ã—ã¦æ™‚è¨ˆã‚„ã‚¢ãƒ³ãƒ†ãƒŠã®ã‚¤ãƒ³ã‚¸ã‚±ãƒ¼ã‚¿ãªã© iOS ã®ã‚·ã‚¹ãƒ†ãƒ ã‚¢ã‚¤ã‚³ãƒ³ç‰ãŒä¸¦ã³ã€ä¸‹éƒ¨ã®é ˜åŸŸã«ã¯ iPhone X ã§å°Žå…¥ã•ã‚ŒãŸã€Œãƒ›ãƒ¼ãƒ ãƒãƒ¼ã€ãŒå˜åœ¨ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ã§ã¯ iPhone X ã® Safari ã§ Web ã‚µã‚¤ãƒˆã‚’è¡¨ç¤ºã—ãŸå ´åˆã«ä¸€ä½“ã©ã®ã‚ˆã†ã«ãªã‚‹ã®ã‹ï¼Ÿãã‚Œã‚’ Web ä¸Šã®æƒ…å ±ã‚’å…ƒã«ã¾ã¨
pmakino 2017/09/22
ã“ã‚Šã‚ƒãªã‹ãªã‹é¢å€’ãã•ã„ã§ã™ã

Webåˆ¶ä½œ

iPhone

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
user-scalable=no ã‚ˆã•ã‚‰ã°
2016å¹´9æœˆ15æ—¥ è‘— ã„ã‚ã„ã‚è¦šãˆæ›¸ãã—ã¦ãŠããŸã„äº‹æŸ„ã¯æºœã¾ã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€æ¯åã®å¤ä¼‘ã¿ãŒçµ‚ã‚ã‚Šé€±ä¸‰æ—¥ã€å¹³æ—¥ã®æ™©ã«å¡¾ã¸è¿Žãˆã«è¡Œãç”Ÿæ´»ã«æˆ»ã£ã¦ã‹ã‚‰ã¨ã„ã†ã‚‚ã®ã€ãªã‹ãªã‹æ™‚é–“ã‚’ã†ã¾ãä½¿ãˆãšå››è‹¦å…«è‹¦ã€‚ãã‚Œã§ã‚‚ã€ã“ã‚Œã ã‘ã¯æ›¸ã„ã¦ãŠã‹ãã°......ã¨æ€ã£ã¦æ›¸ãã®ãŒã€iOS 10ã®ãƒªãƒªãƒ¼ã‚¹ã«ä¼´ã†Safariã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã€‚ æ—¢ã«ãƒ™ãƒ¼ã‚¿ç‰ˆãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸæ™‚ç‚¹ã§css - disable viewport zooming iOS 10 safari? - Stack Overflowã‚ãŸã‚Šã§å–ã‚Šæ²™æ±°ã•ã‚Œã¦ã„ãŸã“ã¨ã§ã™ãŒã€user-scala ble=no ã¨ã„ã†ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚ˆã‚‹ç”»é¢æ‹¡å¤§ã‚’å¦¨ã’ã‚‹æŒ‡å®šãŒç„¡åŠ¹åŒ–ã•ã‚Œã¾ã—ãŸï¼ˆãƒ™ãƒ¼ã‚¿ç‰ˆã®ãƒªãƒªãƒ¼ã‚¹ãƒŽãƒ¼ãƒˆã«ã¯ã€ç†ç”±ã¨ã—ã¦To improve accessibility on websites in Safari, users can now pinch-to-zoo
pmakino 2016/10/11
ã“ã‚Œã¾ã§ç„¡é—‡ã«user-scalable=noã‚’æŒ‡å®šã™ã‚‹ã‚¹ãƒžãƒ›å‘ã‘ã‚µã‚¤ãƒˆã«è¾Ÿæ˜“ã—ã¦ããŸã®ã§å¤§å¤‰ç´ æ™´ã‚‰ã—ã„

Webåˆ¶ä½œ

Safari

iPhone

ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨ï¼šjQueryÃ—HTML5Ã—CSS3ã‚’çœŸé¢ç›®ã«å‹‰å¼·ï¼ˆ4ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ iPhoneã®Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯ã€Webãƒšãƒ¼ã‚¸ã®åˆ¶ä½œãƒ•ãƒãƒ¼ã«ã‚‚å¤§ããªå¤‰åŒ–ã‚’ã‚‚ãŸã‚‰ã—ãŸã€‚Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã„ã„ã®ã ã‚ã†ã‹ã€‚ ã¯ã˜ã‚ã« 2010å¹´6æœˆã«ç™»å ´ã—ãŸã‚¢ãƒƒãƒ—ãƒ«ã®iPhone 4ã«ã¯ã€ŒRetinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã€ã¨å‘¼ã°ã‚Œã‚‹ã€ãã‚Œã¾ã§ã®å¸¸è˜ã‚’è¦†ã—ãŸé«˜ç²¾ç´°ãªãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãŒæè¼‰ã•ã‚Œã¾ã—ãŸã€‚ãã‚Œä»¥é™ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã¨ã„ã£ãŸãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯ã‚ˆã‚Šè§£åƒåº¦ã®é«˜ã„ã‚‚ã®ã¸ã¨é€²åŒ–ã—ã¦ã„ãã€2013å¹´ã®åˆã‚ã«ã¯ã‚µãƒ ã‚¹ãƒ³é›»åã®GALAXY S4ã‚„ã‚½ãƒ‹ãƒ¼ãƒ¢ãƒã‚¤ãƒ«ã®Xperia Zãªã©ã€ãƒ•ãƒ«HDç”»è³ªå¯¾å¿œï¼ˆ1920Ã—1080ãƒ”ã‚¯ã‚»ãƒ«ï¼‰ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’æè¼‰ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒç™»å ´ã™ã‚‹ã¾ã§ã«ãªã‚Šã¾ã—ãŸã€‚ é«˜ç²¾ç´°ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ç™»å ´
pmakino 2013/09/23
Webåˆ¶ä½œ

CSS

iPhone
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã§ã‚ˆãä½¿ã†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
pmakino 2013/03/03
Webåˆ¶ä½œ

CSS

æºå¸¯

iPhone
ãƒªãƒ³ã‚¯
ã€ã‚¹ãƒžãƒ›ç”¨ãƒšãƒ¼ã‚¸ã€‘ä½Žè§£åƒåº¦ã€é«˜è§£åƒåº¦ç«¯æœ«ã®ã©ã¡ã‚‰ã§ã‚‚ãã£ãã‚Šç¶ºéº—ã«è¡¨ç¤ºã—ã¤ã¤ã€å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚
ã“ã‚“ã«ã¡ã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã®æž—ã§ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹éš›ã€æ¨ªå¹…ã´ã£ãŸã‚Šã«ã—ãŸã„ã¨æ€ã„ã¾ã›ã‚“ã‹ã€‚ meta viewport ã¨ã„ã†ã‚¿ã‚°ã‚’ä½¿ãˆã°è¡¨ç¤ºã‚µã‚¤ã‚ºã‚’èª¿æ•´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ãã‚Œã‚’ä½¿ã£ãŸã¨ã—ã¦ã‚‚ã€Android / iPhone ã¯ç«¯æœ«ã«ã‚ˆã‚Šæ¨ªå¹…ãŒé•ã†ãŸã‚å€‹åˆ¥ã«æœ€é©åŒ–ã™ã‚‹ã®ã¯é¢å€’ã§ã™ã€‚ ã‚¹ãƒžãƒ›ç«¯æœ«ã”ã¨ã«ã‚³ãƒ¼ãƒ‰ã‚’åˆ†ã‘ã‚‹ã“ã¨ãªãå¸¸ã«å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã‚’å‚è€ƒã«çµ„ã‚“ã§ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ï¼ˆãƒ’ãƒ³ãƒˆä»˜ãï¼‰ ã“ã¡ã‚‰ã® HTML ã‚³ãƒ¼ãƒ‰ã‚’ä¸¸ã£ã¨ã‚³ãƒ”ãƒšã—ã¦ä¿®æ£ã—ã¦ã„ãã¨æ¥½ã ã¨æ€ã„ã¾ã™ã€‚ è¿½è¨˜ï¼š ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒ•ãƒªãƒ¼ã§ã™ã€‚è‡ªç”±ã«ä½¿ã£ã¦ãã ã•ã„ã€‚ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
pmakino 2012/03/11
Webåˆ¶ä½œ

CSS

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

iPhone

Tips

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›å¯¾å¿œã®å‚è€ƒã«ã€‚JavaScriptã§ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ãŒã©ã®ãã‚‰ã„æ‹¡å¤§ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã€‚
ã“ã‚“ã«ã¡ã¯ã€‚é–‹ç™ºæ‹…å½“ã®æž—ã§ã™ã€‚ iPhone / iPad ã®ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¦ã„ã‚‹ã¨ãã€ã‘ã£ã“ã†ãªå‰²åˆã§ãƒ”ãƒ³ãƒã‚¤ãƒ³ãƒ»ãƒ”ãƒ³ãƒã‚¢ã‚¦ãƒˆã™ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ãã‚ŒãŒã©ã®ãã‚‰ã„æ‹¡å¤§ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’æ›¸ãã¾ã™ã€‚ ã¾ãŸã€å¿œç”¨ã§ãƒ”ãƒ³ãƒã‚¤ãƒ³ãƒ»ãƒ”ãƒ³ãƒã‚¢ã‚¦ãƒˆã•ã‚Œã¦ã‚‚ã€è¦‹ãŸç›®ã®ã‚µã‚¤ã‚ºã‚’ç¶æŒã™ã‚‹ã«ã¯ã©ã®ãã‚‰ã„æ‹¡å¤§ã™ã‚Œã°è‰¯ã„ã‹ã¨ã„ã†ã“ã¨ã«ã‚‚è§¦ã‚ŒãŸã„ã¨æ€ã„ã¾ã™ã€‚ åºƒå‘ŠãƒãƒŠãƒ¼ãªã‚“ã‹ã§ã‚ˆãä½¿ã‚ã‚Œã¦ã‚‹ã‚¢ãƒ¬ã®ä»•çµ„ã¿ã§ã™ã€‚ä½•ã‹ã®ãŠå½¹ã«ç«‹ã¦ã‚Œã°å¹¸ã„ã§ã™ã€‚ ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ãŒã©ã®ãã‚‰ã„æ‹¡å¤§ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’å–å¾—ã™ã‚‹ // ãƒšãƒ¼ã‚¸ã®å¹… Ã· è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹å¹…ï¼ˆã“ã®è¡Œã ã‘ã§ã„ã„ã‹ãªï¼‰ var zoomer = document.body.clientWidth / window.innerWidth; // ä»¥ä¸‹ã§æ‹¡å¤§çŽ‡ã‚’ç›®è¦–ã§ãã‚‹ã§ã—ã‚‡ã† alert( zoomer ); // å°æ•°ç‚¹ãŒãŸãã•ã‚“ã¤ãã®ã§ã€ç¬¬äºŒä½ã¾ã§ã«ä¸¸ã‚è¾¼
pmakino 2011/12/18
iPhone

Webåˆ¶ä½œ

ã‚¢ã‚¯ã‚»ã‚¹è§£æž

JavaScript

UI
ãƒªãƒ³ã‚¯
iPhoneã‚¢ãƒ—ãƒªã®ã‚ˆã†ãªãƒªãƒƒãƒãªUIã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã§å®Ÿç¾ï¼Web 2.0 TouchãŒå‡„ã™ãŽã‚‹ï¼ Â» SHINGOLOG
iPhoneã‚¢ãƒ—ãƒªã®ã‚ˆã†ãªãƒªãƒƒãƒãªUIã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã§å®Ÿç¾ï¼Web 2.0 TouchãŒå‡„ã™ãŽã‚‹ï¼ 2011å¹´8æœˆ25æ—¥ in iPhone, Web Web 2.0 Touchã¯ã€WebKitã‚¨ãƒ³ã‚¸ãƒ³ä¸Šã§å‹•ä½œã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ 2011/8/22ã«å…¬é–‹ã•ã‚ŒãŸã°ã‹ã‚Šã®æ¨¡æ§˜ã€‚ iPhoneã‚¢ãƒ—ãƒªã®ã‚ˆã†ãªãƒªãƒƒãƒãªUIã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ iPhoneãƒ»iPadãƒ»Androidã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã©ã‚“ãªå‹•ããŒå‡ºæ¥ã‚‹ã®ã‹ã€ã“ã‚Œã‚’è¦‹ã‚‹ã¨ä¸€ç›®çžç„¶ã§ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ä¸Šä¸‹å·¦å³ã®ãƒ•ãƒªãƒƒãƒ—(ç”»é¢ãŒåè»¢ã™ã‚‹å‹•ã)ã€ãƒãƒƒãƒ—ã‚¤ãƒ³ã€ãƒãƒƒãƒ—ã‚¢ã‚¦ãƒˆã€ä¸Šä¸‹å·¦å³ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŒå‡ºæ¥ã¾ã™ã€‚ ãƒ†ãƒ¼ãƒ–ãƒ«è¡¨ç¤º ãŠé¦´æŸ“ã¿ã®ãƒ†ãƒ¼ãƒ–ãƒ«è¡¨ç¤ºã‚‚ã“ã®é€šã‚Šã€‚è§’ä¸¸ã‚¿ã‚¤ãƒ—ã®ãƒ†ãƒ¼ãƒ–ãƒ«ã‚‚ä½œã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ ãƒœã‚¿ãƒ³ã‚„ã‚¿ãƒ–è¡¨ç¤ºã€å¹ãå‡ºã— ã‚¿ãƒ–è¡¨ç¤ºã¯ä¾¿åˆ©ãªæ©Ÿèƒ½ã§ã™ãŒã€è‡ªåˆ†ã§ã¯ã¨ã¦ã‚‚ä½œã‚Œãªã„ã¨ã“ã‚ãªã®ã§ã€éœ€è¦ã‚ã‚Šãã†
pmakino 2011/08/29
Webåˆ¶ä½œ

iPhone

UI

JavaScript
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆã§ã‚ˆãè¦‹ã‚‹ãƒ‘ãƒ¼ãƒ„ã®ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ«é›† | 07design.blog
æœ€è¿‘ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ãã“ã§ã€å€‹äººçš„ã«ã‚ˆãä½¿ã„ãã†ãªã‚³ãƒ¼ãƒ‰ã‚’Evernoteã«ã¾ã¨ã‚ãŸã‚Šã—ã¦ã„ãŸã®ã§ã™ãŒã€ ã¾ã ã¾ã ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒŽã‚¦ãƒã‚¦è¨˜äº‹ã‚‚å°‘ãªã„ã§ã™ã—ã€å…±æœ‰ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚â€¦æœ€è¿‘ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãã“ã§ã€å€‹äººçš„ã«ã‚ˆãä½¿ã„ãã†ãªã‚³ãƒ¼ãƒ‰ã‚’Evernoteã«ã¾ã¨ã‚ãŸã‚Šã—ã¦ã„ãŸã®ã§ã™ãŒã€ ã¾ã ã¾ã ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒŽã‚¦ãƒã‚¦è¨˜äº‹ã‚‚å°‘ãªã„ã§ã™ã—ã€å…±æœ‰ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã™ã¹ã¦ã®ãƒ‡ãƒ¢ï¼ˆchromeãªã©ã®webkitç³»ãƒ–ãƒ©ã‚¦ã‚¶ã¾ãŸã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å®Ÿæ©Ÿã§ã”è¦§ãã ã•ã„ï¼‰ download ãƒ˜ãƒƒãƒ€ãƒ¼ã®å³ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ <h3>ãƒ˜ãƒƒãƒ€ãƒ¼ã®å³ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼</h3>  <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
pmakino 2011/08/20
iPhone

Webåˆ¶ä½œ

CSS

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãŠã™ã™ã‚ã®iPhoneã‚¢ãƒ—ãƒª21
2014å¹´8æœˆ22æ—¥ ä¾¿åˆ©ãƒ„ãƒ¼ãƒ« Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã‚„Webé–¢é€£ã®ãŠä»•äº‹ã‚’ã—ã¦ã„ã‚‹æ–¹ã«ãŠã™ã™ã‚ã®iPhoneã‚¢ãƒ—ãƒªã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ï¼ä½¿ç”¨ã—ã¦ã„ã‚‹Webé–¢é€£ä»¥å¤–ã®ã‚¢ãƒ—ãƒªã¯ã€ä»¥å‰æ›¸ã„ãŸã€Œä½¿ç”¨ä¸ã®ç„¡æ–™iPhoneã‚¢ãƒ—ãƒª31ã€ã‚’ã”è¦§ãã ã•ã„ï¼ã€€â€»ç´¹ä»‹ã—ã¦ã„ã‚‹iPhoneã‚¢ãƒ—ãƒªã®å€¤æ®µã¯åŸ·ç†æ™‚ã®ã‚‚ã®ã§ã™ã€‚è³¼å…¥æ™‚ã¯ã”ç¢ºèªãã ã•ã„ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãŠã™ã™ã‚ã®iPhoneã‚¢ãƒ—ãƒª ç›®æ¬¡ Webåˆ¶ä½œé–¢é€£ é…è‰²é–¢é€£ ç”»åƒåŠ å·¥é–¢é€£ ãŠä»•äº‹åŠ¹çŽ‡åŒ– Webåˆ¶ä½œé–¢é€£ 1. FTP On The Go FTP On The Go PROã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ï¼ˆ850å††ï¼‰ ã©ã“ã«ã„ã¦ã‚‚FTPã‚µãƒ¼ãƒãƒ¼ã«æŽ¥ç¶šã§ãã¦ã€ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ»ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãƒ»ç·¨é›†ãŒã§ãã¡ã‚ƒã†å„ªã‚Œã‚‚ã®ã‚¢ãƒ—ãƒªã€‚FTPã®URLãƒ»IDãƒ»ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’å…¥åŠ›ã™ã‚‹ã ã‘ã§æŽ¥ç¶šå®Œäº†ã§ã™ã€‚æ–°è¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚„ãƒ•ã‚©ãƒ«ãƒ€ã®ä½œæˆã€ãƒ‘ãƒ¼ãƒŸãƒƒã‚·
pmakino 2011/07/28
Webåˆ¶ä½œ

iPhone

ã‚½ãƒ•ãƒˆ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
iPhoneç‰ã§ã®è¡¨ç¤ºã‚’PCã§ç¢ºèªå‡ºæ¥ã‚‹Airè£½ã®ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ãƒ»MobilizerãŒãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã«ã‚‚å¯¾å¿œå‡ºæ¥ã‚‹ã—ã€å‰²ã¨è‰¯ã‹ã£ãŸ
iPhoneã‚„ã€BlackBerryãªã©ã§ã®Webã‚µã‚¤ãƒˆã®è¡¨ç¤ºã‚’PCã§ç¢ºèªå‡ºæ¥ã‚‹ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ã§ã™ã€‚Airè£½ã§ç„¡æ–™ã§ä½¿ãˆã¾ã™ã€‚ã¾ã ä½¿ã„å§‹ã‚ãŸã°ã‹ã‚Šãªã‚“ã§ã™ãŒèµ·å‹•ã‚‚è»½ãã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚‚ãã®ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã«è¨å®šã—ã¦ãã‚Œã¦ã‚‹ã¿ãŸã„ã§ã™ã€‚ ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ï¼ˆã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ï¼Ÿã‚ˆãã‚ã‹ã‚‰ï½Žï¼‰ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€é¸æŠžè‚¢ã®ä¸€ã¤ã¨ã—ã¦ã€‚Winã§ã‚‚Macã§ã‚‚OKã§ã™ã€‚å®Œç’§ã§ã¯ãªã„ã§ã™ã‘ã©ã€ä»Šã¾ã§ã§ä¸€ç•ªè‰¯ã‹ã£ãŸæ°—ãŒã—ã¾ã—ãŸã€‚ã‚‚ã¨ã‚‚ã¨å„ªã‚ŒãŸã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ã¯ã¾ã ç„¡ã„æ°—ãŒã—ã¾ã™ã—ããƒ»ãƒ»ãƒ»ã‚ã‚‹ã®ã‹ãªï¼Ÿï½— å‹•ç”»ã‚ã£ãŸã®ã§è²¼ã£ã¦ãŠãã¾ã—ãŸã€‚iPhone4ã¯å‹¿è«–ã€Plam Preã‚„BlackBerryã€HTCãªã©4ç¨®ã®ãƒ‡ãƒã‚¤ã‚¹ã‚’åŒæ™‚ã«ç¢ºèªå‡ºæ¥ã¾ã™ã€‚ãƒãƒ¼ã‚«ãƒ«ä¸Šã®HTMLã‚‚å‹•ä½œç¢ºèªå‡ºæ¥ã¾ã™ã‚ˆã€‚Airã‚¢ãƒ—ãƒªãªã®ã§å‹•ä½œã«ã¯AdobeAirãŒå¿…è¦ã§ã™ã€‚ 4ã¤åŒæ™‚ã«èµ·å‹•å¯èƒ½ æ—¥æœ¬ãªã‚‰ã€åŸºæœ¬çš„ã«iPhoneã¨Androidã ã‘ã‚ã‚Œã°
pmakino 2011/07/24
iPhone

Webåˆ¶ä½œ

ã‚½ãƒ•ãƒˆ
ãƒªãƒ³ã‚¯
Yahoo!Japanã‚’ä½œã‚‹ [iPhoneã®ã‚ã‚‹ç”Ÿæ´»]
ã“ã“ã§ã¯ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã§ã‚ã‚‹ã€ŒiPhoneç”¨Yahoo!Japanã€ã‚’å–ã‚Šä¸Šã’ã¾ã™ã€‚ ä»Šå›žå–ã‚Šä¸Šã’ã‚‹iPhoneç”¨Yahoo!Japanã®ç‰¹å¾´ å®Ÿéš›ã®iPhoneç”¨Yahoo!Japanã¯ã€Javascriptã«ã‚ˆã‚‹ãƒ‹ãƒ¥ãƒ¼ã‚¹ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„ã€CSSã§ã®ç”»åƒã®ãƒ¬ã‚¤ãƒ¤ãƒ¼æ§‹ç¯‰ãªã©è¤‡é›‘ãªå‡¦ç†ãŒã‚ã‚Šã¾ã™ãŒã€ ä»Šå›žã¯ã“ã®ã†ã¡ã®ä¸€éƒ¨ã¨ã—ã¦ä»¥ä¸‹ã‚’å–ã‚Šä¸Šã’ã¾ã™ã€‚ iPhoneã‚’å›žè»¢ã•ã›ã¦ã‚‚æ‹¡å¤§ãƒ»ç¸®å°ã—ãªã„ iPhoneç”¨Safariã§æ–‡å—ã‚’æ‹¡å¤§ã•ã›ãªã„ iPhoneå›žè»¢ã”ã¨ã«å‡¦ç†ã‚’è¡Œã† iPhoneç¸¦æŒã¡ãƒ»æ¨ªæŒã¡ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä½¿ã„åˆ†ã‘ã‚‹ çµæžœã¨ã‚½ãƒ¼ã‚¹ ä¸Šè¨˜ã®ã‚ˆã†ã«ã»ã¼å†ç¾ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã—ãŸã€‚ï¼ˆå®Ÿéš›ã®ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ï¼‰ã‚½ãƒ¼ã‚¹ã¯ä»¥ä¸‹ã§ã™ã€‚ ã‚¹ã‚±ãƒ¼ãƒ«ã§ç¸›ã‚Šã‚’è¨ã‘ã€å›žè»¢æ™‚ã«æ‹¡å¤§ï½¥ç¸®å°ã‚’é˜²ã å›žè»¢æ™‚ã«å‡¦ç†ã‚’è¡Œã† å›žè»¢æ™‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®š è¦ç‚¹ ãƒã‚¤ãƒ³ãƒˆã¯ä»¥ä¸‹ã§ã™ã€‚ initial-scale=1, minim
pmakino 2011/06/19
iPhone

Webåˆ¶ä½œ

CSS

Yahoo!
ãƒªãƒ³ã‚¯
iPhoneã‚„iPadã§ã‚‚ç¶ºéº—ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§è¡¨ç¤ºã•ã‚Œã‚‹Webã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹ç‚ºã®ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ãƒƒãƒˆãƒ»Skeleton - ã‹ã¡ã³ã¨.net
ãªã‹ãªã‹ã‚·ãƒ³ãƒ—ãƒ«ã§è‰¯ã‹ã£ãŸã®ã§ ã”ç´¹ä»‹ã€‚äººæ°—ã®ãƒ‡ãƒã‚¤ã‚¹ã€iPhone ã‚„iPadã§é–²è¦§ã—ã¦ã‚‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç¶ºéº— ã«ä¿ã¦ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚ŒãŸWebã‚µã‚¤ãƒˆ ã®ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ãƒƒãƒˆã€‚å†…å®¹ç‰©ã¯HTMLã€ CSSã€JavaScriptã§ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹æˆã§ã™ãŒã€æ¬²ã—ã„éƒ¨åˆ†ã¯ç”¨æ„ã—ã¦ãã‚Œã¦ã„ã‚‹ã€ã¨è¨€ã£ãŸæ„Ÿã˜ã®ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ãƒƒãƒˆã€‚ãªã‹ãªã‹æ°—ã«å…¥ã£ãŸã®ã§ãƒ‡ãƒ¢ã‚’ä½œã‚Šã¾ã—ãŸã€‚ HTML+CSSã®ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½¿ã£ãŸç¾Žã—ã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã€Media Queryã«ã‚ˆã‚‹iPhone / iPadã§ã®ã‚¢ã‚¯ã‚»ã‚¹æ™‚ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚æœ€é©åŒ–ã•ã‚Œã¦ãŠã‚Šã€jQueryã§ä½œã‚‹ã‚¿ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚‚ã‚ã‚Šã¾ã™ã€‚ ãƒ‡ãƒ¢ä½œã£ãŸã®ã§ã€å®œã—ã‘ã‚Œã°ãŠå¥½ããªãƒ‡ãƒã‚¤ã‚¹ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦è¦‹ã¦ãã ã•ã„ã€‚ Sampleã‚µã‚¤ãƒˆâ€»åˆ¥çª“ iPhoneã§ã‚¢ã‚¯ã‚»ã‚¹ iPhoneã§ã‚¢ã‚¯ã‚»ã‚¹ã€‚ ãƒ©ãƒ³ãƒ‰ã‚¹ã‚±ãƒ¼ãƒ— iPadã§ã‚¢ã‚¯ã‚»ã‚¹ iPad
pmakino 2011/05/22
Webåˆ¶ä½œ

iPhone

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

ç´ æ
ãƒªãƒ³ã‚¯
ã€ŒjQuery Mobileã€ã®ç™»å ´ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã¯å¤§ããå¤‰ã‚ã‚‹ ï¼ Publickey
ã“ã®ã¨ã“ã‚HTML5é–¢é€£ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«ã¤ã„ã¦èª¿ã¹ã¦ã„ã¦ã€å…ˆé€±ã®æ°´æ›œæ—¥ã«ã¯SwapSkillsä¸»å‚¬ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒjQueryãƒ¢ãƒã‚¤ãƒ«ã§ç°¡å˜ï¼ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆä½œæˆã€ã«å‚åŠ ã—ã¦jQuery Mobileã«ã¤ã„ã¦å‹‰å¼·ã—ã¦ãã¾ã—ãŸã€‚ jQuery Mobileã¨ã¯ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ç”¨ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãã—ã¦ãã®é©šç•°çš„ãªã¾ã§ã®ç°¡å˜ã•ã¯ã€ã“ã‚Œã‹ã‚‰æ¥å‹™ç”¨ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹ã‚’ä¸€å¤‰ã•ã›ã¦ã—ã¾ã†å¯èƒ½æ€§ã‚’æ„Ÿã˜ã•ã›ã¾ã™ã€‚ jQuery Mobileã®å¤§ããªç‰¹å¾´ã¯æ¬¡ã®3ã¤ã§ã™ã€‚ 1ï¼‰HTMLã‚’æ›¸ãã ã‘ã§ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒã§ãã¦ã—ã¾ã† 2ï¼‰ãƒ¢ãƒã‚¤ãƒ«ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹å¯¾å¿œã®éƒ¨å“ãŒå¤šãæƒã£ã¦ã„ã‚‹ 3ï¼‰iOSã€Androidã€WebOSã€Windows Moblieã€Symbianãªã©ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ å¯¾å¿œã§ã‚ã‚‹ å…·ä½“çš„ãª
pmakino 2011/02/27
Webåˆ¶ä½œ

JavaScript

jQuery

iPhone
ãƒªãƒ³ã‚¯
ã€ŽWebã®ã‚¹ã‚ãƒ«ã§iPad/iPhoneã‚¢ãƒ—ãƒªé¢¨ã®Webã‚¢ãƒ—ãƒªä½œæˆã®ã¾ã¨ã‚ã€
æœ¬ã‚’è²·ã‚ãšã«è§£æ±ºã™ã‚‹Webåˆ¶ä½œã®å°æŠ€ ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆã§ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã‚’å‚è€ƒæ›¸ã‚’è²·ã‚ãšã«è§£æ±ºã™ã‚‹æ–¹æ³•ã‚’PHP CSS Webãƒ‡ã‚¶ã‚¤ãƒ³ jQuery Flashã‚’ä¸å¿ƒã«ä¾¿åˆ©ãªæŠ€ã‚’ã¾ã¨ã‚ã¦ã„ãã¾ã™ï¼ç¾åœ¨ã€é•·é‡ŽçœŒé•·é‡Žå¸‚ã®åˆ¶ä½œä¼šç¤¾ã§Webä½œæˆä¸ï¼ iPhoneã‚„iPadã®ã‚¢ãƒ—ãƒªã‚’ä½œã‚ŠãŸã„ã‘ã©ã€iPhoneã‚¢ãƒ—ãƒªåˆå¿ƒè€…ãªã®ã§ ä½œã‚‹ã«ã¯Objective-Cã‚’è¦šãˆãŸã‚Šç™»éŒ²ã—ãŸã‚ŠãŠé‡‘ã‹ã‹ã£ãŸã‚Šã¨ã‹ iPhoneã‚¢ãƒ—ãƒªã®ä½œæˆã«ã¯ãƒãƒ¼ãƒ‰ãƒ«ãŒã¡ã‚‡ã£ã¨é«˜ã„ã€‚ ãã“ã§ã€ä»Šã¾ã§ã®Webã®çŸ¥è˜ã‚’æ´»ã‹ã—ã¦ã€Webã‚¢ãƒ—ãƒªã«ã—ã‚ˆã†ã¨ æ€ã£ã¦è©¦ã—ã¦ã¿ãŸã€‚ åŸºæœ¬çš„ãªçŸ¥è˜ã‚’ç†è§£ã—ãªã‘ã‚Œã°ã„ã‘ãªã„ã®ã§ã€è¶…ç°¡å˜ãªWebã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ã¦ã¿ãŸã€‚ ã ãŸã€å†™çœŸã‚’100æžšè¡¨ç¤ºã™ã‚‹ã ã‘ã€‚ Webã‚¢ãƒ—ãƒªã¨å‘¼ã¹ã‚‹ã®ã ã‚ã†ã‹ï¼Ÿ ä»Šå›žã¯ã€åŸºæœ¬çš„ãªçŸ¥è˜ã‚’çŸ¥ã‚ŠãŸã‹ã£ãŸã®ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã®ã§ Webã‚¢ãƒ—ãƒªã¨å‘¼ã¶ã“ã¨ã«ã—ã¾ã™ã€‚ å®Œæˆã—ãŸã‚‚ã®ã¯ã“ã¡ã‚‰ï¼iPhon
pmakino 2011/01/30
iPhone

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

iPhone

HTML
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã—ã¦ã¨è¨€ã‚ã‚ŒãŸæ™‚ã«è¦‹ã¦ãŠããŸã„ã‚µã‚¤ãƒˆã¾ã¨ã‚ï½œcaraldo.net | Webã¨iPhoneã¨ãƒãƒ¼ãƒ‰ãƒã‚¤ã‚¯ãŒå¤§å¥½ãï¼
pmakino 2011/01/13
iPhone

Webåˆ¶ä½œ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³æœ€é©åŒ–ã‚µã‚¤ãƒˆã®æœ¬å‘½ã‹Â·jQuery Mobile MOONGIFT
jQuery Mobileã¯jQueryå…¬å¼ãŒé–‹ç™ºã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆé–‹ç™ºç”¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ MOONGIFTã¯ã“ã†è¦‹ã‚‹ jQuery Mobileã¯æ•°ãƒ¶æœˆå‰ã«é–‹ç™ºãŒç™ºè¡¨ã•ã‚Œã€ã¤ã„ã«1.0Î±ç‰ˆãŒç™»å ´ã—ãŸå¾…ã¡ã«å¾…ãŸã‚ŒãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚æ—¢ã«å¹¾ã¤ã‹ã“ã®æ‰‹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã‚ã‚‹ãŒã€æœ¬å®¶ãŒæ‰“ã¡å‡ºã—ã¦ãã‚‹ä»¥ä¸Šã€äººæ°—ã¯é›†ã¾ã‚‹ã ã‚ã†ã€‚æ—¢ã«æ©Ÿèƒ½ã‚‚å¤šã„ã®ã§ã€å¤§æŠµã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆãªã‚‰ã“ãªã›ãã†ã ã€‚ jQTouchã¯ä¸å…·åˆã¨ã¯è¨€ã‚ãªã„ã¾ã§ã‚‚ã€åˆ©ç”¨ã«éš›ã—ã¦ã¯ã‚³ãƒ„ã‚’æŽ´ã‚€å¿…è¦ãŒã‚ã£ãŸã€‚jQuery Mobileã¯ãœã²ãã®ãƒ†ãƒ„ã¯è¸ã¾ãšã€PCå‘ã‘ãƒ©ã‚¤ãƒ–ãƒ©ãƒªåŒæ§˜ã®ä½¿ã„å‹æ‰‹ã‚’ç¶æŒã—ã¦ã»ã—ã„ã¨é¡˜ã£ã¦ã—ã¾ã†ã€‚ jQuery Mobileã¯JavaScript/jQueryè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚iOSã€ç‰¹ã«iPhone/iPadç”¨ã®Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãŸã‚ã®å°‚ç”¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯æ•°å¤šã„ã€‚æœ€é©åŒ–ã•ã‚Œã€iPhoneãªã©ã§è¦‹ã‚„ã™ã„ç”»
pmakino 2010/10/28
iPhone

jQuery

JavaScript

Library

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€‘ å›³è§£ï¼ä»Šã™ãç›´ã›ã‚‹ã€WEBãƒ•ã‚©ãƒ¼ãƒ 6ã¤ã®èª²é¡Œ (ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å®Ÿè·µãƒ¡ãƒ¢)
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç«¯æœ«ã®æ™®åŠã§ã€å•ã„åˆã‚ã›ãƒ»ç”³è¾¼ã¿ãªã©ã®WEBãƒ•ã‚©ãƒ¼ãƒ ãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ä½¿ã‚ã‚Œã‚‹æ©Ÿä¼šã¯ä»Šå¾Œã‚‚å¢—ãˆã¦ã„ãã§ã—ã‚‡ã†ã€‚ãã®éš›ã€PCå‘ã‘ã«ç”¨æ„ã—ã¦ã„ãŸæ—¢å˜ã®WEBãƒ•ã‚©ãƒ¼ãƒ ã‚’ãã®ã¾ã¾ã«ã™ã‚‹ã¨ã€ã©ã‚“ãªå•é¡ŒãŒç™ºç”Ÿã™ã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿ ä»Šå›žã¯ã€å¼Šç¤¾ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆã®è‡ªä¸»èª¿æŸ»ã‹ã‚‰ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç«¯æœ«ï¼ˆç‰¹ã«iPhoneï¼‰ã§ã®WEBãƒ•ã‚©ãƒ¼ãƒ åˆ©ç”¨æ™‚ã®6ã¤ã®é »å‡ºèª²é¡Œã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ å¤šãã®WEBãƒ•ã‚©ãƒ¼ãƒ ã§ã¯ã€é …ç›®åãŒå…¥åŠ›ãƒœãƒƒã‚¯ã‚¹ã®æ¨ªã«é…ç½®ã—ã¦ã‚ã‚Šã¾ã™ã€‚ PCã§ã¯å…¨ãå•é¡Œã®ãªã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã™ãŒã€iPhoneç«¯æœ«ã§ã¯å…¥åŠ›ãƒœãƒƒã‚¯ã‚¹ã‚’ã‚¿ãƒƒãƒ—ã—ã¦ã‚ºãƒ¼ãƒ ã‚¤ãƒ³ã™ã‚‹ã¨ãƒ©ãƒ™ãƒ«ãŒè¦‹ãˆãªããªã‚Šã€éžå¸¸ã«å…¥åŠ›ã—ã«ãã„ã‚‚ã®ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ã€æ”¹å–„æ¡ˆã€‘ï¼œæŽ¨å¥¨ï¼žå…¥åŠ›ä¾‹ã‚’å…¥åŠ›ãƒœãƒƒã‚¯ã‚¹ã®ä¸Šã¾ãŸã¯ä¸‹ã«é…ç½®ã™ã‚‹é …ç›®åï¼ˆãƒ©ãƒ™ãƒ«ï¼‰ã‚’å…¥åŠ›ãƒœãƒƒã‚¯ã‚¹ã®ä¸Šéƒ¨ã«é…ç½®ã™ã‚‹ â€»é …ç›®åã®ä½ç½®ãŒå¤‰ã‚ã‚‹ã¨PCã§è¦‹ã«ãããªã‚‹ã‚±ãƒ¼ã‚¹ã‚‚æƒ³å®šã•ã‚Œã‚‹ãŸã‚ã€ã”æ³¨æ„ãã ã•ã„ èª²é¡Œ2
pmakino 2010/09/15
Webåˆ¶ä½œ

iPhone

Usability
ãƒªãƒ³ã‚¯
iPhoneã‚µã‚¤ãƒˆã§å¥½ã¾ã‚Œã‚‹ãƒ†ã‚ã‚¹ãƒˆã‚µã‚¤ã‚ºã¯ï¼Ÿã€€iPhoneã‚µã‚¤ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£èª¿æŸ»ã€ãƒªã‚µãƒ¼ãƒã€‘
ã€ŽMarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã€ŽMarkeZine Academyã€ã€ŽMarkeZine ãƒ—ãƒ¬ãƒŸã‚¢ãƒ ã‚»ãƒŸãƒŠãƒ¼ã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ MarkeZine Day
pmakino 2010/09/08
iPhone

Webåˆ¶ä½œ

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

UI

Usability

çµ±è¨ˆ
ãƒªãƒ³ã‚¯
iPhoneç”¨ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«ä¾¿åˆ©ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒiPhone UIã€:phpspoté–‹ç™ºæ—¥èªŒ
iPhone UI iPhoneç”¨ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«ä¾¿åˆ©ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒiPhone UIã€ã€‚ iPhoneã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªUIãƒ‘ãƒ¼ãƒ„ãŒæƒã£ã¦ãŠã‚Šã€PCã®ãƒ–ãƒ©ã‚¦ã‚¶ã§è¦‹ã‚‹ã¨ã€iPhoneæž ãŒæ¬¡ã®ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã€iPhoneã§è¦‹ã‚‹ã¨æž ãªã—ã§ãã®ã¾ã¾å‹•ä½œã™ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ PCã§è¦‹ã¦ã‚‚ã€iPhoneã§è¦‹ã¦ã‚‚åŒã˜ã‚ˆã†ã«è¦‹ã‚Œã‚‹ã‚µã‚¤ãƒˆã‚’ä½œã‚‹éš›ã«å½¹ç«‹ã¡ãã†ã§ã™ã€‚ ã¾ã ãƒã‚°ãŒãã‚Œãªã‚Šã«ã‚ã‚‹ã£ã½ã„ã§ã™ãŒã€é¢ç™½ã„ä»•çµ„ã¿ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª iPhoneã®ON/OFFã‚¹ã‚¤ãƒƒãƒã£ã½ã„checkboxã€radioãƒœã‚¿ãƒ³å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒLightSwitchã€ iPhoneã‹iPodã‹iPadã‹ã‚’èª¿ã¹ã‚‹PHPã¨JSã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ä¾‹ iPhoneã«ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ãƒˆãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’PHPã‹ã‚‰pushme.toçµŒç”±ã§é€ã‚‹ã‚µãƒ³ãƒ—ãƒ«
pmakino 2010/08/18
Webåˆ¶ä½œ

UI

iPhone

JavaScript

jQuery
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸