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

morita_y id:morita_y

HTML5ã«é–¢ã™ã‚‹morita_yã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (103)

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

WAI-ARIA ã®åŸºç¤ŽçŸ¥è˜ | Accessible & Usable
å…¬é–‹æ—¥ : 2014å¹´4æœˆ15æ—¥ (2018å¹´1æœˆ20æ—¥ æ›´æ–°) ã‚«ãƒ†ã‚´ãƒªãƒ¼ : ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ / æƒ…å ±è¨è¨ˆ (IA) WAI-ARIA 1.0 ãŒã€2014å¹´3æœˆ20æ—¥ä»˜ã§ W3C ã®å‹§å‘Š (Recommendation) ã«ãªã‚Šã¾ã—ãŸã€‚ WAI-ARIA ã¨ã¯ã€Web Accessibility Initiative (W3C ã®ä¸ã§ã€Web ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é–¢ã™ã‚‹ä»•æ§˜ã‚’æ¤œè¨Žã™ã‚‹éƒ¨ä¼š) ãŒç–å®šã—ãŸã€Accessible (ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«) ãª Rich Internet Applications (ãƒªãƒƒãƒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ : RIA) ã«é–¢ã™ã‚‹ä»•æ§˜ã§ã™ã€‚ã“ã®ä»•æ§˜ã§å®šã‚ã‚‰ã‚ŒãŸè¨˜è¿°ã‚’ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«åŠ ãˆã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€JavaScript ãªã©ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«å‹•ããƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ (UI) ã§ã‚ã£ã¦ã‚‚ã€ãã®çŠ¶æ³ã®å¤‰åŒ–ã‚’ã€ãƒžã‚·ãƒ³ãƒªãƒ¼ãƒ€ãƒ–ãƒ«ãªå½¢ã§æ”¯æ´æŠ€è¡“ (ã‚¹ã‚¯ãƒªãƒ¼
morita_y 2016/02/10
å…¨ç„¶å‹‰å¼·ã—ã¦ãªã‹ã£ãŸã®ã§èªã‚€

HTML5
ãƒªãƒ³ã‚¯
ä¸–ã®ä¸ã®HTML5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒç³žã ã‹ã‚‰ã€ä¿ºãŒã€ŒåˆæœŸåŒ–ã€ã®ä½œã‚Šæ–¹ã‚’æ•™ãˆã¦ã‚„ã‚“ã‚ˆ - mizchi's blog
2chã¾ã¨ã‚ã¿ãŸã„ãªã‚¿ã‚¤ãƒˆãƒ«ã«ã—ã¦ã¿ãŸã€‚(ã—ã¦ã¿ãŸã‹ã£ãŸ) HTML5ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨åˆæœŸåŒ–ã¨ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®è€ƒãˆæ–¹ãŒã€ã€Œã‚¦ã‚§ãƒ–ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ã¯æœ¬å½“ã«å‡ºæ¥ã¦ãªã„ã€‚ ã¨ãã«ã‚½ã‚·ãƒ£ã‚²ã‚’ã‚¦ã‚§ãƒ–ãƒ“ãƒ¥ãƒ¼ã«è²¼ã£ã¦ã‚¹ãƒžãƒ›å¯¾å¿œã—ã¾ã—ãŸç³»ã€‚æœ¬å½“ã«ãƒ€ãƒ¡ã€‚ ã˜ã‚ƒã‚ã©ã†ã™ã‚‹ã‹ï¼ŸåŸºæœ¬çš„ã«ã€ŒåˆæœŸåŒ–ã€ã®è€ƒãˆæ–¹ã‚’ç›´ã›ã°ã©ã†ã«ã‹ãªã‚‹ã€‚ (ã“ã®è¨˜äº‹ã¯Backboneã‚’ä½¿ã†ã¨ãã«è€ƒãˆã¦ã‚‹ã“ã¨ã ã‘ã©ã€ä»–ã§ã‚‚ä¸€ç·’ã ã¨æ€ã†) å‰æ ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã‚„SEOã¯è€ƒæ…®ã—ãªã„ åŸºæœ¬å“²å¦ å…±é€šãƒ¢ãƒ‡ãƒ«ã®åˆæœŸåŒ–ã‚’å¾¹åº•çš„ã«è¡Œã† ã‚µãƒ¼ãƒãƒ¼ã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æŠ•ã’ã‚‹ã®ã¯æœ€å°é™ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚µãƒ¼ãƒãƒ¼ãƒ¢ãƒ‡ãƒ«ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’ä½œã‚Šã€æ›´æ–°ãŒæœŸå¾…ã•ã‚Œã‚‹ã¾ã§å†å–å¾—ã—ãªã„ ç†ç”± ã„ãã‚‰DOMã®æœ€é©åŒ–ã—ãŸã¨ã“ã‚ã§UXã«å½±éŸ¿ãŒå¤§ãã„ã®ã¯ã‚µãƒ¼ãƒãƒ¼ãƒªã‚¯ã‚¨ã‚¹ãƒˆ(200~2000ms)ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ®µéšŽã§è¾›ã•ãŒã‚ã¤ã¾ã‚‹ã®ã¯éžåŒæœŸå‡¦ç†ã®éƒ¨åˆ†ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒžã¨ã—
morita_y 2013/09/26
ã‚ˆãã‚ã‹ã‚‰ã‚“ã‘ã©ã‚ã¨ã§ç›®ã‚’é€šã™

HTML5

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
HTML5ã®SEOï¼ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§æ³¨æ„ã™ã¹ãï¼“ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
HTML5ã‚’æŽ¡ç”¨ã—ãŸWebã‚µã‚¤ãƒˆæ§‹ç¯‰ã‚’ã™ã‚‹éš›ã«ã€SEOã¯ã©ã®ã‚ˆã†ãªãƒã‚¤ãƒ³ãƒˆã‚’è€ƒæ…®ã™ã¹ããªã®ã‹ï¼Ÿã€€HTML5ã§ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã€ãƒªãƒƒãƒè¡¨ç¾ã€SEOåŠ¹æžœã®ã‚ã‚‹hè¦ç´ ã®ä½¿ã„æ–¹ã€HTML5ã§è¿½åŠ ãƒ»å‰Šé™¤ãƒ»å¾©æ´»ã•ã‚ŒãŸè¦ç´ ãªã©ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ HTML5åŒ–ã«ã‚ˆã‚‹SEOåŠ¹æžœã®å½±éŸ¿ã¯ã‚ã‚‹ã‹ Webã‚µã‚¤ãƒˆã‚’HTML5ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ã™ã‚‹éš›ã€ç‰¹ã«HTML4ãªã©ã‹ã‚‰HTML5ã«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹å ´åˆã«ã€ãã‚Œã«ã‚ˆã£ã¦æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã«ã‚ˆã‚‹è©•ä¾¡ãŒå¤‰åŒ–ã™ã‚‹ã®ã‹ã©ã†ã‹ã¯éžå¸¸ã«æ°—ã«ãªã‚‹å•é¡Œã§ã™ã€‚ å„æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã§ã¯ã€ã“ã®ç–‘å•ã«ã¤ã„ã¦å…¬å¼ã«èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚Googleã¯HTML5åŒ–ã™ã‚‹ã“ã¨ã§ãƒ—ãƒ©ã‚¹ã«ã‚‚ãƒžã‚¤ãƒŠã‚¹ã«ã‚‚ãªã‚‰ãªã„ã¨åº¦ã€…å…¬å¼ã«è¨€åŠã—ã¦ã„ã¾ã™ã—ã€Bingã¯ã€ŒList of things you really ought to know as an SEO today(ä»ŠSEOã¨ã—ã¦æœ¬å½“ã«çŸ¥ã£ã¦ãŠããŸã„ã“ã¨)ã€ã¨é¡Œã—ãŸè¨˜äº‹ã®ä¸
morita_y 2013/09/12
HTML5
ãƒªãƒ³ã‚¯
HTMLã®ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³æ„è˜ã—ã¦ã¾ã™ã‹ï¼Ÿ - Qiitaã®SEOäº‹æƒ…ï¼ˆå‰ç·¨ï¼‰ - Qiita
ã€Œæœ€è¿‘Qiitaã‚’æ¤œç´¢çµæžœã§ã‚ˆãè¦‹ã‚‹ã‚ˆã†ã«ãªã£ãŸãªãã€ã¨æ„Ÿã˜ã‚‹äººã¯ã„ã¾ã›ã‚“ã‹ï¼Ÿ SEOã‚’é ‘å¼µã£ã¦ã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã¯æ•°å¤šå˜åœ¨ã—ã¾ã™ãŒã€Qiitaã‚‚ãã®ä¸ã®1ã¤ã§ã™ã€‚ SEOã£ã¦ã„ã†ã¨ã‚„ã‚Œã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ãŒã©ã†ã ã“ã†ã ã€ã‚µã‚¤ãƒˆå†…ãƒªãƒ³ã‚¯ãŒã©ã†ã ã“ã†ã ã€ã¨ã„ã†è©±ã«ãªã£ã¦ã—ã¾ã„ãŒã¡ã§ã™ãŒï¼ˆãã†ã„ã†ã®ãŒä¸è¦ã¨è¨€ã£ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªã„ã§ã™ã‚ˆï¼‰ã€ä»Šå›žã¯QiitaãŒSEOã®ä¸€ç’°ã¨ã—ã¦è¡Œãªã£ã¦ã„ã‚‹æ•°å¤šã®å–ã‚Šçµ„ã¿ã®ä¸ã§ã€æ¯”è¼ƒçš„Webä¸Šã§ã®è¨€åŠæ•°ã®å°‘ãªã„å°è±¡ã®ã‚ã‚‹ã€HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã¤ã„ã¦ã€å¤–ã«å‡ºã›ã‚‹ç¯„å›²ã§ã€å‰ç·¨ã¨å¾Œç·¨ã«åˆ†ã‘ã¦è§£èª¬ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å¾Œç·¨ã¯ã“ã¡ã‚‰ å…è²¬äº‹é …çš„ãª SEOã¨ã„ã†ã®ã¯å®Œå…¨ã«çµæžœè«–ã§ã—ã‹èªžã‚‹ã“ã¨ã®ã§ããªã„ã‚‚ã®ã§ã™ã€‚ã¾ãŸæ™‚ã¨å…±ã«åŠ¹æžœçš„ã¨ã•ã‚Œã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯å¤‰ã‚ã£ã¦ã„ãã¾ã™ã€‚ã“ã®è¨˜äº‹ã¯Qiitaã®ä¸ã®äººãŒã€ŒåŠ¹æžœã‚ã‚‹ã‚“ã¡ã‚ƒã†ã‹ã€ã¨è©¦è¡ŒéŒ¯èª¤ã—ãªãŒã‚‰ã‚ã‚Œã“ã‚Œè¡Œãªã£ã¦ã„ã‚‹ã“ã¨ã®ä¸€éƒ¨ã‚’ç´¹ä»‹ã™ã‚‹ã‚‚ã®ã§ã‚ã£ã¦ã€
morita_y 2013/07/19
HTML5

SEO

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ¡ãƒ¢12å€‹ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
display:table-cell; ã‚’æ´»ç”¨ã™ã‚‹ ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã™ã”ãä¾¿åˆ©ã€‚ è¦ªè¦ç´ ã« display:table; åè¦ç´ ã« display:table-cell; è¨˜äº‹ãƒªã‚¹ãƒˆãªã©ã€ç”»åƒã¨ãƒ†ã‚ã‚¹ãƒˆã‚’æ¨ªä¸¦ã³ã«ã™ã‚‹ã¨ãã«ã€‚ å‡ç‰ã«æ¨ªä¸¦ã³ã«ã—ãŸã„ã¨ãã«ã€‚ ã‚¿ãƒƒãƒ—æ™‚ã®ã‚«ãƒ©ãƒ¼è¨å®š CSSã§ä»¥ä¸‹ã®ã‚ˆã†ã«è¨å®šã€‚ã‚¢ãƒ«ãƒ•ã‚¡å€¤ã‚‚è¨å®šå¯èƒ½ã€‚ -webkit-tap-highlight-color: rgba(255,105,183,0.6); ç”»åƒã€iframeã« max-width ã‚’æŒ‡å®š imgãƒ»iframeã¯ã€ã‚µã‚¤ã‚ºãŒå¤§ãã™ãŽã¦ç”»é¢ã‹ã‚‰ã¯ã¿å‡ºã™ã“ã¨ãŒã‚ã‚‹ã®ã§ max-width:100%; ã‚’æŒ‡å®šã™ã‚‹ã€‚ word-break:break-all; ã‚’æŒ‡å®š ã‚¹ãƒžãƒ›ã¯å¹…ãŒç‹ã„ãŸã‚ã€é•·ã„URLãªã©ãŒ1è¡Œã«å…¥ã‚Šãã‚Šã¾ã›ã‚“ã€‚ word-break:break-all; ã‚’é©å®œæŒ‡å®šã™ã‚‹ã€‚ ãƒ•ã‚©
morita_y 2013/06/24
HTML5

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTML5 ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§å¿ƒæŽ›ã‘ãŸã„äº‹ - HTML5 ã®ã„ã‚ã„ã‚ãªè¦ç´
HTML5 ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§å¿ƒæŽ›ã‘ãŸã„äº‹ã‚’æŒ™ã’ã¦ã¿ã¾ã™ã€‚ å¹³æˆ25å¹´ 5æœˆ16æ—¥ç¾åœ¨ã€HTML5 å‹§å‘Šã«å‘ã‘ã¦ã€ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã®é–‹ç™ºè€…ã¯ HTML5 ã¸ã®å¯¾å¿œã‚’æ€¥é€Ÿã«é€²ã‚ã¦ãŠã‚Šã¾ã™ãŒã€ãã†ã§ãªã„ç’°å¢ƒã€ä¾‹ãˆã°éŸ³å£°å‡ºåŠ›ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ CUI ç’°å¢ƒå‘ã‘ãƒ†ã‚ã‚¹ãƒˆãƒ–ãƒ©ã‚¦ã‚¶ãªã©ã«ã¤ã„ã¦ã¯ã€æ®†ã©ã¨è¨€ã£ã¦è‰¯ã„ç¨‹è©±ã‚’èžãã¾ã›ã‚“ã€‚ ã“ã†è¨€ã£ãŸäº‹ã‹ã‚‰ã€HTML4/XHTML1 æ™‚ä»£ã®ç’°å¢ƒã§ã‚‚å•é¡Œãªãå–ã‚Šæ‰±ãˆã‚‹ã‚ˆã†ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã¹ãã§ã—ã‚‡ã†ã€‚ ã¯ã˜ã‚ã«ã€‚ å¹³æˆ24å¹´12æœˆ17æ—¥ã« HTML5 ã®å‹§å‘Šå€™è£œãŒç™ºè¡¨ã•ã‚Œã€HTML5 ã¯å‹§å‘Šã«å‘ã‘ã¦å¤§ããå‰é€²ã—ã¦ãŠã‚Šã¾ã™ã€‚ ç‰¹ã«ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã®é–‹ç™ºè€…ã¯ã€WAHTWG ã«åŠ ç›Ÿã—ã¦ã„ãªã„ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆç¤¾ã‚’å«ã‚ã¦ HTML5 ã¸ã®å¯¾å¿œã‚’æ€¥é€Ÿã«å‹§ã‚ã¦ãŠã‚Šã€è¥¿æš¦2014å¹´ã«å‹§å‘Šã•ã‚Œã‚‹é ƒã«ã¯ã€æ®†ã©ã®ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ãŒ HTML5 å¯¾å¿œã«ãªã£ã¦ã„ã‚‹
morita_y 2013/05/18
HTML5

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã“ã‚Œãªã‚‰åˆ†ã‹ã‚‹ï¼WEBåˆ¶ä½œã‚’ç„¡æ–™ã§ã€Œå¦ã¹ã‚‹ã€ã‚µã‚¤ãƒˆã¾ã¨ã‚
ä½œæˆï¼š2013/02/4 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > åŸºæœ¬çš„ãªã¨ã“ã‚ã‚’ç°¡å˜ã«ã€æ¥½ã—ãè¦šãˆãŸã„ è‡ªåˆ†ã§ã‚µãƒ¼ãƒ“ã‚¹ä½œã£ãŸã‚Šã€ä¼šç¤¾ã‚„é•ã†è·ç¨®ã§ã‚‚ è‰²ã€…ã¨ã€ŒåŸºæœ¬ã€ã¯ãŠã•ãˆã¦ãŠããŸã„ ä»Šå›žã¯ã‚µã‚¤ãƒˆåˆ¶ä½œã«å¿…è¦ãªã€ŒåŸºæœ¬çš„ãªçŸ¥è˜ãƒ»æƒ…å ±ã€ã‚’ã€åˆ†ã‹ã‚Šã‚„ã™ã„ã‚µã‚¤ãƒˆã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¾ã—ãŸã€‚å¿…ãšãŠã•ãˆã¦ãŠããŸã„ã‚¹ã‚ãƒ«ãƒ»çŸ¥è˜ã§ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ï¼‘ï¼ŽHTML5 ï¼’ï¼ŽCSS ï¼“ï¼Žãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– ï¼”ï¼Žé…è‰² ï¼•ï¼Žè¦–ç·šèª˜å°Ž / å¿ƒç†å¦ ï¼–ï¼Žã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ / ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ ï¼—ï¼ŽSEO ï¼˜ï¼Žãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ ï¼™ï¼Žã‚¢ã‚¯ã‚»ã‚¹è§£æž ï¼‘ï¼ï¼ŽWEBãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚° ï¼‘ï¼‘ï¼Žã‚³ãƒ”ãƒ¼ãƒ©ã‚¤ãƒ†ã‚£ãƒ³ã‚° ï¼‘ï¼’ï¼Žã‚½ãƒ¼ã‚·ãƒ£ãƒ« ï¼‘ï¼ŽHTML5 HTML5ã£ã¦ä½•ï¼Ÿ HTML5ã¨ã¯ä½•ã‹ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ãŸ - Yahoo! JAPAN Tech Blog Canvasã«ã¤ã„ã¦çŸ¥ã£ã¦ãŠã
morita_y 2013/02/05
HTML5

CSS3

webåˆ¶ä½œ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Interoperable (HTML5) quirks mode (Windows)
In Internet ExplorerÂ 10, we've modified the default behavior of quirks mode to improve support for industry standards, such as HTML5, and to increase interoperability with other browsers. Quirks mode now exposes the same set of APIs and behavior as standards mode with limited exceptions as defined in HTML5 and related W3C specifications. These changes can impact quirks mode pages written exclusive
morita_y 2013/02/02
HTML5

IE
ãƒªãƒ³ã‚¯
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
morita_y 2013/02/01
ã‚ã¨ã§èªã‚€

HTML5

webåˆ¶ä½œ

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

å‚è€ƒ
ãƒªãƒ³ã‚¯
hanatoweb.jpÂ -Â ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼Â -Â hanatoweb ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
morita_y 2013/01/16
HTML5

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
HTML5KARUTA - ã€ŒHTML5ã‚«ãƒ«ã‚¿ã€ã§è¦šãˆã‚‹ï¼HTML5ã®108ã¤ã®ã‚¿ã‚°
ã€ŒHTML5ã‚«ãƒ«ã‚¿ã€ã§è¦šãˆã‚‹HTML5ã®108ã¤ã®ã‚¿ã‚° å‹•ç”»ãŒè¡¨ç¤ºã•ã‚Œãªã„å ´åˆã¯ html5jã®Youtubeãƒãƒ£ãƒ³ãƒãƒ«ã¸ï¼ Created by WEBCRE8.jp å››ç•³åŠãƒ¯ãƒ¼ã‚¯ã‚¹ Supported by tweet hatena facebook_like æœä¸€è¦§
morita_y 2012/12/19
HTML5

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
Photoshop VIP â˜ž HTML5ã¨CSS3ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸç„¡æ–™ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ15å€‹ã¾ã¨ã‚ (PSDãƒ•ã‚¡ã‚¤ãƒ«ä»˜)
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
morita_y 2012/09/26
HTML5

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
HTML5æ¯ï½œ2012å¹´ ãƒ–ãƒ©ã‚¦ã‚¶ã§ç«¶ã† ç†±ã„å¤
ã‚«ãƒ¤ãƒƒã‚¯ã®HTML5ã‚·ãƒªãƒ¼ã‚ºç¬¬ï¼’å¼¾ï¼æ—¥é ƒã®é‹å‹•ä¸è¶³ã‚’è§£æ¶ˆã§ãã‚‹ï¼Ÿã¡ã‚‡ã£ã¨è´…æ²¢ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„é›†ã€‚
morita_y 2012/07/06
ãƒ–ãƒ©ã‚¦ã‚¶ã§ã“ã‚“ãªã«æ¥½ã—ã‚ã‚‹ã¨ã¯ï¼

HTML5

ãƒã‚¿

ãŠã‚‚ã—ã‚
ãƒªãƒ³ã‚¯
CodePen - Front End Developer Playground & Code Editor in the Browser
123 CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View. CodePen is a social development environment for front-end designers and developers. ðŸ‘‹ Itâ€™s the best place to build and deploy a website, show
morita_y 2012/06/28
html5

css3

design

JavaScript

Tips
ãƒªãƒ³ã‚¯
æ±äº¬æ¸‹è°· â€œHTML5å…¥é–€ï¼†jQueryâ€ å‹‰å¼·ä¼š(5/26)ã®è³‡æ–™ã‚’å…¬é–‹ã—ã¾ã™ | tonowp
æ±äº¬æ¸‹è°· â€œHTML5å…¥é–€ï¼†jQueryâ€ å‹‰å¼·ä¼š(5/26)ã‚’è¡Œã„ã¾ã—ãŸã€‚ jQueryã‚’ãŠã¼ãˆã‚ˆã†ï¼ã¨ã„ã†ã“ã¨ã§ã€HTML5ã®ã–ã£ãã‚Šã¨ã—ãŸè§£èª¬ã¨ã€jQueryã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‚’å¦ç¿’ã—ã¾ã™ï¼è©³ç´°ï¼šATND ãã®ã¨ãã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŠã‚ˆã³è³‡æ–™ã‚’å…¬é–‹ã—ã¾ã™ã€‚ ä»Šå¾Œã‚‚å‹‰å¼·ä¼šã‚’é–‹å‚¬ã™ã‚‹äºˆå®šã§ã™ã€‚ twitterã®ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚° #gooyaHub ã§å‘ŠçŸ¥ã—ã¦ã„ãã¾ã™ã®ã§ ã‚ˆã‹ã£ãŸã‚‰å‚åŠ ã—ã¦ã¿ã¦ãã ã•ã„ï¼
morita_y 2012/06/03
HTML5

è³‡æ–™

jquery
ãƒªãƒ³ã‚¯
ãƒªãƒƒãƒãªHTML5ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒCreateJSã€ãŒå…¬å¼ã‚µã‚¤ãƒˆã‚’å…¬é–‹ | ClockMaker Blog
Flashã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦è‘—åãªGrant Skinneræ°ãŒé–‹ç™ºã—ã¦ã„ã‚‹ã€ã€ŒCreateJSã€ã®å…¬å¼ã‚µã‚¤ãƒˆãŒã‚ªãƒ¼ãƒ—ãƒ³ã—ã¾ã—ãŸã€‚ http://www.createjs.com/ CreateJSã¯HTML5ã‚’ä»‹ã—ã¦ãƒªãƒƒãƒãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åˆ¶ä½œã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ãƒ„ãƒ¼ãƒ«ã®ã‚¹ã‚¤ãƒ¼ãƒˆã§ã™ã€‚CreateJSÂ Suiteã«ã¯EaselJSã€TweenJSã€SoundJSã€PreloadJSã€ã¨Zoeã®ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ ç§ã®ãƒ–ãƒã‚°ã§ã‚‚EaselJSã€TweenJSã‚’ä½¿ã£ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ‡ãƒ¢ã‚’å¹¾ã¤ã‹åˆ¶ä½œã—ã¦ç´¹ä»‹ã—ã¦ãã¾ã—ãŸãŒã€Flashã§åŸ¹ã‚ã‚ŒãŸæŠ€è¡“ãŒãã®ã¾ã¾åˆ©ç”¨ã§ãã‚‹ç‚¹ã§éžå¸¸ã«ä½¿ã„å‹æ‰‹ã®ã„ã„ãƒ„ãƒ¼ãƒ«ç¾¤ã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ EaselJSã¨TweenJSã§ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ•ã‚§ã‚¯ãƒˆ EaselJSã‚’ä½¿ã£ãŸæµä½“ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«å…¥é–€ ä»Šå›žã¯å…¬å¼ã‚µã‚¤ãƒˆã§æ˜Žã‚‰ã‹ã«ãªã£
morita_y 2012/04/17
HTML5

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ä½ç½®æƒ…å ±ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã§æ´»ç”¨ï¼ Geolocationã‚’ä½¿ã„ã“ãªãã†
é€£è¼‰ç›®æ¬¡ HTMLï¼ˆHyperText Markup Languageï¼‰ã¯ã€W3Cï¼ˆWorld Wide Web Consortiumï¼‰ãŒä»•æ§˜ã‚’ç®¡ç†ã™ã‚‹ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã ã€‚ãã—ã¦ã€W3CãŒå‹§å‘Šã—ã€ç¾åœ¨ã»ã¨ã‚“ã©ã®ã‚µã‚¤ãƒˆãŒä½¿ç”¨ã—ã¦ã„ã‚‹HTMLã¯ã€HTML 4.01ã ã€‚ HTML 4.01ã®ä»•æ§˜ã¯å½“æ™‚ã®ç’°å¢ƒã«èµ·å› ã—ã¦ã„ã‚‹ãŒã€ä¸»ã«ã€Œæ–‡æ›¸ã‚’æ‰±ã†ã“ã¨ã€ã‚’ç›®çš„ã¨ã—ã¦1999å¹´ã«å‹§å‘Šã•ã‚Œã¦ã„ã‚‹ã€‚ã—ã‹ã—ã€Web 2.0ã®æ¦‚å¿µã‚„Ajaxã®ç™»å ´ã«ã‚ˆã‚Šã€Œæ–‡æ›¸ã‚’æ‰±ã†ã€ã¨ã„ã†ã‚ˆã‚Šã‚‚ã€Œã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ‰±ã†ã€ã“ã¨ãŒWebã®ä¸»ç›®çš„ã¨ãªã‚Šã€HTML 4.01ã§ã‚‚é«˜æ©Ÿèƒ½ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ§‹ç¯‰ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ ãã®ä¸€æ–¹ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»ãƒ™ãƒ³ãƒ€ã¯ã€HTML 4.01ã®ã¿ã§Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ã“ã¨ã®é™ç•Œã‚’æ„Ÿã˜ã¦ã„ãŸã€‚çµæžœã¨ã—ã¦Appleã€Mozillaã€Operaã®3ç¤¾ã¯ã€W3Cã¨ã¯åˆ¥ã«WHATWGï¼ˆWeb H
morita_y 2012/03/13
javascript

html5
ãƒªãƒ³ã‚¯
http://www.99lime.com/elements/
morita_y 2012/02/22
jQuery

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

HTML5
ãƒªãƒ³ã‚¯
Loading...
morita_y 2011/12/15
HTML5

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Flash Proã‹ã‚‰HTML5æ›¸ãå‡ºã—ã‚’å¯èƒ½ã«ã™ã‚‹Swiffyæ‹¡å¼µæ©Ÿèƒ½ | ClockMaker Blog
Googleã‹ã‚‰Flash Professionalã§HTML5æ›¸ãå‡ºã—ã‚’å¯èƒ½ã«ã™ã‚‹æ‹¡å¼µæ©Ÿèƒ½ãŒ2011å¹´11æœˆ17æ—¥ã«å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ã‚‚ã¨ã‚‚ã¨Googleã¯å¤‰æ›ã‚µãƒ¼ãƒ“ã‚¹Swiffyã‚’ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ä¸Šã§å…¬é–‹ã—ã¦ã„ã¾ã—ãŸãŒã€ã“ã‚Œã‚’ä½¿ãˆã°ä½œæˆã—ãŸFlashã®åˆ¶ä½œã‚½ãƒ•ãƒˆã€ŒFlash Proã€ã‹ã‚‰ç›´æŽ¥HTML5ã«å‡ºåŠ›ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãã‚Œã§ã¯ä½¿ã„æ–¹ã‚’ä¸‹è¨˜ã«ã¦èª¬æ˜Žã—ã¾ã™ã€‚ ä½¿ã„æ–¹ã®æ‰‹é † æ¬¡ã®ã‚µã‚¤ãƒˆã§æ‹¡å¼µæ©Ÿèƒ½ãŒé…å¸ƒã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€MXPãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ã“ã®æ‹¡å¼µæ©Ÿèƒ½ã¯ãŠä½¿ã„ã®Flash ProãŒCS4/CS5/CS5.5ã§ã‚ã‚Œã°ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã¾ã™ã€‚ http://www.google.com/doubleclick/studio/swiffy/extension.html ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸMXPãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ãã€ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚ Flash Proã‚’èµ·å‹•ã—ã€
morita_y 2011/11/17
HTML5

Flash

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 æ¬¡ã®ãƒšãƒ¼ã‚¸