[B! HTML] ideoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ideo id:ideo

HTMLã«é–¢ã™ã‚‹ideoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

ã‚‚ã†FLASHä¸è¦ã‹ã‚‚? HTML5ã‚¢ãƒ‹ãƒ¡ä½œæˆã‚½ãƒ•ãƒˆï½¢Hypeï½£ç™»å ´ iOSã«ã‚‚å¯¾å¿œ! ã€å¢—ç”°(@maskin)çœŸæ¨¹ã€‘ | TechWaveï¼ˆãƒ†ãƒƒã‚¯ã‚¦ã‚§ãƒ¼ãƒ–ï¼‰
[èªäº†æ™‚é–“:1åˆ†] ã‚¦ã‚§ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«é…åŠ›çš„ãªå‹•ãã‚’ä»˜ä¸Žã§ãã‚‹FLASHã€‚ã—ã‹ã—ã€Adobeç¤¾ã®å…¬å¼ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã¯é«˜é¡ã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã˜ã‚ƒãªã„ã¨æ‰‹ãŒå±Šãã«ãã‹ã£ãŸã€‚ãã®å¯¾æŠ—é¦¬ã¨ã—ã¦æ³¨ç›®ã‚’æµ´ã³ã¦ã„ã‚‹æ¬¡æœŸã‚¦ã‚§ãƒ–æ¨™æº–ä»•æ§˜ã®HTML5ã‚’ãƒ™ãƒ¼ã‚¹ã«ã€æ‰‹è»½ã«ã‚¢ãƒ‹ãƒ¡ã‚„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½œæˆã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã€ŒHypeã€ãŒç±³æ™‚é–“ã®5æœˆ20æ—¥ã«ãŠç›®è¦‹ãˆã—ãŸã€‚ Mac OS Xç”¨ã‚½ãƒ•ãƒˆã¨ã—ã¦æ—¢ã«App Storeã§è²©å£²ä¸ã€‚ä¾¡æ ¼ã¯USã‚¹ãƒˆã‚¢ã§ã¯29ãƒ‰ãƒ«ã§ã€æ—¥æœ¬ã ã¨3500å††ã¨å‰²é«˜ã ãŒæ—¥æœ¬èªžãƒãƒ¼ã‚«ãƒ©ã‚¤ã‚ºç‰ˆãŒå…¥æ‰‹ã§ãã‚‹ã€‚ ãƒ„ãƒ¼ãƒ«ã¯ã€FLASHã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ãªã©ã‚’ä½¿ç”¨ã—ãŸã“ã¨ãŒã‚ã‚‹äººãªã‚‰ã€æ•°åˆ†ã‚‚ã‚ã‚Œã°ä½¿ã„å§‹ã‚ã‚‰ã‚Œã‚‹ã ã‚ã†ã€‚å§‹ã‚ã¦ã“ã®æ‰‹ã®ä½œå“ã‚’æ‰‹ãŒã‘ã‚‹äººã¯å°‘ã—æ‰‹ã¾ã©ã†ã‹ã‚‚ã—ã‚Œãªã„ãŒã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«å‹•ç”»ãŒã‚ã‚‹ã®ã§ã€ã“ã‚Œã‚’ä¸€é€šã‚Šè¦‹ã‚Œã°è¦‹ã‚ˆã†è¦‹ã¾ãã§ã‚¹ã‚¿ãƒ¼ãƒˆã§ãã‚‹ã ã‚ã†ã€‚ã¾ãŸã€ä»Šå›žã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã©ã®ã‚ˆã†ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ã¯ã€ã‚®ãƒ£ãƒ©ãƒª
ideo 2011/05/23
flash

html

html5

iOS

javascript

iphone

Mac

Flash

Webåˆ¶ä½œ

