Awesome Polymer
Polymerを扱う資料や関連プロジェクトをまとめたAwesomeリストです。
一般リソース
- 公式サイト
- ブログ
- Google+ プロフィール
- GitHub
- プロジェクト Polymer プロジェクトに関するロードマップ、行動規範、コントリビューション方法などをまとめています。
Polymer コミュニティ
チュートリアル/ガイド
- 公式 Codelab
- Element をテストする
- テストのヒント
- 単体テスト
- Firebase でデプロイする
- 移行ガイド
- Element を使う
- iron-flex-layout による Flexbox レイアウト
- Neon Animation を使う
- リアルタイム Todo アプリを作る
- SystemJS と TypeScript で Polymer を扱う 第1部
- Polymer 3.0 プレビュー — ミニカードゲームを作る
記事
- Element によるカプセル化されたルーティング
- ES6 クラスで Web Components を構築する
- ES2015(ES6)で Web Components を書く
- Polymer Chrome アプリのライブリロード
- Polymer を Flux とグローバルアプリ状態とともに使う
- Web Audio API によるギターチューナー
- パフォーマンス重視の人のための Polymer
- Shady DOM とは何か
- Polymer Web Components を AngularJS で使う
- 1.0 へのアップグレード bitHound ブログ
- Element と ES6 Module を動的に読み込む
- NET-A-PORTER の事例
- Polymer は Redux が好き
- Polymer を Webpack と使う方法
動画
- Polycasts
- Summit 2017
- Summit 2016
- Summit 2015
- The Web Platform Podcast 46:Polymer 1.0
- Google I/O 2017 - より高速な未来:Polymer で Web Components の力を引き出す
- Google I/O 2015 - Polymer と現代的 Web API:Google 規模の本番環境
- Polymer Elements でアプリをコンポーネント化する
- Polymer 1.0 を学ぶ(Stretch Projects)
- Level Up Tutorials
ボイラープレート
- Polymer ボイラープレート
- Starter Kit 本番品質の Web アプリを作成するためのビルドツールとボイラープレートです。
- Seed Element
- Polymer Admin Polymer 1.0 と Polymer Starter Kit で作られたレスポンシブ管理ダッシュボードです。
- Meteor-Polymer Starter Kit MWC パッケージで Meteor - Polymer プロジェクトを開始します。
- 認証を含む Meteor-Polymer Starter Kit
ジェネレーター
- Generator Polymer 公式 Starter Kitを基にした Polymer プロジェクト用 Yeoman ジェネレーターです。
- Generator Element Polymer、X-Tag、VanillaJS で Custom Element を作成する Yeoman ジェネレーターです。
公式 Element
- Element カタログ
- Iron 視覚的・非視覚的なユーティリティ Element のセットです。
- Paper Google の Material Design を実装する視覚的 Element のセットです。
- Google Web Components
- Gold チェックアウトフローなど、電子商取引のユースケース向けに作られた Element です。
- Platinum Push、オフラインなどを備え、Web ページを本格的な Web アプリに変える Element です。
- Molecules ほかの JavaScript ライブラリをラップする Element です。
- App モジュール式 Custom Element から完全な Web アプリを構築できる Element です。
- Data データ・ストレージ関連 Element のコレクションです。
- Layout レイアウト関連 Element のコレクションです。
- [廃止] Neon 特殊効果を実装する Element です。
ディレクトリ
- Built with Polymer
- Webcomponents.org
- Components Kitchen
- open-elements Polymer ^1.1 で動くすべての Element に開かれています。
ツール
- App Toolbox App Toolbox です。
- Polyserve Bower Component をローカルで使うためのシンプルな Web サーバーです。
- Polybuild Polymer アプリ向けのオールインワンビルドツールです。
- Polyup Polymer v0.5 から1.0への移行を助けるアシスタントです。
- Polylint コードのエラーを検出します。
- Polygit Magic Server は、HTML Imports の自然な重複排除機能と互換性のある方法で、GitHub から(
cdn.rawgit.com経由で)ファイルを直接配信します。 - Polydev DevTools 拡張機能です。
- Polymer Ready Polymer と Custom Component を検出すると、アドレスバーにアイコンを表示します。
- Vulcanize HTML Imports と Web Components のビルドツールです。
- Crisper CSP に準拠するため、HTML ファイルからインラインスクリプトを分離します。
- Atom エディター用スニペット
- Sublime Text エディター用スニペット
- Synthesis Polymer を Meteor.js の View レイヤーとして使います。
- MWC-Layout Polymer Component のレンダリングを制御します。
- WC-Loader。Web Components 用 Webpack Loader です。
- Polymer Webpack Loader。Polymer 用 Webpack Loader です。
- Polymer CDN。Polymer Component 用の非公式 CDN です。
- lit-html JavaScript の Template Literal による HTML テンプレートです。
テスト
- Web Components Tester Web Component のテストを簡単にします!
- Web Components Tester Istanbul web-component-tester 用 Istanbul カバレッジプラグインです。
- test-fixture テストスイートの DOM を一貫してリセットする処理を簡素化できる Element です。
- iron-test-helpers テストを容易にするユーティリティクラスです。
Behavior
- Polymer-Apollo Polymer と Apollo GraphQL の統合です。
- MWC-Mixin Polymer Element 向けのリアクティブな Meteor データソースです。
- MWC-Router Polymer と Meteor FlowRouter を双方向バインドします。
- Polymer-Redux Redux 用 Polymer バインディングです。
テーマ/スタイル
- Polymer Themes 無料の Polymer テーマとテンプレートです。
- Material Palette Material Design に基づくパレットジェネレーターです。
- Polystyle 既存スタイルシートを Polymer の Style Module システムでラップします。
注目プロジェクト
Polymer Projects Polymer で構築された Web サイトとアプリの一覧です。
その他の Awesome リソース
さらに Awesome なリソースを探すなら、awesome リストを確認してください!
