HTML Imports: ウェブã®ãŸã‚ã® #include - HTML5 Rocks
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
Polymer library - Polymer Project
The Polymer library is in maintenance mode. For new development, we recommend Lit. The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be: Instantiated using a constructor or document.createElement. Co
Polymer 㨠Web Components - steps to phantasien
先週ã¯ã‚µãƒ³ãƒ•ãƒ©ãƒ³ã‚·ã‚¹ã‚³ã§å‹¤å‹™å…ˆã®å¹´æ¬¡åšè¦§ä¼šãŒå‚¬ã•ã‚Œã€ä¸ã«ã¯è‡ªåˆ†ã¨è¿‘ã„プãƒã‚¸ã‚§ã‚¯ãƒˆã‚’紹介ã™ã‚‹ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚‚ã‚ã£ãŸã€‚ ã„ã„機会ãªã®ã§ä¾¿ä¹—ã—ã¦å®£ä¼ã—ã¦ã¿ãŸã„。自主会社員活動ã«ã¤ã勤務先ã®è¦‹è§£ã¨é•ã£ã¦ã‚‚見逃ã—ã¦ãã ã•ã„。 ã•ã¦ä»¶ã®å¹´æ¬¡åšè¦§ä¼šã€ã‚¦ã‚§ãƒ–開発者å‘ã‘ã®è¬›æ¼”ã®ä¸€ã¤ã§ Polymer ã¨ã„ã†æ–°ã—ã„ JavaScript UI フレームワークãŒå…¬é–‹ã•ã‚ŒãŸã€‚ Closure, GWT, Angular ã¨ã㦠ã¾ãŸåˆ¥ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã‹ã‚ˆâ€¦ã¨ã¼ã‚„ã人ã®æ°—æŒã¡ã‚‚ã‚ã‹ã‚‹ã€‚ã§ã‚‚ãã‚Œã»ã©è¢«ã‚‹ã‚‚ã®ã§ã‚‚ãªã„ã‹ã‚‰è¦‹é€ƒã—ã¦ã»ã—ã„。 ãªã‚‹ã¹ã多ãã®ãƒ–ラウザã§å‹•ã‹ãã†ã¨ã™ã‚‹æ—¢å˜ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨é•ã„〠Polymer ã¯æ–°ã—ã„ブラウザã®æ©Ÿèƒ½ã‚’使ã„倒ã™ã“ã¨ã§å¼·åŠ›ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークを作ã‚ã†ã¨ã—ã¦ã„る。 別ã«ç‰¹å®šãƒ–ラウザã§ã—ã‹å‹•ã‹ãªã„ã‚ã‘ã˜ã‚ƒãªã„。ãŸã å°†æ¥ãã†ã—ãŸæ–°ã—ã„機能ãŒå„種ブラウザã«å‚™ã‚る日を見越ã—〠ãã®ã¨ãベストã«å‹•ã
Web Componentsæ™®åŠã®å¤œæ˜Žã‘ï¼ï¼ŸPolymerを試ã—ã¦ã¿ãŸã€‚ | OpenWeb
今ã€Google I/Oã«æ¥ã¦ã„ã¾ã™ï¼ ãã“ã§å‚åŠ ã—ãŸWeb Components in Actionã¨ã„ã†ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã€ä»¥å‰ã‹ã‚‰æ³¨ç›®ã—ã¦ã„ãŸWeb Componentsã«ã¤ã„ã¦ã€å¤§ããªå‹•ããŒã‚ã£ãŸã“ã¨ã‚’知りã¾ã—ãŸã€‚ Polymer.jsã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリã«ã‚ˆã‚Šã€Web Components仕様ã®å¤§éƒ¨åˆ†ãŒå‹•ä½œã•ã›ã‚‰ã‚Œã‚‹ã ã‘ã§ã¯ãªãã€æ§˜ã€…ãªã‚«ã‚¹ã‚¿ãƒ コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ—¢ã«åˆ©ç”¨å¯èƒ½ã¨ã®ã“ã¨ãªã®ã§ã™ï¼ ã¡ãªã¿ã«ã€Web Components仕様ã«ã¤ã„ã¦å¤šå°‘詳ã—ã知りãŸã„æ–¹ã¯ã€æ˜”白石ãŒæ›¸ã„ãŸã“ã¡ã‚‰ã®è¨˜äº‹ã‚’å‚考ã«ã™ã‚‹ã¨ã„ã„ã‚“ã˜ã‚ƒãªã„ã§ã—ょã†ã‹ã€‚ Polymerã®ã‚³ãƒ¼ãƒ‰ã‚’å–å¾— Polymerã¯GitHubã§ã‚³ãƒ¼ãƒ‰ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãšã¯é©å½“ãªç©ºãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«ç§»å‹•ã—ã€ãã®ã‚³ãƒ¼ãƒ‰ã‚’手元ã«ã‚¯ãƒãƒ¼ãƒ³ã—ã¾ã™ã€‚ ã“ã®ã‚³ãƒžãƒ³ãƒ‰ã‚’実行ã™ã‚‹ã¨ã€Polymer本体ã ã‘ã§ã¯ãªãã€ä¾å˜ã—ã¦ã„ã‚‹ã„ãã¤ã‹ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚‚åŒæ™‚ã«ã‚¯ãƒãƒ¼ãƒ³
Shadow DOM 201 - HTML5 Rocks
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
Chrome Canary ã«ã¯ document.webkitRegister ãŒã‚ã£ãŸ - hogehoge @teramako
昨日ã¯Firefox Nightlyã«document.registerãŒå®Ÿè£…ã•ã‚ŒãŸã£ã¦è©±ã‚’書ã„ãŸãŒã€ã‚‚ã—ã‚„Chrome Canaryã«ã‚‚ã‚ã‚‹ã‚“ã˜ã‚ƒï¼Ÿã¨æ€ã£ã¦è¦‹ã¦ã¿ãŸã‚‰ã€ã‚ã£ãŸã€‚ Bug 100229 - [Custom Elements] Implement bare-bone document.register() ãƒã‚§ãƒ³ã‚¸ã‚»ãƒƒãƒˆ 143865 – WebKit ãŸã ã—ã€webkitプレフィックス付ã。 function mixin (aTarget, aSource) { Object.getOwnPropertyNames(aSource).forEach(function(key){ Object.defineProperty(aTarget, key, Object.getOwnPropertyDescriptor(aSource, key)); }); return aTar
æ–°ã—ããªã‚‹appCacheã¨templateã§Webアプリケーションã®ä½œã‚Šæ–¹ãŒå¤‰ã‚ã‚‹
WebComponents仕様ã®ä¸€éƒ¨ã¨ã—ã¦è°è«–ã•ã‚Œã¦ã„るテンプレートã®æ©Ÿèƒ½ã¯ã€AjaxãŒç™»å ´ã—ãŸã¨ãã®ã‚ˆã†ã«Webアプリケーションを変ãˆã¦ã„ãã ã‚ã†ã€‚W3Cã®ãƒžã‚¤ã‚±ãƒ«ãƒ»ã‚¹ãƒŸã‚¹ï¼ˆMichael Smith）æ°ã¯2月18æ—¥ã«éƒ½å†…ã§é–‹å‚¬ã•ã‚ŒãŸã€Œç¬¬36回HTML5ã¨ã‹å‹‰å¼·ã€ã§ãã†èª¬æ˜Žã—ã€HTML5.1ã«ç›¸å½“ã™ã‚‹è°è«–ä¸ã®æ–°æ©Ÿèƒ½ã¸ã®æœŸå¾…を示ã—ã¾ã—ãŸã€‚ 先週紹介ã—ãŸã€Œã‚ªãƒ•ãƒ©ã‚¤ãƒ³ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã®æ€æƒ³ã¨å®Ÿè·µã€ã®å‰ã«è¡Œã‚ã‚ŒãŸã‚¹ãƒŸã‚¹æ°ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã€Œå‹§å‘Šå€™è£œã«ãªã£ãŸHTML5.0ã®ä»•æ§˜ã«ã¤ã„ã¦ã¨ã€HTML5.1ã®å§‹ã¾ã‚Šã€ã®å†…容をダイジェストã§ç´¹ä»‹ã—ã¾ã—ょã†ã€‚ æ–°ã—ããªã‚‹ã‚¢ãƒ—リケーションã‚ャッシュ マイケル・スミスæ°ã€‚今日ã¯appCacheã¨templateã¨ã€HTML5ã®ãƒ†ã‚¹ãƒˆã‚’github上ã«ç½®ã始ã‚ãŸã€ãªã©ã®è©±ã‚’ã—ã¾ã™ã€‚ アプリケーションã‚ャッシュ（appCache）ã¯ã”å˜ã˜ã§ã™ã‹ï¼Ÿ HTML5ã§ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚¢ãƒ—リ
Introduction to Web Components - DOM ECMAScripting
テンプレートã¨ã—㦠HTML æ–片ã¾ãŸã¯ DOM 部分木を用ã„ã‚‹ã«ã¯ã€å¤§ãã 2 種類ã®æ–¹æ³•ãŒè€ƒãˆã‚‰ã‚Œã¾ã™ã€‚1 ã¤ã¯æ–‡å—列ã¨ã—ã¦ãƒ†ãƒ³ãƒ—レート出力ã™ã‚‹æ–¹æ³•ã€‚ã“れ㯠DOM API ã«ä¸æ…£ã‚Œãªäººã«ã‚‚分ã‹ã‚Šã‚„ã™ã„åé¢ã€ã‚»ã‚ュリティå•é¡Œã‚’引ãèµ·ã“ã—ã‚„ã™ã„デメリットãŒã‚ã‚Šã¾ã™ã€‚例ãˆã°ã€æ¬¡ã®ã‚ˆã†ã« ul è¦ç´ を出力ã™ã‚‹ã‚³ãƒ¼ãƒ‰ãŒã‚ã‚‹ã¨ã—ã¾ã™ã€‚ var attr = 'sample.html'; var text = 'サンプル'; document.getElementById ('result').innerHTML = '<ul>' + '<li><a href="' + attr + '">' + text + '<\/a><\/li>' + '<\/ul>'; 一見ã—ã¦ãŠåˆ†ã‹ã‚Šã®ã‚ˆã†ã«ã€ã‚‚ã—変数 attr ã« "ã€<ã€>ã€& ãŒå«ã¾ã‚Œã¦ã„ãŸã‚‰ã€ã‚ã‚‹ã„ã¯å¤‰æ•° text ã« <ã€&ã€]]> ãŒå«ã¾ã‚Œ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}