Edited at

はじめてのPolymerで参考になるサイト(0.5系)

imgres.jpg


Polymerを勉強した際に参考にしたサイト

最近1.0が発表され、ついにProduction readyになったPolymer。

でも、ここでは、0.5系のまとめですw

気が向いたら随時1.0の情報も追加していきます。


公式サイト


https://www.polymer-project.org/0.5/

何はともあれここは一番見ます。どんなコンポーネントがあるのか、索引みたいな形で使用します。

また、Elementのページ以外にも目を通しておくといいと思います。


Polymerをはじめて触る人向け


1. Polytechnic codelabs


http://itshackademic.com/codelabs?locale=ja

「Polymer: はじめての Polymer アプリケーション」などチュートリアル形式でPolymerを勉強できます。

初学者にオヌヌメです。ソースコード一式もGetできるので、手元で動かしながら進めていけます。

Polymerのデータバインディングや、独自Elementの作り方等、Polymerの感覚を掴むのには最適です。



2. PolymerでMaterial Designなチャットアプリを作ろう


https://html5experts.jp/girlie_mac/12359/

Polymerを使って、シンプルなチャットアプリの作成が学べます。チャットアプリですが、

サーバサイドは、PubNubを使ったサンプルになっており、フロントエンドのPolymerに集中して勉強できます。



3. 誰でもAndroid 5.0のMaterial DesignをWebに持ち込めるPolymer(ちょっと古いです。)


http://www.atmarkit.co.jp/ait/articles/1410/20/news084.html

ちょっとわかりづらいですが、ざっと理解するにはいいかと思います。


Polymerに慣れてきたら


1. Custom Elements Explore the world of Web Components


https://customelements.io/

慣れてくると、公式サイトのElement一覧から必要なコンポーネントを探したりしますが、

基本的なコンポーネントしか公式にはありません(当たり前ですねw)

このサイトは、Web Componentsのカタログサイトで、人様がつくったコンポーネントを簡単に探せます。

1.0がでて間もないので、ここに上がっているコンポーネントは0.5系のものがまだまだ多いです。

今後1.0に合わせて、コンポーネントも増えていくことを期待しています。


私が勉強している上で、あんまり参考になるサイトがなかったです。

どなたかご存知でしたら教えて下さい!