[B! iphone][webåˆ¶ä½œ] botpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

botp id:botp

iphoneã¨webåˆ¶ä½œã«é–¢ã™ã‚‹botpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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ã‚µã‚¤ãƒˆã‚’iPhoneã§è¦‹ã‚„ã™ãã™ã‚‹5ã¤ã®æ–¹æ³•
2017å¹´6æœˆ29æ—¥ Webã‚µã‚¤ãƒˆåˆ¶ä½œ, Webãƒ‡ã‚¶ã‚¤ãƒ³, ä¾¿åˆ©ãƒ„ãƒ¼ãƒ« iPhoneæŒã£ã¦ãªã„ãã›ã«Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã‚’iPhoneã§è¦‹ã‚„ã™ã„ã‚ˆã†æ”¹è‰¯ã—ã¾ã—ãŸã€‚iPhoneã‹ã‚‰http://webcreatorbox.comã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨è‡ªå‹•çš„ã«http://webcreatorbox.mobify.meã«ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã•ã‚Œã¾ã™ã€‚ï¼ˆã•ã‚Œã¦ãªã‹ã£ãŸã‚‰ç›´æŽ¥http://webcreatorbox.mobify.meã‹ã‚‰ãƒ‰ã‚¦ã‚¾â€¦ï¼‰ä»Šå›žã¯ä¸‹è¨˜ã«èª¬æ˜Žã™ã‚‹mobifyã¨ã„ã†ã‚µã‚¤ãƒˆã‹ã‚‰iPhoneç”¨ã‚µã‚¤ãƒˆã‚’ä½œã‚Šã¾ã—ãŸãŒã€ä»–ã«ã‚‚ä¾¿åˆ©ãªæ–¹æ³•ãŒã‚ã£ãŸã®ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ 1. CSSã®ã¿ã§åˆ‡ã‚Šæ›¿ãˆã‚‹ iPhoneç”¨ã«ä½œæˆã—ãŸCSSã‚’ä½œã‚Šã€ãƒ‡ãƒã‚¤ã‚¹ã®å¹…ã«ã‚ˆã£ã¦ä½¿ç”¨ã™ã‚‹CSSã‚’åˆ‡ã‚Šæ›¿ãˆã¾ã™ã€‚ &amp;amp;amp;amp;amp;lt;link rel
botp 2011/10/05
iPhone

webåˆ¶ä½œ

CSS
ãƒªãƒ³ã‚¯
ä»Šã•ã‚‰ã ã‘ã©iphone,ipadã‚µã‚¤ãƒˆåˆ¶ä½œã‚’ã—ã¦ã¿ã¦æ„Ÿã˜ãŸã“ã¨ Â« ã‚¦ãƒ¼ãƒ—ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒã‚° (ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¾ã‚ã“)
ãƒãƒ³ãƒ€ã‚¤ãƒãƒ£ãƒ³ãƒãƒ«ãŒ7æœˆä¸‹æ—¬ã‹ã‚‰11æœˆã«ã‹ã‘ã¦æœŸé–“é™å®šã§iphone,ipadä¸Šã§ç„¡æ–™å‹•ç”»ã‚’é…ä¿¡ã—ã¦ã„ãŸã“ã¨ã‚’ã”å˜ã˜ã§ã—ã‚‡ã†ã‹ï¼Ÿ å…¬é–‹ä¸ã«ã“ã®è¨˜äº‹ã‚’æ›¸ã‘ã°è‰¯ã‹ã£ãŸã®ã§ã™ãŒã„ã¤ã®ã¾ã«ã‚„ã‚‰ã“ã‚“ãªã«æ—¥ã«ã¡ãŒçµŒã£ã¦ã„ã¾ã—ãŸâ€¦ã€‚ã“ã®ã¾ã¾è¨˜äº‹ã‚’ä¸‹æ›¸ãã«ã—ã¦ãŠãã®ã‚‚ã‚‚ã£ãŸã„ãªã„ã®ã§å…¬é–‹ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ UIã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’æ‹…å½“ UIåŠã³ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€åŠã³ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—é–¢é€£ã®ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’æ‹…å½“ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚å®Ÿéš›ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚„AJAXã®éƒ¨åˆ†ã¯ãƒãƒ¼ãƒ ã¾ã‚ã“ã®å„ªç§€ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ãƒ£ãƒ¼ã•ã‚“ã«ã‚ˆã‚‹ã‚‚ã®ã§ã™ã€‚ã•ã™ãŒ! iPhoneã€iPadã®ã‚ˆã†ãªæ–°ã—ã„ãƒ‡ãƒã‚¤ã‚¹ã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯PCã¨ä¼¼ã¦ã„ã‚‹ã‚ˆã†ã§éžãªã‚‹ç®‡æ‰€ãŒå¤šãã€æœ¬ã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã«ã‚ãŸã‚Šå¤šãæ°—ä»˜ã‹ã•ã‚ŒãŸäº‹ãŒã‚ã‚Šã¾ã—ãŸã€‚ iPhoneç‰ˆã«ã¤ã„ã¦ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ æƒ…å ±ã‚’å„ªå…ˆé †ä½ã«ã®ã£ã¨ã£ã¦ãƒ¡ãƒªãƒãƒªãŒPCã®ãã‚Œã‚ˆã‚Šã‚‚
botp 2010/11/20
webåˆ¶ä½œ

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

