1 of 19

Polymer 3.0の�続報を聞いてきた

矢倉 眞隆 (myakura)

2 of 19

やくらです

ピクセルグリッドという会社におります

名前とは裏腹にJavaScriptの会社とうたっております

でもCSS書いてます

3 of 19

CodeGridというやつがあります

(ぶっ壊したりしながら) メンテしてます

4 of 19

Chrome Dev Summit

5 of 19

Chrome Dev Summit

10/23, 24に行われたChrome+Webのイベント

いってきた!

6 of 19

Web Components関連セッション

Use the platformを標語にしつつ、Fluxなど既存の開発パターンで使う話をしていた

  • lit-html

<template>とtagged template literalsをつかったJSXみたいなやつ

7 of 19

Polymer 3.0の続報をきいた

8 of 19

(その前に) Polymer 3.0とは?

9 of 19

Polymer 3.0 = WC v1 + ESM + npm

Polymer 2.0はWeb Components v1仕様を使う

HTML ImportsやBowerはそのままだった…

3.0ではより現状の動向を反映している

HTML Imports→ES Modules

Bower→npm + yarn

10 of 19

では改めて

Polymer 3.0の続報をきいた

11 of 19

「そんな変わりないよ」

ですよねー

とはいえちょこちょこと話してくれた。

12 of 19

必要なもの:2つ以上の実装

Web Components関連の実装が2つ以上きたら、本格化してくる

Chrome, Safariが進めているけれど、現時点ではまだちょっと足りない

13 of 19

import.meta.url

14 of 19

import.meta/import.meta.url

import.metaはモジュールのメタ情報を格納するもの�https://github.com/tc39/proposal-import-meta

import.meta.urlはモジュールのURLを指す

Chrome 64あたりで実装

Safariもそろそろ実装しそうな気配

15 of 19

npm

16 of 19

ツールまわり:npmサポート…?

npmとはいったが、使うのはyarn

なんでyarnかというと、flatモードがあるから

とはいえ既存のプロジェクトがnpmの場合どうしよう……?

npmのひとと解決策がないか話し合っているとのこと

17 of 19

いつくらい?

18 of 19

“Early next year.”

(いつなんだろう…)

2つ以上の実装がないと進めないけど、時間がかかりすぎると判断した場合はPolyfillを含めた初期バージョンを出すかもとのこと

「それはやりたくないよねー」とも(ですよね!)

19 of 19

Thanks!