HTML
ãƒªãƒ³ã‚¯
W3C - ã€ŽHTML 5 differences from HTML 4ã€æ—¥æœ¬èªžè¨³ - HTML5.JP
ä¸€éƒ¨ã€ç›´è¨³ã§ã¯ãªãæ„è¨³ã—ãŸéƒ¨åˆ†ãŒã”ã–ã„ã¾ã™ã€‚åŽŸæ–‡ã¨è¡¨ç¾ãŒç•°ãªã‚‹ã“ã¨ãŒã”ã–ã„ã¾ã™ã®ã§ã€ã”äº†æ‰¿ãã ã•ã„ã€‚ã“ã®æ—¥æœ¬èªžè¨³ã¯ã€ç§ãŒç†è§£ã‚’æ·±ã‚ã‚‹ãŸã‚ã«ã€è‡ªåˆ†ãªã‚Šã«æ—¥æœ¬èªžåŒ–ã—ãŸã‚‚ã®ã§ã™ã€‚æœ¬æ—¥æœ¬èªžè¨³ã«ã¯ã€ç¿»è¨³ä¸Šã®èª¤ã‚ŠãŒã‚ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ã—ãŸãŒã£ã¦ã€å†…å®¹ã«ã¤ã„ã¦ä¸€åˆ‡ä¿è¨¼ã‚’ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚æ£ç¢ºã•ã‚’æ±‚ã‚ã‚‹å ´åˆã«ã¯ã€å¿…ãšåŽŸæ–‡ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚å½“æ–¹ã¯ã€ã“ã®æ–‡æ›¸ã«ã‚ˆã£ã¦åˆ©ç”¨è€…ãŒè¢«ã‚‹ã„ã‹ãªã‚‹æå®³ã®è²¬ä»»ã‚’è² ã„ã¾ã›ã‚“ã€‚ã‚‚ã—èª¤ã‚Šãªã©ã‚’è¦‹ã¤ã‘ãŸã‚‰ã€å½“ã‚µã‚¤ãƒˆã®ãŠå•ã„åˆã‚ã›ã‚ˆã‚Šé€£çµ¡ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ åŽŸæ–‡URLï¼šhttp://www.w3.org/TR/2011/WD-html5-diff-20110525// åŽŸæ–‡ã‚¿ã‚¤ãƒˆãƒ«ï¼šHTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 ç¿»è¨³æ—¥ï¼š2011/05/26 æœ€çµ‚æ›´æ–°æ—¥ï¼š2011/05/26
ideo 2010/10/26
HTML4ã‹ã‚‰5ã«å¤‰ã‚ã‚‹ã«å½“ãŸã£ã¦ä½•ã‹é•ã†ã®ã‹W3CãŒã¾ã¨ã‚ãŸæ–‡æ›¸ã€å¾…æœ›ã®æ—¥æœ¬èªžåŒ–ã€‚ã™ã°ã‚‰ã—ã„ï¼

html

html5

webåˆ¶ä½œ

æ—¥æœ¬èªžè¨³

W3C
ãƒªãƒ³ã‚¯
Jinja | The Pallets Projects
Jinja2 is a full-featured template engine for Python. It has full unicode support, an optional integrated sandboxed execution environment, widely used and BSD licensed. Jinja is Beautiful {% extends "layout.html" %} {% block body %} <ul> {% for user in users %} <li><a href="{{ user.url }}">{{ user.username }}</a></li> {% endfor %} </ul> {% endblock %} And PowerfulJinja2 is one of the most used tem
ideo 2010/10/07
ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ Jinja2ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«

html

python

framework

JInja2

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

iphone

html5

webåˆ¶ä½œ

html

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