iPhone

æºå¸¯ã‚µã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
iPhoneå‘ã‘Webã‚µã‚¤ãƒˆã®åˆ¶ä½œç‰ã«å½¹ç«‹ã¡ãã†ãªæƒ…å ±ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
iPhoneå‘ã‘ã®Webã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹ éš›ã«å½¹ç«‹ã¡ãã†ãªæƒ…å ±ã®ã¾ã¨ã‚ã§ã™ã€‚ æƒ…å ±ãŒå¤šãã¦æ··ä¹±ã—å§‹ã‚ãŸã®ã§ã€å€‹äºº çš„ãªãƒ¡ãƒ¢ã€‚iPhoneé–¢é€£ã®Webåˆ¶ä½œæƒ… å ±ã¯åŸºæœ¬çš„ã«è¼‰ã›ã¦ã„ã¾ã™ã€‚ã‚¢ãƒ—ãƒª åˆ¶ä½œã¨ã‹ãã£ã¡ç³»ã¯ãŸã„ã—ã¦ç„¡ã„ã® ã§ã”äº†æ‰¿ä¸‹ã•ã„ã€‚ å€‹äººçš„ã«ã‚°ãƒƒã¨æ¥ãŸiPhone / iPadå‘¨ã‚Šã®æƒ…å ±ã‚’ãƒ¡ãƒ¢çš„ã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ç´ æã¨ã‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‹Tipsã¨ã‹ãã†ã„ã†ã®ä¸å¿ƒã§ã€SDKã¨ã‹Objective-Cçš„ãªæƒ…å ±ã¯ç„¡ã„ã§ã™ã€‚é †ä¸åŒã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ Webã‚¢ãƒ—ãƒªã¨ã‹iPhoneã‚µã‚¤ãƒˆå‘ã‘ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‹ã€‚ jQuery Mobile ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®jQueryå…¬å¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ãƒªãƒªãƒ¼ã‚¹ãŒå¾…ã¡é ã—ã„ã§ã™ãã€‚ jQuery Mobile Sencha ä»¥å‰è§¦ã£ã¦ã¿ãŸã®ã§è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚HTML5ã¨jsã®ã¿ã®Webã‚¢ãƒ—ãƒªå‘ã‘ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ Sencha Titaniu
botp 2010/09/09
iPhone

