https://jp.techcrunch.com/2013/02/16/20130214kleverbeast-launches-into-public-beta-bringing-app-creation-to-the-masses-for-29month/
ã¾ãŸã‚¸ãƒ§ãƒ–ズã«ä¼šãˆã‚‹ã€‚Podcastã§è¦‹ã‚‹Appleã®æ´ä»£ãƒ—レゼンテーション
ã¾ãŸã‚¸ãƒ§ãƒ–ズã«ä¼šãˆã‚‹ã€‚Podcastã§è¦‹ã‚‹Appleã®æ´ä»£ãƒ—レゼンテーション2013.02.15 20:00 å°æš®ã²ã•ã®ã‚Š ã“ã®å°ç’ã¯......ã–ã‚。ã–ã‚。 MacBook Airã‚¡ã‚¡ã‚¡ã‚¡ã‚¡ã‚¡ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ï¼ ã¨ã€ã‚‚ã†æ¥½ã—ããªã£ã¡ã‚ƒã„ã¾ã™ã‚ˆã‚¸ãƒ§ãƒ–ズã®ãƒ—ãƒ¬ã‚¼ãƒ³ï¼ ã‚‚ã†ä¸€åº¦è¦‹ãŸã„ãªã～ã¨æ€ã£ã¦ã„る人も多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ ã§ã‚‚ã€å®Ÿã¯ã“れ。Podcastã§è‡ªç”±ã«è¦‹ã‚‰ã‚Œã‚‹ã‚“ã§ã™ã€‚ iTunesã§ï½¢Apple keynotesï½£ã¨ã—ã¦é…布ã•ã‚Œã¦ãŠã‚Šã€ã‚‚ã¡ã‚ã‚“ç„¡æ–™ã§è¦–è´ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ åˆä»£iPhoneãŒãŠç›®è¦‹ãˆã—ãŸï½¢Macworld San Francisco 2007 Keynote Addresï½£ Retina Displayã§æ“声ãŒèµ·ããŸiPhone4ã¯ï½¢Apple WWDC 2010 Keynote Addres｣より。 ã‚ã‚ã€ã‚‚ã†è‰²ã€…ãªæ€ã„出ãŒæµ®ã‹ã‚“ã§ãã¾ã™ã‚ˆã€‚ã¡ãªã¿ã«ãƒˆãƒƒãƒ—
ã“ã‚ŒãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを作るã¨ãã® viewport è¨å®šï¼“パターンã
スマートフォンå‘ã‘ã® Web サイトを作るã¨ãã€viewport ã®è¨å®šæ¬¡ç¬¬ã§ä½¿ã„å‹æ‰‹ãŒå¤§å¹…ã«å¤‰ã‚る。 最近ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web デザインãŒæµè¡Œã—ã¦ã‚‹ã‘ã©ã‚‚ã€ãã®å¤§å‰æã¨ã—㦠viewport ã®è¨å®šãƒ‘ターンを抑ãˆã¦ãŠãã®ã¯é‡è¦ã ã‚ã†ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€viewport ã®è¨å®šã«ã‚ˆã£ã¦ã€è¦‹ãŸç›®ãƒ»ä½¿ã„å‹æ‰‹ãŒã©ã†å¤‰ã‚ã‚‹ã‹ã‚’解説ã™ã‚‹ã€‚ パターン1: 何も考ãˆãšã« HTML を書ã ã¾ãšã¯ã€viewport を指定ã›ãšã«ã€å˜ç´”㪠HTML をスマートフォンã§è¡¨ç¤ºã—ã¦ã¿ã‚‹ã€‚ <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んãªç´ æãŒã”ã£ãŸç…®ã«ãªã£ãŸæ§˜åã‚’ãŠæ¤€ã§è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ 湯気ãŒ<strong>「ã¦ã£ãã€</strong>ã«è¦‹ãˆã‚‹ã®ãŒéš ã—味ã«ãªã£ã¦ã„ã¾
考察：Appleã¯ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’作らãªã„。
今ã¾ã§æ°—ã¥ã‹ãšã«ã„ãŸãŒã€Appleã¯ã‚¹ãƒžãƒ›(スマートフォン)å‘ã‘サイトを作ã£ã¦ã„ãªã„。ãã‚Œã¯ä½•æ•…ã‹ã€‚ 予算ãŒãªã„ã¨ã‹ã€(ã©ã“ãžã®ãƒ¡ãƒ¼ã‚«ãƒ¼ã¨é•ã£ã¦)ウェブデザインや自社製å“ã«ã¤ã„ã¦ã®ç†è§£åº¦ãŒä½Žã„ã¨ã‹ã€ãŠãらããã†ã„ã£ãŸãƒã‚¬ãƒ†ã‚£ãƒ–ãªç†ç”±ã§ã¯ãªã„。Appleã®ã‚¦ã‚§ãƒ–サイトã«ã¯ã€è‡ªç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«é€šã˜ã‚‹ä¸»å¼µãŒè¡¨ç¾ã•ã‚Œã¦ã„る。 Mobile Safari ã®UIデザインã®æœ¬è³ªã‚’垣間見るウェブデザイン 自社ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆ(ã“ã“ã§ã¯ç‰¹ã«Mobile Safari)ã®UIデザインãŒã€ä½•ã‚’ç†æƒ³ã¨ã—ã¦ã€ã©ã†èª¿æ•´ã•ã‚Œã¦ããŸã®ã‹ã€ã“ã®ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰èªã¿å–ã‚‹ã“ã¨ãŒã§ãる。 Appleã®ã‚¦ã‚§ãƒ–サイトã®è£å´ã‚’ã¡ã‚‡ã£ã¨ã ã‘覗ã„ã¦ã¿ã‚‹ã¨ã€viewport ã« width=1024 ãŒè¨˜è¿°ã•ã‚Œã¦ã„る。ã“ã‚Œã¯ã€iPhoneã®å°ã•ãªç”»é¢ã§ã‚‚1024px分ã®å¹…ãŒã‚ã‚‹ã‚‚ã®ã¨ä»®æƒ³ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã€å‘ªæ–‡ã®ã‚ˆã†
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
レスãƒãƒ³ã‚·ãƒ–ウェブデザイン専用ソフト「Adobe Edge Reflowã€ç„¡å„Ÿå…¬é–‹ã€€ã€ŒEdge Animateã€ã€ŒEdge Codeã€ã®æ©Ÿèƒ½è¿½åŠ ã‚‚
{{#tags}}- {{label}}
{{/tags}}