CSS
ãƒªãƒ³ã‚¯
ã€ãƒ ãƒ¼ãƒ“ãƒ¼è§£èª¬ã€‘JavaScriptã§ iPhoneã‚¢ãƒ—ãƒªãŒä½œã‚Œã‚‹ã™ã”ã„ã‚½ãƒ•ãƒˆã€ŽPhoneGapã€ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ï¼ - H2O Space. Blog - h2ospace - builder by ZDNet Japan
iPhoneã‚¢ãƒ—ãƒªã‚’ä½œã‚ŠãŸã„ï¼ã€€ã¨æ€ã£ãŸã¨ãã«ç«‹ã¡ãµã•ãŒã‚‹ã®ãŒã€ŒObjective-Cã€ã¨ã„ã†åŽ„ä»‹ãªæ•µã€‚ ã—ã‹ã—ã€HTML+CSS+JavaScriptã¨ã„ã†Webãƒ—ãƒã‚°ãƒ©ãƒžãªã‚‰èª°ã§ã‚‚çŸ¥ã£ã¦ã‚‹æŠ€è¡“ã§ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã®iPhoneã‚¢ãƒ—ãƒªãŒä½œã‚Œã¦ã—ã¾ã†ç´ æ•µãªã‚½ãƒ•ãƒˆãŒã‚ã‚Šã¾ã—ãŸã€‚ã“ã“ã§ã¯ã€ã€ŒGetting Started with PhoneGapï¼ˆiPhoneï¼‰ã€ã‚’æ—¥æœ¬èªžã«ã—ã¤ã¤ã€æ‰‹é †ã‚’USTREAMã§éŒ²ç”»ã—ãŸã®ã§ãã¡ã‚‰ã®æ˜ åƒã‚‚åˆã‚ã›ã¦ã”å‚ç…§ãã ã•ã„ã€‚ å¿…è¦ãªã‚‚ã® Leopard(10.5)ã¾ãŸã¯ã€SnowLeopard(10.6)ã® Intelãƒ™ãƒ¼ã‚¹Mac OS X iPhone iPhoneãƒ‡ãƒ™ãƒãƒƒãƒ‘ç™»éŒ² Gitã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Step 1 a) ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚’èµ·å‹•ã—ã¦ã€PhoneGapã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸã„ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«ç§»å‹•ã—ã¾ã™ã€‚ç¶šã„ã¦ã€Œgit clone git://github.com/p
ideo 2010/10/04
HTML+JavaScript+CSSã§iPhoneã‚„Androidã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹

iOS

iPhone

html

javascript

css
ãƒªãƒ³ã‚¯
æ°¸ä¹…ä¿å˜ç‰ˆï¼ï¼Ÿæºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã“ã‚Œã ã‘èªã‚ã°ã™ãã§ãã‚‹ï¼ | KAYAC
ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ï¼ˆä»¥ä¸‹ã€MEï¼‰ã®tacamyã§ã™ï¼(`ãƒ»Ï‰ãƒ»Â´) ã‚«ãƒ¤ãƒƒã‚¯ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ï¼ˆã„ã¤ã‚‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ï¼‰ ãã‚“ãªãƒ¯ã‚±ã§ã€æœ¬æ ¼çš„ã«HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯ã—ãªã„ã‘ã©ã€ ã¡ã‚‡ã“ã£ã¨ã—ãŸãƒšãƒ¼ã‚¸ãªã‚‰çµ„ã¿ã¾ã™ã£ã¦ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã®ã€ ã€Œã‚³ãƒ¬ã ã‘èªã‚ã°ã™ãã§ãã‚‹ã€ã‚·ãƒªãƒ¼ã‚ºã‚’å§‹ã‚ã¾ã—ãŸã€‚ ç¬¬ä¸€å›žã¯ã€Œæºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã«ã¤ã„ã¦ã§ã™ã€‚ æºå¸¯ã¯PCã¨ã¯å…¨ãã®åˆ¥ç‰©ãªã®ã§ã€ãªã‚“ã¨ãªãæ•¬é ã—ãŒã¡ã§ã™ãŒã€ æœ€ä½Žé™ã®å†…å®¹ã§ã‚ã‚Œã°è¦šãˆã‚‹ã“ã¨ã‚‚å°‘ãªã„ã§ã™ã—ã€ ä¸€åº¦è¦šãˆã¦ã—ã¾ãˆã°ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãŒã—ã°ã‚‰ãå¤‰ã‚ã‚‰ãªã„ã®ã§ã€è¦šãˆã¦ãŠã„ã¦æã¯ãªã„ã§ã™ã‚ˆï¼ æºå¸¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºæœ¬ åŸºç¤Žã®åŸºç¤Ž æ–‡å—ã‚³ãƒ¼ãƒ‰ã¯Shift-JIS CSSã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§æŒ‡å®šï¼ˆã‚¿ã‚°ã«ç›´æŽ¥styleå±žæ€§ã‚’è¿½åŠ ã™ã‚‹ï¼‰ ç”»åƒã‚’å«ã‚€ãƒšãƒ¼ã‚¸å®¹é‡100KBä»¥å†…ï¼ˆHTMLè‡ªä½“ã®å®¹é‡ã¯9KBä»¥å†…ï¼‰ ç”»åƒã¯gifã‹
ideo 2010/09/07
æºå¸¯

css

XHTML

ã¾ã¨ã‚

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

mobile

webåˆ¶ä½œ

HTML
ãƒªãƒ³ã‚¯
1