webåˆ¶ä½œ

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
Viewport [iPhoneç”Ÿæ´»]
*device-widthã¯iPhoneæ¨ªæŒã¡ã®å ´åˆã§ã‚‚å¿…ãš320pxã€device-heightã¯iPhoneç¸¦æŒã¡ã®å ´åˆã§ã‚‚å¿…ãš480pxã¨ãªã‚Šã¾ã™ ä¾‹ãˆã°ä»¥ä¸‹ã¯ã€Viewportã®æ¨ªå¹…ãŒiPhoneã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºã§ã€å€çŽ‡ã¯1ã€2å€ã¾ã§æ‹¡å¤§å¯èƒ½ã€ã¨ã„ã†å†…å®¹ã§ã™ã€‚ æå†™ã®ãƒ—ãƒã‚»ã‚¹ã‚’æ¤œè¨¼ã™ã‚‹ã«å½“ãŸã£ã¦ã®æ¡ä»¶ ä»¥ä¸‹ã®èª¬æ˜Žã§ã¯è¤‡é›‘ãªçŠ¶æ³ã‚’èª¬æ˜Žã™ã‚‹å ´åˆã‚‚ã‚ã‚‹ãŸã‚ã€ç‰¹å®šã®èªžå¥ã‚’ç‰¹å®šã®æ„å‘³ã§ã®ã¿ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ç‰¹å®šã®èªžå¥ã¯ä»¥ä¸‹ã§ã™ã€‚ viewport Viewportã®ãƒ¡ã‚¿ã‚¿ã‚°ã§æŒ‡å®šã—ãŸå€¤ã¾ãŸã¯å¾Œã«SafariãŒè¨ˆç®—ã—ãŸå€¤ã€‚initial-scale/width/heightã®3ã¤ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ˆã‚µã‚¤ã‚ºï¼‰ HTMLã«è¨ç½®ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚µã‚¤ã‚º ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆï¼ˆã‚µã‚¤ã‚ºï¼‰ ä½™ç™½ã‚’å«ã‚ãŸHTMLå…¨ä½“ã®ã‚µã‚¤ã‚ºã€‚ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚ˆã‚Šã‚‚å¤§ãã„å ´åˆã¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§è¦‹ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹å…¨ä½“ã®ã‚µã‚¤ã‚ºã€‚ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦
botp 2010/08/03
webåˆ¶ä½œ

iPhone

æºå¸¯ã‚µã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
botp 2010/03/02
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

iPhone

æºå¸¯ã‚µã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
iPhoneå‘ã‘ã‚µã‚¤ãƒˆæ§‹ç¯‰ åŸºç¤Žæ–‡æ³•æœ€é€Ÿãƒžã‚¹ã‚¿ãƒ¼ - EC studio ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒã‚°
å¼Šç¤¾ä»£è¡¨ã®è‘—æ›¸ã€ã€ŒiPhoneã¨ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ã§ä¼šç¤¾ã¯å„²ã‹ã‚‹ã€ã®å‡ºç‰ˆè¨˜å¿µã¨ã€å··ã§è©±é¡Œã®ã€ŒåŸºç¤Žæ–‡æ³•æœ€é€Ÿãƒžã‚¹ã‚¿ãƒ¼ã€ãƒ–ãƒ¼ãƒ ã«ä¾¿ä¹—ã—ã¦ã€iPhoneï¼ˆiPod Touchï¼‰å‘ã‘ã‚µã‚¤ãƒˆæ§‹ç¯‰ã«ãŠã‘ã‚‹åŸºç¤Žã¨ãƒ—ãƒ©ã‚¹å¿œç”¨ã®ãƒã‚¿ã¨ã€å‚è€ƒã«ãªã‚‹ãƒªãƒ³ã‚¯é›†ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ 2010/11/18è¿½è¨˜ï¼š iPhoneå‘ã‘ã‚µã‚¤ãƒˆåˆ¶ä½œã®æ›¸ç±ã‚’åŸ·ç†ã—ã¾ã—ãŸï¼ æ—¢å˜ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—å‘ã‘ã‚µã‚¤ãƒˆã‚’ãƒ¢ãƒ‡ãƒ«ã«ã—ãŸ iPhoneã«æœ€é©åŒ–ã—ãŸã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã®ç´¹ä»‹ã¨ ã‚³ãƒ¼ãƒ‰ã®è§£èª¬ã‚’ã—ã¦ã„ã¾ã™ã€‚ iPhoneå‘ã‘ã‚µã‚¤ãƒˆåˆ¶ä½œã®å…¥é–€æ›¸ã«æœ€é©ã§ã™ã€‚ ã€ŒHTML5ï¼‹CSS3ã§ä½œã‚‹ é…ã›ã‚‹iPhoneã‚µã‚¤ãƒˆã€ åŸºç¤Žç·¨ å¯¾è±¡ãƒ–ãƒ©ã‚¦ã‚¶ã¯MobileSafariã§ã™ ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã¯Safariã¨åŒã˜webkitã§ã™ãŒã€MobileSafariã®æ–¹ã«ã¯iPhoneå‘ã‘ã®ä¸€éƒ¨ç‹¬è‡ªæ‹¡å¼µï¼ˆCSSï¼‰ãŒã‚ã‚Šã¾ã™ã€‚æ¤œè¨¼ã®éš›ã¯ã€é€šå¸¸ã®Safariã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’ç‹ãã—
botp 2010/02/08
iPhone

