第36回HTML5とか勉強会「2013年、Web開発の進化を探る」

Kensaku Komatsu @komasshu

templateの仕様は1st working draftとして既に公開されている #html5j

シライシシュンペイ @Shumpei

次は<template>。WebComponentsに関連するお話。WebComponentsは超熱い！ #html5j

Toru Yoshikawa @yoshikawa_t

templateはWebComponentの仕様の一部 #html5j

Kensaku Komatsu @komasshu

WebComponentには他にも色々あるけど、複雑だし時間の関係もあるので省略 #html5j

ねこみみ隊長 @nekomimiTaicho

今回の話ってエンジニアもだけどwebデザイナーも大きく関係するよねぇ。 #html5j

Kensaku Komatsu @komasshu

Web Componentsでカスタムエレメントを作れる。そして、さまざまな振る舞いを結びつけることができる #html5j

シライシシュンペイ @Shumpei

WebComponentsについて昔書いたブログエントリです。 http://t.co/SsMan0kx #html5j

kyo_ago @kyo_ago

#html5j proxyの話が出たので懇親会のLTにつながる流れ。。。？

シライシシュンペイ @Shumpei

WebComponents、良かったらこちらのスライドもどうぞ。 http://t.co/BKY77bYM #html5j

Kensaku Komatsu @komasshu

サーバーサイドでtemplateを記述していたように、フロントサイドでtemplateを使っていく #html5j

Kensaku Komatsu @komasshu

jsでtemplateを操作し、再利用し。。。 #html5j プロパティを足し、変え・・・宣言的に、それができるようになる。HTMLベースで

Kensaku Komatsu @komasshu

例を見せます #html5j

Kensaku Komatsu @komasshu

templateのチョー簡単な例 #html5j

Kensaku Komatsu @komasshu

templateの中にHTMLが書かれ、jsから操作できる。 #html5j

シライシシュンペイ @Shumpei

src属性が空っぽの<img>が書かれたテンプレートをcloneNode()して使用。 #html5j

Kensaku Komatsu @komasshu

templateをベースにDOMを自由に足しこんでいける #html5j

Kensaku Komatsu @komasshu

template はオブジェクト指向 #html5j

Kensaku Komatsu @komasshu

宣言的にかけるのが最大の特徴 #html5j

Kensaku Komatsu @komasshu

WebComponentsはWebアプリの有り様を変えていく #html5j

Toru Yoshikawa @yoshikawa_t

WebComponentsはWebを変える！ #html5j

Kensaku Komatsu @komasshu

srcset と pictureはresponsive-imagesを実現する二つの提案（competitive) #html5j

Kensaku Komatsu @komasshu

ブラウザーベンダーは<picture>を嫌っている。実装が難しいから #html5j

Kensaku Komatsu @komasshu

<intent>の話。。。。死んじゃった #html5j

Toru Yoshikawa @yoshikawa_t

WebIntentsは死んだ。。Web Activitiesで復活するかも？ #html5j

Kensaku Komatsu @komasshu

Web ActivitiesはWeb Intentsとよく似ているけど、問題を解決するわけじゃないから、Chromeはインプリしないと言っている #html5j