W3K Web Developers Meetup #1

shisama 📘 フロントエンドセキュリティ入門本 @shisama_

Portalsのexplainerやspec(draft)やdemoはGitHubからどうぞ github.com/WICG/portals #w3kansai

Otsuka Yuhi @otsukayuhi

techblog.yahoo.co.jp/entry/20191118… #W3kansai

ゆず☃️ @yuzu_441

動画で見たやつPortalって名前だったのか #w3kansai

shisama 📘 フロントエンドセキュリティ入門本 @shisama_

web.dev/hands-on-porta… #w3kansai

Hirokazu Okawa @okyawa

HTMLのportal要素: google IO2019 / 進化したiFrameのようなもの / 対応はChromeのみ #W3kansai

shisama 📘 フロントエンドセキュリティ入門本 @shisama_

Portalsはリモートコンテンツを埋め込める。進化したiFrameと紹介されることが多い #w3kansai

神フロントエンド勢 @jiko_21

「進化したiframe」 #w3kansai

Aruneko @ 01/14 熊野 @aruneko99

進化したiframeっぽいやつ #w3kansai

Aruneko @ 01/14 熊野 @aruneko99

Portalタグとは #w3kansai

ミツカワ @mitsuriver

同僚2人目はPortalsの話です #W3kansai pic.twitter.com/6uBaJ52jVq

拡大

shisama 📘 フロントエンドセキュリティ入門本 @shisama_

.@granciel_33 さんで「Portalsを試してみた話」です！ #w3kansai

Otsuka Yuhi @otsukayuhi

Portals気になる #W3kansai

shisama 📘 フロントエンドセキュリティ入門本 @shisama_

WebVTT結構昔からあるみたいだけど、勧告候補なのね #w3kansai

Hirokazu Okawa @okyawa

ビデオの字幕指定はWebVTT方式が書きやすくてメジャー。勧告候補。 主要ブラウザは対応。Androidのネイティブでも対応。 #W3kansai

shisama 📘 フロントエンドセキュリティ入門本 @shisama_

WebVTT 動画に字幕やキャプションを埋め込める developer.mozilla.org/ja/docs/Web/AP… #w3kansai

たかし @takashimelon

WebVTT(Web Video Text Tracks) #w3kansai

Otsuka Yuhi @otsukayuhi

VTT方式、ばりシンプルだな #W3kansai

Aruneko @ 01/14 熊野 @aruneko99

WebVTT形式のファイルで字幕を生成できる #w3kansai

ぷらむ @plum_shiga

<track> 結構マイナーで寂しい。 html.spec.whatwg.org/multipage/medi… #w3kansai

Otsuka Yuhi @otsukayuhi

なるほど、属性で時間を指定するのか #W3kansai

shisama 📘 フロントエンドセキュリティ入門本 @shisama_

メディアにテキスト埋め込む<track>タグ developer.mozilla.org/ja/docs/Web/HT… #w3kansai

Hirokazu Okawa @okyawa

htmlのvideo要素の中でtrack要素を使うとビデオの字幕が出せる #W3kansai

Aruneko @ 01/14 熊野 @aruneko99

trackタグって初めて聞いた #w3kansai

たかし @takashimelon

track要素知らなかった #w3kansai

Aruneko @ 01/14 熊野 @aruneko99

videoタグに字幕を付けるにはtrackタグを使う #w3kansai