Skip to content

最近目にとまった Web Components 関連記事まとめ

2018年2月から3月くらいの間に目にとまった Web Components 関連の記事のリンク集です。

自分用のリストですが、折角なので公開します。

Contents

2013年

A Guide to Web Components | CSS-Tricks

https://css-tricks.com/modular-future-web-components/

2014年

Web Componentsを使ってみよう! | 株式会社トップゲート

https://www.topgate.co.jp/web-components

2015年

ES6 Web Components Part 1 – A Man Without a Framework | Benjamin Farrell

http://www.benfarrell.com/2015/10/26/es6-web-components-part-1-a-man-without-a-framework/

Googleが勧める、SEOで今注目の2つの技術はJSON-LDとWeb Components | 海外SEO情報ブログ

https://www.suzukikenichi.com/blog/google-recommends-to-use-json-ld-and-web-components-together/

The state of Web Components – Mozilla Hacks – the Web developer blog

https://hacks.mozilla.org/2015/06/the-state-of-web-components/

2016年

Shadow DOM 101 – HTML5 Rocks

https://www.html5rocks.com/ja/tutorials/webcomponents/shadowdom/

2017年

An intro to web components with otters – Monica Dinculescu

https://meowni.ca/posts/web-components-with-otters/

AngularにWebComponentsがやって来るヤァ!ヤァ!ヤァ!〜@angular/elementsのファーストインプレッション〜 – Qiita

https://qiita.com/studioTeaTwo/items/13d3eed751781bf039fc

Front-end microservices with Web Components – Hacker Noon

https://hackernoon.com/front-end-microservices-with-web-components-597759313393

Polymer 3.0 preview: npm and ES6 Modules – Polymer Project

https://www.polymer-project.org/blog/2017-08-22-npm-modules

Web Components 周辺の仕様とか 2017年秋 – EagleLand

https://1000ch.net/posts/2017/webcomponents-specs.html

You Might Not Need Web Components – Unfettered Thoughts

https://unfetteredthoughts.net/2017/08/23/you-might-not-need-web-components/

2018年

A little Web Component in my React – ITNEXT

https://itnext.io/a-little-web-component-in-my-react-3c66a918ea99

Building Web Components with Vanilla JavaScript

https://dev.to/aspittel/building-web-components-with-vanilla-javascript–jho

Building WebComponent based Progressive WebApp in Stencil JS – Part 01

https://prateekjadhwani.github.io/2018/03/03/Building-Web-Component-based-Progressive-Web-App-in-Stencil-JS-Part-01.html

JSフレームワークの末端がWebComponentsになるのか、なれるのか、検証してみた – Qiita

https://qiita.com/mizchi/items/053f5b42a6d0902e9412

続・JSフレームワークの末端がWebComponentsになるのか、なれるのか、検証してみた – Qiita

https://qiita.com/mizchi/items/92cfd4a267a7fcee7b1d

Polymer 3.0: New Year, New Preview – Polymer Project

https://www.polymer-project.org/blog/2018-01-18-polymer-3-new-preview

Polymer|Polymer Japan Cafe #1|動画 – crash.academy

https://crash.academy/class/212

Server Side Rendering with WebComponents // Speaker Deck

https://speakerdeck.com/likr/server-side-rendering-with-webcomponents

Web Component Component for Hippo CMS | Damir’s Corner

http://www.damirscorner.com/blog/posts/20180302-WebComponentComponentForHippoCms.html

Web Components | CodyHouse

https://codyhouse.co/web-components

Web Components で 社内 UI ライブラリを作っている話 // Speaker Deck

https://speakerdeck.com/jmblog/web-components-de-she-nei-ui-raiburariwozuo-tuteiruhua-1

Web Components にも対応した SSR as a Service を作った – Qiita

https://qiita.com/aggre/items/26aaad47cc776cc1d3ca

Web Components の最近の仕様と開発手法 – Qiita

https://qiita.com/ka-miyata/items/63e41e4105d7aeb44d6c

Web Components を本番投入する(2018年春) – EagleLand

https://1000ch.net/posts/2018/webcomponents-in-production.html

What the shit is the Shadow DOM anyway?

https://blog.rowan.website/2018/02/15/what-the-shit-is-the-shadow-dom-anyway/

🌏 Hello World! Progressive Web-Blog!!

https://blog.uskay.io/article/001-pwa-blog-loading

ライブラリを使わずここまでできる!Web Componentsで近未来のフロントエンド開発 | ヌーラボ

https://nulab-inc.com/ja/blog/cacoo/web-components/

私が WebComponents オネーサン です // Speaker Deck

https://speakerdeck.com/negimic/si-ga-webcomponents-one-san-desu

Comments are closed.