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

syuntaehara id:syuntaehara

HTMLã¨HTML5ã«é–¢ã™ã‚‹syuntaeharaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

${{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å±‹ã®ä½œæ¥ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ä¸Šã’ã‚‹ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆå¤§é‡ç´¹ä»‹ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
ã“ã®ãƒ–ãƒã‚°ãŒãƒ•ãƒãƒ³ãƒˆã«é–¢ã™ã‚‹è¨˜äº‹ãŒå¤šã„ã‚‚ã‚“ã ã‹ã‚‰ã€ãŸã¾ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨å‘¼ã°ã‚Œã‚‹ã“ã¨ãŒã‚ã‚‹ã‚“ã§ã™ãŒã€åƒ•ã¯æ¥å‹™ã¨ã—ã¦ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚ˆã‹åˆ¶ä½œãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã®æ–¹ãŒã©ã¡ã‚‰ã‹ã¨è¨€ãˆã°ãƒ¡ã‚¤ãƒ³ãªã‚“ã§ã™ã‚ˆãã€‚ ãã‚“ãªãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨ã—ã¦ã®å½¹å‰²ã®ä¸€ã¤ã«ã€å‘¨ã‚Šã«ã„ã‚‹å„ªã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã®æ¥å‹™åŠ¹çŽ‡ã‚’è€ƒãˆã‚‹ã“ã¨ãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ ä½•ã‚’å–ã‚‹ã‚ã‘ã§ã‚‚ãªãä¸é€”åŠç«¯ãªåƒ•ã§ã™ãŒã€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨ã—ã¦å‘¨ã‚Šã®å„ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã®å½¹ã«å°‘ã—ã§ã‚‚ç«‹ã¦ã‚Œã°ã¨ã€ãã—ã¦åˆ¶ä½œã™ã‚‹ä¸Šã§ã®åŠ¹çŽ‡ã‚’å‘ä¸Šã•ã›ã‚‹ã¹ãè‰²ã€…æƒ…å ±åŽé›†ã‚’ã™ã‚‹ä¸ã§ã€ã‚ˆããƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®å˜åœ¨ã‚’ç›®ã«ã—ã¾ã™ã€‚ï¼ˆãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã£ã¦ã©ã‚Œã ã‘æ™®åŠã—ã¦ã‚‹ã®ã‹ã‚ã‹ã‚Šã¾ã›ã‚“ãŒã€ã¤ã¾ã‚Šã‚«ãƒ³ãƒ‹ãƒ³ã‚°ãƒšãƒ¼ãƒ‘ãƒ¼ã®ã“ã¨ã‚‰ã—ã„ã§ã™ã€‚ï¼‰ WEBå±‹ã«ã¨ã£ã¦ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã£ã¦ã€ã©ã‚Œã ã‘å„ªã‚ŒãŸæŠ€è¡“åŠ›ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³åŠ›ã‚’æŒã£ã¦ã„ã¦ã‚‚ã€ä½•ã‹ã—ã‚‰æ–°ã—ã„ç™ºè¦‹ãŒã‚ã‚‹ç‰©ã§ã™ã‚ˆãã€‚ä»¥å‰æ›¸ã‹ã›ã¦ã‚‚ã‚‰ã£ãŸæ™‚é–“ã®ä¾¡å€¤ã¯äººã«ã‚ˆã£ã¦é•ã†ï¼
syuntaehara 2011/11/23
html

HTML5

pdf

evernote

ã¾ã¨ã‚

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

webåˆ¶ä½œ

ãŠå½¹ç«‹ã¡

ä¾¿åˆ©

ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
MDN Web Docs
Resources for Developers, by DevelopersDocumenting web techno logies, including CSS, HTML, and JavaScript, since 2005. ////////////Â Â Â ////////////Â Â Â ////////////Â Â Â ////////////Â Â Â ////////////Â Â Â ////////////Â Â Â ////////////Â Â ++++++Â Â ++++++Â Â ++++++Â Â ++++++Â Â ++++++Â Â ++++++Â Â ++++++{{{{Â }}}}Â Â {{{{Â }}}}Â Â {{{{Â }}}}Â Â {{{{Â }}}}Â Â {{{{Â }}}}Â Â {{{{Â }}}}Â Â Â Â Â ../../ Â Â Â ../../ Â Â Â ../../ Â Â Â ../../ Â Â Â ../../ Â Â Â ../..
syuntaehara 2011/08/29
firefox

mobile

HTML5

javascript

Mozilla

web

HTML

æŠ€è¡“

developer

OSS
ãƒªãƒ³ã‚¯
HTML5 ã§ã‚„ã‚ŠãŒã¡ãªé–“é•ã„
HTML5 Doctor ã§ ã€ŒAvoiding common HTML5 mistakesã€ ã¨ã„ã†è¨˜äº‹ãŒä¸ŠãŒã£ã¦ã„ã¾ã—ãŸã®ã§ç¨šæ‹™ã§ã¯ã‚ã‚Šã¾ã™ãŒç¿»è¨³ãªã©ã€‚HTML5 ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹éš›ã«ã‚„ã‚ŠãŒã¡ãªé–“é•ã„ã‚’ã„ãã¤ã‹æŒ™ã’ã¦ã€ã•ã‚‰ã«æ£ã—ã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ä¾‹ã‚‚ç´¹ä»‹ãã‚Œã¦ã„ã¾ã™ã®ã§ã€å‚è€ƒã«ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ HTML5 Doctor ã§ ã€ŒAvoiding common HTML5 mistakesã€ ã¨ã„ã†è¨˜äº‹ãŒä¸ŠãŒã£ã¦ã„ã¾ã—ãŸã®ã§ç¨šæ‹™ã§ã¯ã‚ã‚Šã¾ã™ãŒç¿»è¨³ãªã©ã€‚HTML5 ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹éš›ã«ã‚„ã‚ŠãŒã¡ãªé–“é•ã„ã‚’ã„ãã¤ã‹æŒ™ã’ã¦ã€ã•ã‚‰ã«æ£ã—ã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ä¾‹ã‚‚ç´¹ä»‹ãã‚Œã¦ã„ã¾ã™ã®ã§ã€å‚è€ƒã«ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ Avoiding common HTML5 mistakes ï¼š HTML5 Doctor ç¿»è¨³ã¨ã„ã£ã¦ã‚‚è¦ç´„ã¿ãŸã„ãªæ„Ÿã˜ã§ã™ã®ã§ã€æ›¸ã„ã¦ã‚ã‚‹ã“ã¨ã‚’ãã®ã¾ã¾æ—¥æœ¬èªžã«ã—ãŸã‚‚ã®ã§ã¯ã‚ã‚Š
syuntaehara 2011/07/28
html

HTML5

ã‚ã¨ã§èªã‚€

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

Web

webåˆ¶ä½œ

tips

*ã‚ã¨ã§èªã‚€

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTML5ã®å¯èƒ½æ€§ã‚’ä½“é¨“ã§ãã‚‹ã€ã™ã”ã„ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚
å½“ã‚µã‚¤ãƒˆã§ã¯Cookieã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚å¼•ãç¶šãå½“ã‚µã‚¤ãƒˆã‚’é–²è¦§ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒãƒªã‚·ãƒ¼ã‚’å—ã‘å…¥ã‚ŒãŸã‚‚ã®ã¨ã¿ãªã•ã‚Œã¾ã™ã€‚ä»Šå¾Œè¡¨ç¤ºã—ãªã„è©³ã—ãè¦‹ã‚‹
syuntaehara 2011/06/21
*webåˆ¶ä½œ

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

ã‚ã¨ã§èªã‚€

*ã‚ã¨ã§èªã‚€

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

HTML5

ã¾ã¨ã‚

ã™ã”ã„

html

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTML5 data-* attributes are great and you know it
Like I said in my previous article, all information about HTML5 is way too big to put into one blog article. We first looked at what HTML5 microdata can do for us, and today weâ€™ll dive into another feature W3C added to their HTML specification. Itâ€™s called custom data attributes (by developers mostly referenced as data-* attributes), and Iâ€™ll explain what it is and what probl ems it fixes for us. T
syuntaehara 2011/06/10
html

IT

HTML5

javascript

jQuery

ãŠå½¹ç«‹ã¡

ã‚ã¨ã§èªã‚€

webåˆ¶ä½œ

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

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ã‚¦ã‚§ãƒ–ã«ã¤ã„ã¦çŸ¥ã£ã¦ãŠããŸã„20ã®ã“ã¨
ãƒ¯ãƒ¼ãƒ«ãƒ‰ ãƒ¯ã‚¤ãƒ‰ ã‚¦ã‚§ãƒ–ãŒãƒ†ã‚£ãƒ ãƒãƒ¼ãƒŠãƒ¼ã‚º ãƒªãƒ¼æ°ã«ã‚ˆã‚Šè€ƒæ¡ˆã•ã‚Œã¦ã€20å¹´ä»¥ä¸ŠãŒçµŒã¡ã¾ã—ãŸã€‚ä»Šæ—¥ã€ã‚¦ã‚§ãƒ–ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªãƒšãƒ¼ã‚¸ã ã‘ã§ãªãã€å‹•ç”»ã‚„ç”»åƒã‚’ãµã‚“ã ã‚“ã«ä½¿ã£ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§æº¢ã‚Œã¦ã„ã¾ã™ã€‚å…ˆæ—¥å…¬é–‹ã•ã‚ŒãŸ3 Dreams of Black ã®ã‚ˆã†ãªé©æ–°çš„ã§è‰²å½©é®®ã‚„ã‹ãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãƒ“ãƒ‡ã‚ªãŒãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ä½“é¨“ã§ãã‚‹ã®ã‚‚ã€æœ€æ–°ã®ã‚¦ã‚§ãƒ–ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã«ã‚ˆã‚‹ã‚‚ã®ã§ã™ã€‚ ã§ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ã‚¦ã‚§ãƒ–ã®æŠ€è¡“ã¯ã©ã†ã„ã†ä»•çµ„ã¿ã«ãªã£ã¦ã„ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚æœ€è¿‘ã‚ˆãè€³ã«ã™ã‚‹ã€ŒHTML5ã€ã‚„ã€Œã‚¯ãƒ©ã‚¦ãƒ‰ã€ã¯ã€å…·ä½“çš„ã«ä½•ã‚’æ„å‘³ã™ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚ãã—ã¦ã€ã“ã®ã‚¦ã‚§ãƒ–ã‚’å®‰å…¨ã«ã€ã¾ãŸåŠ¹çŽ‡çš„ã«åˆ©ç”¨ã™ã‚‹ã«ã¯ä½•ã‚’çŸ¥ã£ã¦ãŠãã¹ããªã®ã§ã—ã‚‡ã†ã‹ã€‚ ãã‚“ãªç–‘å•ã«ç”ãˆã‚‹ãŸã‚åˆ¶ä½œã•ã‚ŒãŸã€ã‚¦ã‚§ãƒ–ãƒ–ãƒƒã‚¯ã€Œãƒ–ãƒ©ã‚¦ã‚¶ã‚„ã‚¦ã‚§ãƒ–ã«ã¤ã„ã¦çŸ¥ã£ã¦ãŠããŸã„20ã®ã“ã¨ã€ã‚’ã€æœ¬æ—¥ã‚ˆã‚Šæ—¥æœ¬èªžã§ã‚‚æä¾›é–‹å§‹ã—ã¾ã—ãŸã€‚ ã“ã®æ¥½ã—ãã¦å¯æ„›ã‚‰ã—ã„
syuntaehara 2011/06/03
web

Chrome

è³‡æ–™

ã‚ã¨ã§èªã‚€

IT

blog

ã‚¯ãƒ©ã‚¦ãƒ‰

google

html

HTML5
ãƒªãƒ³ã‚¯
CSS: Elastic Videos - Web Designer Wall
While I was coding the Elemin Theme (a responsive WordPress theme that I recently designed), one of the challenges that I faced was to make the embedded videos elastic. Using the max-width:100% and height:auto trick works with native HTML5 video tag, but it doesnâ€™t work with embed code using iframe or object tag. After hours of experimenting and Googling, I finally found a trick on how to achieve
syuntaehara 2011/06/01
design

HTML5

css

photoshop

html

IT

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

webåˆ¶ä½œ

tips

css3
ãƒªãƒ³ã‚¯
HTML5ã®æ–°æ©Ÿèƒ½ãŒä¸€ç›®ã§ã‚ã‹ã‚‹ï¼å„ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã‚‹ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆ Â« wondering-mug
5 5æœˆ 2011 - by cat_anywhere HTML5ã¯ã«ã¯ã€ãŠã‚ˆã10å¹´å‰ã®è¦æ ¼ã§ã‚ã‚‹HTML4.0ï¼ˆç¾åœ¨ã¯4.01ï¼‰ã§ã¯è£œãˆãã‚Œãªã„ã€ç¾åœ¨ã®WEBç’°å¢ƒã«å¯¾å¿œã™ã‚‹ãŸã‚ã«æ–°ãŸã«è¿½åŠ ã•ã‚ŒãŸæ–°æ©Ÿèƒ½ãŒç›®ç™½æŠ¼ã—ã ã€‚ ç¾åœ¨ã¯ã¾ã ãƒ‰ãƒ©ãƒ•ãƒˆ(è‰æ¡ˆ)ã®æ®µéšŽã ãŒã€W3Cã‹ã‚‰æ£å¼ã«å‹§å‘Šã•ã‚Œã‚‹ã®ã¯ã€2012å¹´3æœˆãã‚‰ã„ã ã¨è¨€ã‚ã‚Œã¦ã„ã‚‹ã€‚ æ³¨ç›®ã•ã‚Œã‚‹æ–°æ©Ÿèƒ½ã¨ã—ã¦ã¯ã€JavaScriptã‚’ä½¿ã„ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§æå†™ã§ãã‚‹<canvas>ã‚¿ã‚°ã‚„ã€ãƒãƒ¼ã‚«ãƒ«ã«ã‚ãƒ£ãƒƒã‚·ãƒ¥ã¨ã—ã¦ãƒ‡ãƒ¼ã‚¿ã‚’ç½®ãã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè¡Œå¯èƒ½ã«ãªã‚‹APIã€Web storageãªã©ãŒã‚ã‚‹ãŒã€ã€Œã„ã£ãŸã„ã©ã‚Œãã‚‰ã„ã‚¹ã‚´ã‚¤ã®ãã‚Œï¼Ÿã€ã¨ã‹ã€ã€Œä»Šã¾ã§ã¨ã©ã†é•ã†ã®ã‚ˆï¼Ÿã€ã¨æ€ã£ã¦ã‚‹äººã‚‚å¤šã„ã¨æ€ã†ã€‚ ãã†ã„ã£ãŸç–‘å•ã«ç”ãˆã‚‹ã¹ãã€å„ãƒ–ãƒ©ã‚¦ã‚¶ãŒã€HTML5ã®ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã‚’æ¬¡ã€…ã«å…¬é–‹ã—ã€ã€Œä¿ºã‚“ã¨ã“ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€ã“ã‚“ãªã“ã¨ãŒå‡ºæ¥ã‚‹ãœï¼ã€ã¨çŒ›ã‚¢ãƒ”ãƒ¼ãƒ«ã—ã¦ã„
syuntaehara 2011/05/29
html

HTML5

web

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

JavaScript

google

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

canvas

api

iPhone
ãƒªãƒ³ã‚¯
HTMLã§å›³ã¾ã§æã‘ã‚‹ï¼é€²åŒ–ã—ãŸã€ŒHTML5ã€ã£ã¦ã©ã‚“ãªã‚‚ã®ï¼Ÿ - ã¯ã¦ãªãƒ‹ãƒ¥ãƒ¼ã‚¹
HTMLè¨€èªžã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã—ã¦ã€ç¾åœ¨æ¨™æº–åŒ–ä½œæ¥ãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã€ŒHTML5ã€ã€‚ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã§ã‚‚ã“ã®ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’ç›®ã«ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã€ã€ŒHTML5ã£ã¦ä½•ï¼Ÿã€ã¨ç–‘å•ã«æ€ã£ã¦ã„ã‚‹äººã‚‚å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ä»Šå›žã¯ã€ã€ŒHTML5ã£ã¦ä½•ï¼Ÿã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ï¼Ÿã€ã¨ã„ã†ç–‘å•ã«ãŠç”ãˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ â– HTML5ã§ã§ãã‚‹ã“ã¨ ã¾ãšã¯ã€HTML5ã‚’ä½¿ã†ã¨å…·ä½“çš„ã«ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ã‚’è¦‹ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ ï¼œå…·ä½“çš„ã«ä½•ãŒã§ãã‚‹ã®ï¼Ÿï¼ž â–½HTML5.JP - æ¬¡ä¸–ä»£HTMLæ¨™æº– HTML5æƒ…å ±ã‚µã‚¤ãƒˆ â–½HTML5ã¨ã¯ï¼Ÿå¤‰ã‚ã‚‹Webã¨æ³¨ç›®ã®æ–°è¦ç´ HTML5.0ã®æƒ…å ±ã‚µã‚¤ãƒˆ â–½å¤§å¹…ã«é€²åŒ–ã—ãŸæ¬¡ä¸–ä»£ HTML è¦æ ¼ã€ŒHTML5ã€ã¨ã¯ï¼Ÿ - japan.internet.com Webãƒ“ã‚¸ãƒã‚¹ â–½HTML5, ãã¡ã‚“ã¨ã€‚ â–½ã‚ã–ã¾ã—Tech - HTML5 ã«ã¤ã„ã¦ã® Q&A â–½2010å¹´ã«å‹§å‘Šã•ã‚Œã‚‹ã€Œ
syuntaehara 2011/05/29
Webãƒ‡ã‚¶ã‚¤ãƒ³

web

html5

è³‡æ–™

*ã‚ã¨ã§èªã‚€

ã‚ã¨ã§èªã‚€

webåˆ¶ä½œ

ã¾ã¨ã‚

HTML5

html
ãƒªãƒ³ã‚¯
ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã‚‚ã†å¤ã„ï¼ HTML5ï¼‹CSS3æ™‚ä»£ã®ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒ»ã‚¨ãƒ³ãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆ
IE 9ãŒç™»å ´ï¼ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é–²è¦§ç’°å¢ƒãŒã¾ã™ã¾ã™å¤šæ§˜åŒ–ï¼ 4æœˆ26æ—¥ã€ã¤ã„ã«æ—¥æœ¬ã§ã‚‚Internet Explorerï¼ˆä»¥ä¸‹ã€IEï¼‰ 9ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ã¾ãŸã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã¯æ—©ãã‚‚IE 10ã®ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ç‰ˆã‚’å…¬é–‹ã—ã¦ãŠã‚Šã€CSS3ã‚„JavaScriptå‘¨ã‚ŠãŒã€ã•ã‚‰ã«å¼·åŒ–ã•ã‚Œã‚‹ãªã©ãƒªãƒƒãƒãªWebè¡¨ç¾ãŒåŠ é€Ÿã—ã¦ãã¦ã„ã¾ã™ã€‚ IEã®ã¿ãªã‚‰ãšã€Firefoxã€Safariã€Google Chromeï¼ˆä»¥ä¸‹ã€Chromeï¼‰ãªã©ä»–ã®Webãƒ–ãƒ©ã‚¦ã‚¶ã‚‚ã™ã•ã¾ã˜ã„å‹¢ã„ã§é€²åŒ–ã—ã¦ãã¦ãŠã‚Šã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆPCãªã©ã®ãƒ‡ãƒã‚¤ã‚¹ã‚‚ç¶šã€…ã¨é–‹ç™ºã•ã‚Œã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é–²è¦§ç’°å¢ƒãŒã¾ã™ã¾ã™å¤šæ§˜åŒ–ã—ã¦ãã¦ã„ã¾ã™ã€‚ ãã†ã—ãŸæµã‚Œã®ä¸ã§ã€å¿…ç„¶çš„ã«æ¬ ã‹ã™ã“ã¨ãŒã§ããªããªã‚‹çŸ¥è˜ãŒã€ã“ã®ã€Œãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒ»ã‚¨ãƒ³ãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆã€ã¨ã„ã†æ¦‚å¿µã§ã™ã€‚ ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–ãƒ»ã‚¨ãƒ³ãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆã£ã¦ä½•ï¼Ÿ Webãƒ–ãƒ©ã‚¦ã‚¶ã‚„ç«¯æœ«ãªã©ã®é–²è¦§ç’°å¢ƒãŒå¤šæ§˜åŒ–ã—ã¦ãã¦ã„ã¾
syuntaehara 2011/05/25
Webåˆ¶ä½œ

web

CSS

webdesign

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

Web

html

HTML5

css

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

HTML5

ios

html

webåˆ¶ä½œ

javascript

iphone

Mac
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ä½œã£ãŸå¾Œã®ãƒã‚§ãƒƒã‚¯è¡¨
æ„›å®•å±±å¤ªéƒŽåŠ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åˆ¶ä½œé€²è¡Œæ”¯æ´ã‚½ãƒ•ãƒˆ æ„›å®•å±±å¤ªéƒŽåŠ ãƒã‚°ã‚¤ãƒ³ ä¼šç¤¾id ãƒ¦ãƒ¼ã‚¶ãƒ¼å ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ ãƒ¦ãƒ¼ã‚¶ãƒ¼åã¾ãŸã¯ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ãŒæ£ã—ãã‚ã‚Šã¾ã›ã‚“ã€‚ é–‰ã˜ã‚‹ ãƒã‚°ã‚¤ãƒ³
syuntaehara 2011/05/20
Tutorial

html

command

shell

Web

é–‹ç™º

reference

HTML5

Linux

plugin
ãƒªãƒ³ã‚¯
HTML5 ã®ãƒªã‚»ãƒƒãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ - html5doctor - HTML5.JP
ã‚µã‚¤ãƒˆå†…æ¤œç´¢ ã“ã®è¨˜äº‹ã¯ã€html5doctor ã«æŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹è¨˜äº‹ã€ŒHTML5 Reset Stylesheetã€ã‚’æ—¥æœ¬èªžè¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€HTML5 ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸãƒšãƒ¼ã‚¸ã«ã‚‚å¯¾å¿œã—ãŸã€ãƒªã‚»ãƒƒãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚æœ€å¾Œã«ã€HTML5 å‘ã‘ã®ãƒªã‚»ãƒƒãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ åŽŸæ–‡ã‚¿ã‚¤ãƒˆãƒ« HTML5 Reset Stylesheet åŽŸæ–‡ãƒšãƒ¼ã‚¸ URL http://html5doctor.com/html-5-reset-stylesheet/ è‘—è€… Richard Clark æ° åŽŸæ–‡æŠ•ç¨¿æ—¥ 2009-07-27 ä¸€éƒ¨ã€ç›´è¨³ã§ã¯ãªãæ„è¨³ã—ãŸéƒ¨åˆ†ãŒã”ã–ã„ã¾ã™ã€‚åŽŸæ–‡ã¨è¡¨ç¾ãŒç•°ãªã‚‹ã“ã¨ãŒã”ã–ã„ã¾ã™ã®ã§ã€ã”äº†æ‰¿ãã ã•ã„ã€‚ã“ã®æœ¬æ—¥æœ¬èªžè¨³ã«ã¯ã€ç¿»è¨³ä¸Šã®èª¤ã‚ŠãŒã‚ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ã—ãŸãŒã£ã¦ã€å†…å®¹ã«ã¤ã„ã¦ä¸€åˆ‡ä¿è¨¼ã‚’ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚æ£ç¢ºã•ã‚’
syuntaehara 2011/04/15
HTML5

html

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

CSS

reset

ãƒªã‚»ãƒƒãƒˆcss

Webåˆ¶ä½œ

useWork

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
HTML5ã§ã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚ä½¿ãˆã‚‹iPod/iPhoneè¶…ç°¡å˜ã‚¢ãƒ—ãƒªã£ã½ã„ã‚‚ã®ã‚’ä½œã£ã¦ã¿ãŸ ï¼ Publickey
HTML5ã«ã¯ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ãŒã‚ã‚Šã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸWebã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã„ã¡ã©è¡¨ç¤ºã•ã›ã‚Œã°ã€ã‚ã¨ã¯ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã¨ã®æŽ¥ç¶šãŒåˆ‡ã‚Œã¦ã‚‚ãã®ã¾ã¾ã‚¨ãƒ©ãƒ¼ã‚’èµ·ã“ã•ãšã«åˆ©ç”¨ã—ç¶šã‘ã‚‰ã‚Œã‚‹Webã‚µã‚¤ãƒˆã§ã™ã€‚ iPod Touchã‚„iPhoneã«æè¼‰ã•ã‚Œã¦ã„ã‚‹Webãƒ–ãƒ©ã‚¦ã‚¶ã®ã€ŒSafariã€ã¯HTML5ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã«å¯¾å¿œã—ã¦ã„ã‚‹ãã†ãªã®ã§ã€HTML5ã‚’ä½¿ã£ã¦ã„ã¤ã§ã‚‚å‚ç…§ã§ãã‚‹è¶…ç°¡å˜ãªã‚¢ãƒ—ãƒªã‚’ä½œã‚Œã‚‹ã®ã§ã¯ãªã„ã‹ã€ãã†æ€ã£ã¦ãŠæ£æœˆä¼‘ã¿ã«è©¦ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ å˜ã«è·¯ç·šå›³ã‚’è¡¨ç¤ºã™ã‚‹ã ã‘ã®ã‚¢ãƒ—ãƒª iPod Touchã‚’åƒ•ã¯åˆ©ç”¨ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã„ã¤ã§ã‚‚å‚ç…§ã§ãã‚‹åœ°ä¸‹é‰„ã®è·¯ç·šå›³ãŒã‚ã‚‹ã¨ã„ã„ãªã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚iPod Touchã¯Wifiæ©Ÿèƒ½ã—ã‹ãªã„ãŸã‚ã€å¤–å‡ºä¸ã¯ãšã£ã¨ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã®åˆ©ç”¨ãªã®ã§ã™ã€‚ ãã“ã§ã€èµ·å‹•ã™ã‚‹ã¨è·¯ç·šå›³ã®ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹ã ã‘ã®è¶…
syuntaehara 2011/04/15
html

ç”»åƒ

HTML5

Web

ã‚ã¨ã§èªã‚€

webåˆ¶ä½œ

ã‚¢ãƒ—ãƒª

iphone
ãƒªãƒ³ã‚¯
iPhone OS 4.0ã§videoè¦ç´ ã‚’ä½¿ã†ã¨ã€ãƒšãƒ¼ã‚¸ã«å‹•ç”»ã‚’åŸ‹ã‚è¾¼ã‚ã‚‹[è¿½è¨˜ã‚ã‚Š] - EC studio ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ–ãƒã‚°
[è¿½è¨˜]2010/07/27 ã™ã§ã«è²©å£²ã•ã‚Œã¦ã„ã‚‹iPhone4ï¼ˆiOS4ï¼‰ã§ã‚µãƒ³ãƒ—ãƒ«ã‚’æ¤œè¨¼ã—ãŸã¨ã“ã‚ã€åŸ‹ã‚è¾¼ã¿ã§å†ç”Ÿã¯ã§ããªããªã£ã¦ã„ã¾ã—ãŸã€‚iOS4ã®ãƒªãƒªãƒ¼ã‚¹ä»¥å‰ã®3GS+iOS4ã§ã¯å¯èƒ½ã§ã‚ã£ãŸã“ã¨ã‚’ç¢ºèªã—ã¦ã„ã¾ã™ã®ã§ã€ä»•æ§˜ã®å¤‰æ›´ãŒã‚ã£ãŸå¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ã‚ã‚‰ãŸã‚ã¦æ–¹æ³•ãŒåˆ†ã‹ã‚Œã°è¨˜äº‹ã«ãŠã“ã—ãŸã„ã¨ãŠã‚‚ã„ã¾ã™ã€‚ iPhoneã®Mobile Safariã§ã¯HTML5ãŒä½¿ãˆã‚‹ã¨ã„ã†ã®ã¯ä»¥å‰ã«æ›¸ã„ãŸè¨˜äº‹ã§ã‚‚ç´¹ä»‹ã—ãŸã“ã¨ãŒã‚ã‚‹ã®ã§ã™ãŒã€HTML5ã®å„è¦ç´ ãŒã™ã¹ã¦å®Œå…¨ã«ä½¿ãˆã‚‹ã¨ã„ã†ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãã®ä¸ã®ä¸€ã¤ã§ã‚ã‚‹videoè¦ç´ ã¯ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ä¸Šä½¿ã†ã“ã¨ã¯å¯èƒ½ã§ã™ãŒã€ã„ã–å‹•ç”»ã‚’è¦‹ã‚ˆã†ã¨ã™ã‚‹ã¨QuicktimeãŒèµ·å‹•ã™ã‚‹ã®ã§videoè¦ç´ ã‚’ä½¿ã†ãƒ¡ãƒªãƒƒãƒˆãŒã»ã¨ã‚“ã©ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã—ã‹ã—videoè¦ç´ ã¯OS4.0ã‹ã‚‰ãƒšãƒ¼ã‚¸ã«åŸ‹ã‚è¾¼ã¾ã‚Œã‚‹å½¢ã§å†ç”Ÿã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ iAdã®è¡æ’ƒ çš†ã•ã‚“iA
syuntaehara 2011/04/15
HTML5

html

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

å‹•ç”»

webdesign

iPhone

video

iphone
ãƒªãƒ³ã‚¯
1