2014年6月30日月曜日

Polymer と Web Components #io14

Google I/O の数週間前に、Seth Ladd に「今ウェブ開発者が一番学ばなければいけないことは何ですか?」と質問した人がいて、横で聞いてたのですが、彼の回答は Web Components と Polymer でした。



Google I/O でも、Eric Bidelman が「Polymer と Web Components が今まで皆さんが知っていたウェブ開発についてのすべてを変えていく」というタイトルで講演しています。

Polymer and Web Components change everything you know about Web development

セッション概要:
Web components are a game changer. Unlike other new features, the technologies are purely about developer productivity, solving many of web development's shortcomings. Polymer and web components change how we think about, design, and compose web applications. Learn how the Web Components revolution makes you more productive and reduces the cognitive load of being a web developer.

ぜひこの動画は見ておくとよいと思います!



なお、セッションの中でも紹介されていますが、Google がリリースしているたくさんの API やサービス(Google Analytics とか Google Maps とか Google Drive とか。。。)向けの web components のコレクションが github に公開されています。
http://googlewebcomponents.github.io/

Polymer プロジェクトのサイトはこちら。
http://www.polymer-project.org/

今回の Eric の講演資料も下記に公開されています。
http://polymer-change.appspot.com/

もう一つ、セッションをご紹介。

Polymer and the Web Components revolution

セッション概要:
A huge opportunity is brewing. One where web development becomes a powerfully rich ecosystem of discoverable, sharable, and reusable components. Polymer is the first library of its kind to fully embrace this brave new web platform. In this session we’ll reveal the latest with Polymer, what Polymer is doing to create an end-to-end workflow for developers and their users, unveil the burgeoning ecosystem of web components, and demonstrate the next generation of web apps. The web components revolution is here. Join us in building the future!



デモで使われた Topeka のサイトはこちら。
http://www.polymer-project.org/apps/topeka/index.html

Custom Elements (web components gallery)
http://customelements.io/

Component Kitchen
http://component.kitchen/

WebComponents site
WebComponents.org


最後にこちらも:

Unlock the next era of UI development with Polymer

セッション概要:
Entering the multi-screen era means rethinking how we build our applications. Producing a few PSDs doesn't cut it anymore, we have to start seeing the things we design as components within larger systems. Join us to learn how to use Polymer to revolutionize your design process. With these new tools we can create the UIs of the future, and shorten the time between concept and reality.



スライド




また、今回のコードラボには Polymer 関連が 4 つもあります。

http://io2014codelabs.appspot.com/static/index.html

Polymer: Build a Google Maps App Using Web Components & No Code!
Polymer: Build a Material Design Mobile Web App with Paper Elements
Polymer: Build a Mobile Drive Client
Polymer: Build an Admin Console Using Dart


Polymer 関連の I/O Bytes まとめはこちら:

Polymer: Interacting with Google Services using nothing but HTML



Polymer: Creating responsive UIs



Polymer: making Web Components accessible



Disclaimer このブログは山崎富美の個人的なものです。ここで述べられていることは私の個人的な意見に基づくものであり、私の雇用者には一切の関係はありません。