webåˆ¶ä½œ

æºå¸¯ã‚µã‚¤ãƒˆ

html5
ãƒªãƒ³ã‚¯
iPhoneå‘ã‘ã‚µã‚¤ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£æœ€é©åŒ–ã§ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„é …ç›®ã¾ã¨ã‚
iPhoneã‚’å§‹ã‚ã¨ã™ã‚‹ã‚¿ãƒƒãƒãƒ‘ãƒãƒ«ï¼†ãƒ•ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶æè¼‰ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ™®åŠãŒé€²ã‚“ã§ã„ã‚‹ã€‚iPhoneã®å‡ºè·å°æ•°ã¯ä¸–ç•Œã§3000ä¸‡å°ã€æ—¥æœ¬å›½å†…ã«é–¢ã—ã¦å…¬å¼ãªç™ºè¡¨ã¯ãªã„ãŒ200ä¸‡å°ã‚’è¶…ãˆã¦ã„ã‚‹ã¨æŽ¨æ¸¬ã•ã‚Œã¦ã„ã‚‹ã€‚ä»Šå¾Œã¯Windows Mobileç«¯æœ«ã®é€²åŒ–ã‚„Androidæºå¸¯é›»è©±ã«ã‚ˆã‚Šã€ã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã®æºå¸¯ç«¯æœ«ã®åˆ©ç”¨è€…ãŒã•ã‚‰ã«æ‹¡å¤§ã—ã¦ã„ãã“ã¨ãŒäºˆæƒ³ã•ã‚Œã‚‹ã€‚ ä»Šå›žã¯ã€ã“ã†ã„ã£ãŸã‚¿ãƒƒãƒãƒ‘ãƒãƒ«ï¼†ãƒ•ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶æè¼‰ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆï¼ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦ã€ä¸»ã«iPhoneã‚’é¡Œæã«è€ƒãˆã¦ã¿ã‚ˆã†ã€‚ iPhoneå¯¾å¿œã¯å½¢å¼ã«ã¨ã‚‰ã‚ã‚Œãšã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸å¿ƒã€è¦–ç‚¹ã§ iPhoneã‹ã‚‰ã®ã‚¦ã‚§ãƒ–åˆ©ç”¨ã«ã¯ã€å¾“æ¥ã®æºå¸¯é›»è©±ã¨åŒæ§˜ã®ã€Œæºå¸¯æ€§ã®é«˜ã•ã€ã€Œä½ç½®æƒ…å ±ã¨ã®é€£å‹•ã€ãªã©ã«åŠ ãˆã€ å¾“æ¥ã®æºå¸¯é›»è©±ã¨æ¯”ã¹ã¦ç”»é¢ã‚µã‚¤ã‚ºãŒåºƒã„ ç«¯æœ«ã®å‡¦ç†èƒ½åŠ›ãŒé«˜ãã€ã‚¢ãƒ—ãƒªã§ã®ã‚µãƒ¼ãƒ“ã‚¹æä¾›ã®è‡ªç”±åº¦ãŒé«˜ã„ ç‹¬è‡ªã®æ“ä½œï¼ˆç”»é¢ã‚’ã¤ã¾ã‚€
botp 2009/12/18
iPhone

webåˆ¶ä½œ

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
1