ポリマー（ライブラリ）

ポリマー

開発者	Google [1]と寄稿者[2]
初回リリース	2015年5月29日; 9年前[3] ( 2015-05-29 )
安定版リリース	1.x  1.12.0 / 2019年5月21日; 5年前[4] ( 2019-05-21 ) 2.x 2.8.0 / 2019年6月24日; 5年前[4] ( 2019-06-24 )
リポジトリ	ポリマー
書かれた	JavaScript、HTML
タイプ	JavaScript ライブラリ
ライセンス	3条項BSD [5]
Webサイト	ポリマープロジェクト

Polymer は、Web コンポーネントを使用してWeb アプリケーションを構築するためのオープンソースの JavaScript ライブラリです。このライブラリは、Google の開発者とGitHubの貢献者によって開発されています。最新のデザイン原則は、 Googleのマテリアル デザインデザイン原則を使用して、別のプロジェクトとして実装されています。

Polymerは、 YouTube、YouTube Gaming、再設計されたGoogle Earth（2017年以降）^{[6] 、} Google I/O 2015および2016のウェブサイト、Google Play Music、Google Sitesの再設計^[7]、Allo for web（2019年にサービスが終了するまで）^{[8]など、多くのGoogleサービスやウェブサイトで使用されています。}

その他の著名なユーザーには、Netflix、Electronics Arts、Comcast、Nuxeo、Coca-Cola、McDonald's、BBVA、IBM、Interxion、General Electricなどがある。

Polymer の公開開発は、2013 年 11 月に Promises Polyfillのリリースから始まりました。これは、ビジュアル スタイリング ガイドライン (Material Design 経由)、データ バインディング、および多数の「コア」および「ペーパー」Web コンポーネントをカバーする Web デザイン ライブラリへと着実に拡大しました。コアコンポーネントは、当初、ほとんどの Web サイトに不可欠な汎用機能を網羅することを目的としていましたが、ペーパーコンポーネントは、 Material Design の概念をデザインの重要な部分として取り入れた、より特殊なコンポーネントを提供することを目的としていました。バージョン 0.5 のリリースで大きな節目を迎え、これは、早期導入者が使用できるプロジェクトの最初のバージョンと見なされました。^[9]

Googleは0.5のリリース後もPolymerの設計を改訂し続け、多くの開発者が発見したパフォーマンスの問題に特に配慮しました。これは2015年にPolymer 1.0のリリースで最高潮に達し、これはライブラリの最初の「製品版対応」バージョンでした。^[10]バージョン1.0ではPolymerのパフォーマンスが大幅に向上し、読み込み時間が最大7倍短縮されました。^[11]バージョン1.0では、GoogleはPolymerプロジェクトから要素を分割し、要素カタログをPolymerポリフィルおよびwebcomponents-sugaringライブラリから明確に区別しました。

2015 年 9 月 14 日から 15 日にかけて、Google はアムステルダムで Polymer Summit を開催しました。

2016 年 10 月 17 日から 18 日にかけて、Google はロンドンで Polymer Summit を開催しました。

2017 年 8 月 22 日から 23 日にかけて、Google はコペンハーゲンでポリマー サミットを開催しました。

2018年5月2日、Polymerチームは、Polymerの今後の開発は双方向バインディングとテンプレートシステムから離れ、LitElement ^[12]（まだPolymer ^[13]の一部）と一方向バインディング^{[14]に重点を置くことを発表しました。}

Polymer は、標準のWeb コンポーネント に比べて多くの機能を提供します。

• カスタム要素を作成するための簡略化された方法
• 一方向と双方向のデータバインディング
• 計算されたプロパティ
• 条件付きテンプレートと繰り返しテンプレート
• ジェスチャーイベント

Polymerは市場での認知度が高まり始めており、BuiltWithというウェブサイトに記録されているように、2015年と2016年には使用が急増しました。^[15]構造化された設計プロセスに特別な注意が払われており、相互運用可能な「レゴブロック」構造が可能になっています。^[16] LitElementは、2018年にPolymerプロジェクトの一環としてGoogle Chromeチームによって開発されました。LitElementは、あらゆるフロントエンドフレームワークやライブラリで使用できるWebコンポーネントを作成するための軽量で使いやすいフレームワークとして設計されました。

カスタム要素は、クラスを持つES (ECMAScript、最も一般的にはJavaScript ) モジュールを使用して作成できます。カスタム要素の定義は、CSS スタイル、要素のローカルDOMの HTML テンプレート、要素のプロパティ、ライフサイクル コールバック、および JavaScript メソッドで構成されます。

'@polymer/polymer'からPolymerElement 、htmlをインポートします。    

class HelloElement extends PolymerElement { // 要素のテンプレートを定義しますstatic get template () { return html `         <style>         /* Local DOM CSS style */         </style>         <!-- Local DOM -->         Hello {{name}}!         ` ; } static get is () { return 'hello-element' ; } // パブリック API プロパティを定義しますstatic get properties () { return { name : { type : String } }; } } window . customElements . define ( HelloElement . is , HelloElement );    
    
        
         





 
    
          
    
       
         
             
                 
            
        
    

 

上記で定義した要素は HTML コードで使用できます。

    < hello-element  name = "World" ></ hello-element >

• スヴェルト
• JavaScriptフレームワーク
• JavaScript ベースの Web フレームワークの比較
• Webコンポーネント

• 公式サイト
• GitHubのポリマー
• ウェブコンポーネント