ep1 WebComponents | mozaic.fm
第 1 回ã®ãƒ†ãƒ¼ãƒžã¯ WebComponents ã§ã™ã€‚今回㯠@hokaccha ã•ã‚“㨠@ahomu ã•ã‚“ã‚’ãŠè¿Žãˆã—〠WebComponents ã§ä½•ãŒå¤‰ã‚ã‚‹ã®ã‹ã€ ShadowDOM ã§ä½•ãŒå¬‰ã—ã„ã®ã‹ã€ä»Šã®èª²é¡Œã¯ä½•ã‹?「ãªã«ãŒèµ·ã“ã£ã¦ã„ã‚‹ã®ã‹?ã€ã€Œã“ã‚Œã‹ã‚‰ã©ã†ãªã£ã¦ã„ãã®ã‹?ã€ã‚’è°è«–ã—ã¾ã—ãŸã€‚ Show Note ã¯ã“ã¡ã‚‰: https://mozaic.fm/episodes/1/webcomponents.html
å…ˆå–ã‚Šã€Shadow DOM | 第1回 Shadow DOMãŒç”Ÿã¾ã‚ŒãŸç†ç”±
å…ˆå–ã‚Šã€Shadow DOM 第1回 Shadow DOMãŒç”Ÿã¾ã‚ŒãŸç†ç”± ã“ã®ã‚·ãƒªãƒ¼ã‚ºã§ã¯Shadow DOMã®ã‚³ãƒ³ã‚»ãƒ—トã‹ã‚‰å®Ÿè£…例ã¾ã§è§£èª¬ã—ã¾ã™ã€‚第1回目ã¯ã€ãªãœShadow DOMã¨ã„ã†è€ƒãˆæ–¹ãŒå¿…è¦ã«ãªã£ã¦ããŸã®ã‹ï¼Ÿã¨ã„ã†èƒŒæ™¯ã¨ã€Shadow DOMã®æ¦‚念を解説ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« Shadow DOMã¨ã¯ã€è¤‡é›‘化ã—ã¦ã„ãWebアプリケーション開発ã¸ã®å–り組ã¿ã‚’助ã‘ã‚‹ãŸã‚ã«Googleã‹ã‚‰æ案ã•ã‚Œã¦ã„ã‚‹Web Componentsã¨å‘¼ã°ã‚Œã‚‹ä¸€é€£ã®ã‚³ãƒ³ã‚»ãƒ—トã«ç¹‹ãŒã‚‹ä»•æ§˜ã®ä¸€ã¤ã§ã™ã€‚ ã“ã®è¨˜äº‹ã‚’書ã„ã¦ã„ã‚‹2012å¹´9月ç¾åœ¨ã€ã¾ã W3Cè‰æ¡ˆã¨ã—ã¦å…¬é–‹ã•ã‚Œã¦ã„る段階ã§ã‚ã‚‹ãŸã‚ã€éšæ™‚æ›´æ–°ã•ã‚Œã‚‹ã‹ã€ä»–ã®ä»•æ§˜ã«ç½®ãæ›ãˆã‚‰ã‚Œã¦ã—ã¾ã†ã“ã¨ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã§ã™ãŒã€ã¨ã¦ã‚‚興味深ã„仕組ã¿ãªã®ã§ã€ç¾æ™‚点ã§ã®æƒ…å ±ã‚’å…ƒã«ã€ã“ã“ã§ç´¹ä»‹ã‚’ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç¾çŠ¶ã®å•é¡Œç‚¹ Shadow DOMã®æ¦‚念をã‚ã‚Œã“れ説明
独自データ属性 - ã‚°ãƒãƒ¼ãƒãƒ«å±žæ€§ - HTML5 タグリファレンス - HTML5.JP
3.2.5.9 data-* 属性を使ã£ãŸç‹¬è‡ªéžè¡¨ç¤ºãƒ‡ãƒ¼ã‚¿ã®çµ„ã¿è¾¼ã¿ 独自データ属性ã¯ã€åå‰ç©ºé–“ã«å±žã•ãªã„属性ã§ã€ãã®åå‰ã¯æ–‡å—列 "data-" ã§å§‹ã¾ã‚Šã€ãƒã‚¤ãƒ•ãƒ³ã®å¾Œã«å°‘ãªãã¨ã‚‚一文å—ãŒç¶šãã¾ã™ã€‚ã“れ㯠XML 互æ›ã§ã€ASCII å¤§æ–‡å— ã‚’å«ã¿ã¾ã›ã‚“。 HTML ドã‚ュメント㮠HTML è¦ç´ ã®ã™ã¹ã¦ã®å±žæ€§ã¯è‡ªå‹•çš„ã«å°æ–‡å—ã«å¤‰æ›ã•ã‚Œã¾ã™ã®ã§ã€ASCII 大文å—ã«é–¢ã™ã‚‹åˆ¶ç´„ã¯ã“ã®ã‚ˆã†ãªãƒ‰ã‚ュメントã«ã¯å½±éŸ¿ã‚’åŠã¼ã™ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“。 独自データ属性ã¯ã€é©åˆ‡ãªå±žæ€§ã‚„è¦ç´ ãŒãªã„å ´åˆã«ã€ãƒšãƒ¼ã‚¸ã‚„アプリケーションã«å›ºæœ‰ã®ç‹¬è‡ªãƒ‡ãƒ¼ã‚¿ã‚’æ ¼ç´ã™ã‚‹ã“ã¨ã‚’想定ã—ãŸã‚‚ã®ã§ã™ã€‚ ã“れらã®å±žæ€§ã¯ã€ã“ã®å±žæ€§ã‚’使ã†ã‚µã‚¤ãƒˆã¨ç„¡é–¢ä¿‚ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã«ã‚ˆã‚‹åˆ©ç”¨ã‚’想定ã—ã¦ã„ã¾ã›ã‚“。 例ãˆã°ã€éŸ³æ¥½ã«é–¢ã™ã‚‹ã‚µã‚¤ãƒˆãªã‚‰ã€å„トラックã®å°ºã‚’å«ã‚“ã 独自データ属性を使ã£ã¦ã€ã‚¢ãƒ«ãƒãƒ ã®ãƒˆãƒ©ãƒƒã‚¯ã‚’表ã™ãƒªã‚¹ãƒˆé …目を注記ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã§ã—ょã†ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}