Google IO 2015でPolymerがバージョン1.0になりました.

いよいよ本格的に利用可能になったPolymerのチュートリアルを紹介します.

0. Polymerとは

WebComponentsというWeb要素の部品を可能にする仕様がW3Cによって策定されています.

しかし,各ブラウザのWebComponentsへの対応状況はまちまちです.

対応が遅れているブラウザでもWebComponentsの利用を可能にするのがPolymerです.

バージョン 1.0 では動作速度と効率を上げるために一から再構築されました.

 

 

1. Polymer を利用するには

導入方法には以下のいずれかがあります.

  1. Bowerを利用する
  2. ZIPファイルを利用する

* GitHubのリポジトリを利用することもできますが,依存関係が複雑なため,推奨されていません.

ZIPを利用する方法は,公式サイトのDownload ZIPボタンからダウンロードしたものを解凍するだけですのでここでは紹介しません.

公式にはBowerの利用が推奨されています.

このメリットは,ライブラリ更新時にアップデートが容易にできることです.

BowerのインストールにはNode.js,npmが必要なため,事前にインストールする必要があります.

* BowerはWebアプリの開発に必要なライブラリやフレームワークを管理するツールです.

それでは早速手順を紹介します.

1. Node.js, npm のインストール

ローカルPCへのインストールはNode.jsのINSTALLボタンからできます.

Node.jsをインストールしたらnpmも自動的にインストールされています.

2.Bower のインストール

Terminalを開いてコマンドを実行します.

* 環境によっては,sudoでの実行が必要です.

3.  Bowerのセットアップ

まずは対象のプロジェクトでbowerを利用できるようにします.

Polymerを利用したいプロジェクトのフォルダに移動し,コマンドを実行します.

途中で質問を聞かれますが,Enterキーを押して無視してかまいません.

これでbower.json ファイルが生成されます.

4. Polymer のインストール

Bowerをセットアップしたディレクトリで以下のコマンドを実行し,Polymerをインストールします.

これでインストールは完了です.

Polymerの新しいバージョンが公開されたら,以下のコマンドで最新化できます.

 

Leave a Reply

Your email address will not be published. Required fields are marked *