Polymer.co-edo meetup #16

lit-element を使って、カスタムエレメントを作ってみよう！

今回は、前回試してみた PWA Starter Kit でも使われていた lit-element を使って、カスタムエレメントを作る体験をします。
お題はcodelabsにある、Polymer1系のエレメント作成では定番の Build your first Polymer element です。
当日は、上記チュートリアルの完成系のコード を見ながら lit-element で作ります。

今後、ハンズオンなどでも使うコンテンツにしていきたいので、以下のような課題が出る内容になると良いと思っています。

• こんなところが難しい
• ここは、詳しい説明が欲しい
• コンテンツの難易度はどうだろう？
• 楽しいか？

Polymer.co-edoとは？

Polymer というWeb Componentsをベースとしたフロントエンドのアプリケーションフレームワークのユーザーコミュニティーで、主に「コワーキングスペース茅場町 Co-Edo」を活動拠点としています。

対象者

次のような方を想定しています

• Polymer が大好き
• Polymer について興味がある
• Web Components を使った次世代フロントエンド開発に興味がある

事前準備

以下の開発環境を準備してきてください。
もし用意できない場合は、どなたかの作業内容を見せてもらう形になります。

• コマンドライン(xterm や bash など)の実行環境
• ご自由なテキストエディタやIDE（コードハイライトできるものが望ましいです）
• Git コマンドの実行環境
• v8.10 の Node.js 実行環境

主な内容

19:00 - 19:30

開場

• 会場はコワーキングスペースとして運営されていますので、予定より早く到着されても（朝から終日でも）コワーキングスペース内でお過ごしいただけます。

19:30 -

各自 codelabs のコードを lit-element に移植する作業をしますが、私の作業風景を大型モニターに出すので、それを眺めたい！などの参加も可能です。

できれば、みんなで lit-element を触り、コミュニケーションを取りながら、新しいチュートリアルを作り出していきたいと思っています。

主催者

岸田 健一郎（きしだ　けんいちろう）

自己紹介：株式会社永和システムマネジメントで働く自称Creator。イラストからプログラミング、サーバーから電子工作までなんでも作る便利屋さんてき存在。
Polymer 利用経験：2014年夏ぐらいから(0.5より前だったと思う）

Twitter: https://twitter.com/sizuhiko
Github: https://github.com/sizuhiko
Blog：http://blog.open.tokyo.jp/

スタッフ・協力・会場（順不同／敬称略）

• 岸田 健一郎 （@sizuhiko）
• コワーキングスペース茅場町 Co-Edo