https://b.hatena.ne.jp/igrep/WebComponents/ WebComponentsに関するigrepのはてなブックマーク (6) https://minze.dev/ igrep 2022-02-22T11:02:32Z WebComponents JavaScript 5 <blockquote cite="https://minze.dev/" title="Minze"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fminze.dev%2F" alt="" /> <a href="https://minze.dev/">Minze</a></cite><p><a href="https://minze.dev/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b71f29c89c7cdc5b3367efb557faa046695e5ee0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fminze.dev%2Fsocial.jpg" alt="Minze" title="Minze" class="entry-image" /></a></p><p>SimpleDive right in by scaffolding a project, installing from npm or using a CDN link.</p><p><a href="https://b.hatena.ne.jp/entry/s/minze.dev/"><img src="https://b.hatena.ne.jp/entry/image/https://minze.dev/" alt="はてなブックマーク - Minze" title="はてなブックマーク - Minze" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/minze.dev/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://hacks.mozilla.org/2018/11/the-power-of-web-components/ igrep 2018-12-06T06:14:13Z WebComponents JavaScript 8 <blockquote cite="https://hacks.mozilla.org/2018/11/the-power-of-web-components/" title="The Power of Web Components – Mozilla Hacks - the Web developer blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhacks.mozilla.org%2F2018%2F11%2Fthe-power-of-web-components%2F" alt="" /> <a href="https://hacks.mozilla.org/2018/11/the-power-of-web-components/">The Power of Web Components – Mozilla Hacks - the Web developer blog</a></cite><p><a href="https://hacks.mozilla.org/2018/11/the-power-of-web-components/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/18bd2e89619be871d8c9b4a589835e9bfe789add/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fhacks.mozilla.org%2Fwp-content%2Fuploads%2F2018%2F11%2Fwebcomponents-peek.png" alt="The Power of Web Components – Mozilla Hacks - the Web developer blog" title="The Power of Web Components – Mozilla Hacks - the Web developer blog" class="entry-image" /></a></p><p>Background Ever since the first animated DHTML cursor trails and “Site of the Week” badges graced the web, re-usable code has been a temptation for web developers. And ever since those heady days, integrating third-party UI into your site has been, well, a semi-brittle headache. Using other peopl...</p><p><a href="https://b.hatena.ne.jp/entry/s/hacks.mozilla.org/2018/11/the-power-of-web-components/"><img src="https://b.hatena.ne.jp/entry/image/https://hacks.mozilla.org/2018/11/the-power-of-web-components/" alt="はてなブックマーク - The Power of Web Components – Mozilla Hacks - the Web developer blog" title="はてなブックマーク - The Power of Web Components – Mozilla Hacks - the Web developer blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/hacks.mozilla.org/2018/11/the-power-of-web-components/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://html5experts.jp/shumpei-shiraishi/24239/ 詳しい。 igrep 2017-09-21T12:22:34Z html5 JavaScript webComponents 109 <blockquote cite="https://html5experts.jp/shumpei-shiraishi/24239/" title="Web Componentsについて気になること、泉水さんに全部聞いてきました！"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhtml5experts.jp%2Fshumpei-shiraishi%2F24239%2F" alt="" /> <a href="https://html5experts.jp/shumpei-shiraishi/24239/">Web Componentsについて気になること、泉水さんに全部聞いてきました！</a></cite><p><a href="https://html5experts.jp/shumpei-shiraishi/24239/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/410d1cbe5df04487413e2e4af3bb758b4b342b13/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fhtml5experts.jp%2Fwp-content%2Fuploads%2F2017%2F09%2Fce4ef7d68f1accac27a33bbf3fb35849.jpg" alt="Web Componentsについて気になること、泉水さんに全部聞いてきました！" title="Web Componentsについて気になること、泉水さんに全部聞いてきました！" class="entry-image" /></a></p><p>Web Componentsについて気になること、泉水さんに全部聞いてきました！ 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されるHTML5 Conference 2017に登壇するエキスパートに、予定しているセッションのトピックを中心に、様々な技術的なお話を伺おうというものです。...</p><p><a href="https://b.hatena.ne.jp/entry/s/html5experts.jp/shumpei-shiraishi/24239/"><img src="https://b.hatena.ne.jp/entry/image/https://html5experts.jp/shumpei-shiraishi/24239/" alt="はてなブックマーク - Web Componentsについて気になること、泉水さんに全部聞いてきました！" title="はてなブックマーク - Web Componentsについて気になること、泉水さんに全部聞いてきました！" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/html5experts.jp/shumpei-shiraishi/24239/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/skatejs/skatejs “on top of the W3C web component specs that enables you to write functional and performant web components” igrep 2016-11-03T04:28:30Z make webcomponents skatejs 17 <blockquote cite="https://github.com/skatejs/skatejs" title="GitHub - skatejs/skatejs: Effortless custom elements powered by modern view libraries."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fskatejs%2Fskatejs" alt="" /> <a href="https://github.com/skatejs/skatejs">GitHub - skatejs/skatejs: Effortless custom elements powered by modern view libraries.</a></cite><p><a href="https://github.com/skatejs/skatejs"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4a12f2618cce4e2f1eed99328920f1d18365e441/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F1eab1d8c1d0ce9acfb1b065827f0fae3e1e008739789d5d311b34002bc58f63c%2Fskatejs%2Fskatejs" alt="GitHub - skatejs/skatejs: Effortless custom elements powered by modern view libraries." title="GitHub - skatejs/skatejs: Effortless custom elements powered by modern view libraries." class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/skatejs/skatejs"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/skatejs/skatejs" alt="はてなブックマーク - GitHub - skatejs/skatejs: Effortless custom elements powered by modern view libraries." title="はてなブックマーク - GitHub - skatejs/skatejs: Effortless custom elements powered by modern view libraries." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/skatejs/skatejs"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://rhysd.hatenablog.com/entry/2015/12/20/000000 すげー igrep 2015-12-20T01:34:42Z neovim electron node.js webcomponents 191 <blockquote cite="https://rhysd.hatenablog.com/entry/2015/12/20/000000" title="Web Components と Electron でつくる Neovim フロントエンドの未来 - はやくプログラムになりたい"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Frhysd.hatenablog.com%2Fentry%2F2015%2F12%2F20%2F000000" alt="" /> <a href="https://rhysd.hatenablog.com/entry/2015/12/20/000000">Web Components と Electron でつくる Neovim フロントエンドの未来 - はやくプログラムになりたい</a></cite><p><a href="https://rhysd.hatenablog.com/entry/2015/12/20/000000"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3c96297749e4c8591080b3c3120ec0141815c0fa/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F941875d700652b7ffef1d7acf0664308ce6b9b9b%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fraw.githubusercontent.com%252Frhysd%252FNyaoVim%252Fmaster%252Fresources%252Ftitle-bar.png" alt="Web Components と Electron でつくる Neovim フロントエンドの未来 - はやくプログラムになりたい" title="Web Components と Electron でつくる Neovim フロントエンドの未来 - はやくプログラムになりたい" class="entry-image" /></a></p><p>この記事は Vim Advent Calendar 2015 の20日目の記事です． まずはこちらのスクリーンショットをご覧ください． エディタの UI やカーソル移動は Vim っぽいですが，markdown ライブプレビューやカーソル位置での画像ポップアップ，組み込みブラウザなど謎の UI が見て取れます．本記事ではこれについてボトムアップで...</p><p><a href="https://b.hatena.ne.jp/entry/s/rhysd.hatenablog.com/entry/2015/12/20/000000"><img src="https://b.hatena.ne.jp/entry/image/https://rhysd.hatenablog.com/entry/2015/12/20/000000" alt="はてなブックマーク - Web Components と Electron でつくる Neovim フロントエンドの未来 - はやくプログラムになりたい" title="はてなブックマーク - Web Components と Electron でつくる Neovim フロントエンドの未来 - はやくプログラムになりたい" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/rhysd.hatenablog.com/entry/2015/12/20/000000"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.html5rocks.com/ja/tutorials/webcomponents/customelements/ どんどん新しい仕様が来るなー igrep 2014-12-23T01:04:35Z html5 WebComponents 65 <blockquote cite="https://www.html5rocks.com/ja/tutorials/webcomponents/customelements/" title="Custom Elements: HTML に新しい要素を定義する - HTML5 Rocks"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.html5rocks.com%2Fja%2Ftutorials%2Fwebcomponents%2Fcustomelements%2F" alt="" /> <a href="https://www.html5rocks.com/ja/tutorials/webcomponents/customelements/">Custom Elements: HTML に新しい要素を定義する - HTML5 Rocks</a></cite><p><a href="https://www.html5rocks.com/ja/tutorials/webcomponents/customelements/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d32f4195297f2428ae1e25ef48e7e395fefbbec1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fweb.dev%2Fstatic%2Fimages%2Fsocial-wide.jpg" alt="Custom Elements: HTML に新しい要素を定義する - HTML5 Rocks" title="Custom Elements: HTML に新しい要素を定義する - HTML5 Rocks" class="entry-image" /></a></p><p>Web Platform Dive into the web platform, at your pace.</p><p><a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/webcomponents/customelements/"><img src="https://b.hatena.ne.jp/entry/image/https://www.html5rocks.com/ja/tutorials/webcomponents/customelements/" alt="はてなブックマーク - Custom Elements: HTML に新しい要素を定義する - HTML5 Rocks" title="はてなブックマーク - Custom Elements: HTML に新しい要素を定義する - HTML5 Rocks" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/webcomponents/customelements/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>