Clik here to view.
【Polymer 1.0】Behaviors
【Polymer 1.0】目次へ目次Bihaviorの定義Bihaviorの継承Bihaviorの定義Polymerでは、カスタムエレメントはBehaviorと呼ばれるコードモジュールを継承することができます。Behaviorは、Polymerエレメントのプロトタイプと似ており、ライフサイクルコールバック、宣言型プロパティ、属性、observer...
View ArticleClik here to view.
【Polymer 1.0】フレキシブルレイアウト
【Polymer 1.0】目次へ目次概要iron-flex-layout コンポーネントを使用するHorizontalレイアウトとVerticalレイアウトデフォルトで適用される幅と高さMain-axis と...
View ArticleClik here to view.
【Polymer Starter Kit】プロジェクトを作成してみよう
【Polymer 1.0】目次へお知らせ:この記事の内容を修正しました (2015/10/18 17:30) 。修正内容以下となります:● srcフォルダを作成し、elementsフォルダをここへ移動。● elements.html、routing.html、routing.jsの内容をsrc/app.htmlとapp.jsへ移行し、これらのファイルは削除。●...
View ArticleClik here to view.
【Polymer Starter Kit】ベンダープレフィックスを意識せずに開発するための環境を整える
【Polymer 1.0】目次へ環境構築ベンダープレフィックスを意識せずに開発するための環境を整えるには、まず「BrowsersyncでWEBサーバー環境を整える」を読んでおいてください。その後、次のZIPファイルをダウンロードし、展開してください。以降、展開された内容をもとに説明を行っていきます。⇒ダウンロードgulpfile.jsの内容Starter...
View ArticleClik here to view.
【Polymer Starter Kit】画像ファイルの圧縮を自動化する
【Polymer 1.0】目次へ環境構築できるだけサイト表示のパフォーマンスを向上させるため、画像ファイルの圧縮し、これを自動化する環境を整えます。まず「BrowsersyncでWEBサーバー環境を整える」を読んでおいてください。その後、次のZIPファイルをダウンロードし、展開してください。以降、展開された内容をもとに説明を行っていきます。⇒ダウンロードgulpfile.jsの内容Starter...
View Article【Polymer Starter Kit】プロジェクトのビルドを行う (開発環境構築まとめ)
【Polymer 1.0】目次へ目次概要統合された開発環境を確認してみるStarter...
View ArticleClik here to view.
【Polymer 1.0】Polymer入門
目次今後この目次に徐々にPolymerの使い方に関するコンテンツを追加していく予定です。デベロッパーガイドPolymerとは？インストールしてPolymerをはじめようクイックツアーカスタムエレメントの登録とライフサイクル宣言型プロパティ(Declared properties)DOMの基本とAPIスタイリングイベントデータバインディング テンプレートエレメント...
View ArticleClik here to view.
【Polymer 1.0】インストールしてPolymerを始めよう
【Polymer 1.0】目次へPolymerのインストールPolymerを始めるためにはまずインストールを行う必要があります。インストールといってもZIPファイルを解凍すれば完了です。その他にもインストール方法があるのでその概要を記載します。ZIPファイル:...
View ArticleClik here to view.
【Polymer 1.0】クイックツアー
【Polymer 1.0】目次へ目次エレメントの登録Local DOMの追加Local DOMを構成するデータバインディング宣言型プロパティ（Declared...
View ArticleClik here to view.
【Polymer 1.0】カスタムエレメントの登録とライフサイクル
【Polymer 1.0】目次へ目次カスタムエレメントの登録カスタムコンストラクタの定義ネイティブHTMLエレメントの継承ライフサイクルコールバックreadyコールバックとLocal...
View ArticleClik here to view.
Clik here to view.
【Polymer 1.0】DOMの基本とAPI
【Polymer 1.0】目次へ目次Shadow DOM と Shady DOMLocal DOM と Light DOM<content>エレメントプログラムでLocal DOMとLight DOMにエレメントを追加するLocal DOMテンプレートカスタムエレメント内のノード検索DOM APIDOM APIサンプルShadow DOM と Shady DOMShadow...
View ArticleClik here to view.
【Polymer 1.0】スタイリング
【Polymer 1.0】目次へ目次導入<content>タグに挿入されるエレメントのスタイリングスコープを横断するスタイリングカスタムCSSプロパティカスタムCSSプロパティの値設定に関する制限カスタムCSS MixinカスタムCSSプロパティAPIメインドキュメントでのスタイリング共有スタイルと外部スタイルシート導入Polymerは、Shadow...
View ArticleClik here to view.
【Polymer 1.0】イベント
【Polymer 1.0】目次へ目次イベントリスナの設定アノテーションによるイベントリスナの設定カスタムイベントジェスチャーイベントEventの再標的化（Event...
View ArticleClik here to view.
Clik here to view.
【Polymer 1.0】テンプレートエレメント
【Polymer 1.0】目次へ目次テンプレートリピーター (dom-repeat)テンプレートリピーターのイベントハンドリングリストのフィルタとソートネストしたテンプレートリピーター配列セレクタ (array-selector)条件付きテンプレート (dom-if)条件付きテンプレートの適切な利用ケース自動バインディングテンプレート...
View ArticlePolymer 1.2 のリリース内容を加筆しました
【Polymer 1.0】目次へ「Polymer 1.2」がリリースされたので、この内容をデベロッパーガイドに反映しました。追加された機能としては、バインディングと、DOM関連の機能です:データバインディングCompoundバインディングDOMの基本とAPIDOM API Distributed childrenEffective childrenEffective...
View Article
