portals_studyに参加してきました。
タイトル | 発表者 |
---|---|
Hands-on with Portals | uskay |
はてなにおけるPortals | pastak hitode909 |
Hands-on with Portals -seamless navigations on the web-
- uskayさん
Webのパフォーマンス
- Lighthouseは最初のページがでるまでの速さをはかる
- ページ遷移を快適にしたい
- SPAにする?
- SPA覚えてなくても使えるものはないか?
- => Portals
iframeと似ている
- portalsはiframeのようなもの
- portalsは埋め込んだページにそのまま遷移できる
Portals
- Canaryでflugをたてると使える
- Portals自体がアニメーションを持つわけではない
- 遷移するタイミングでアニメーションをあてるいい
- transitionが終わったタイミングで
portsl.activate()
- activateすると前のページのportalオブジェクトを取得できる
- portalで表示しているページはユーザのインプットを受け付けない(セキュリティの都合、将来変わるかも)
- portalで表示しているページとはメッセージでやりとりできる
- activateするとhistoryが消えてしまう(直してる)
- portalのネストはできるけどactivateできるのは手前のものだけ
- ホワイトリストしたページでしか表示できないとかは検討中
- WICGで仕様が議論されている
はてなにおけるPortals
- pastakさん
- hitode909さん
マンガビューワ
- Webで快適にマンガを読む
- URLを開くとすぐ読める
- スマホでもPCでも
- 画像の先読み
- 次のエピソードの先読み
- フルスクリーンで読み続けたい
Portals
- 使用感
- 簡単に埋め込める
- 簡単に遷移させられる
- portalsとして埋め込んでもらえるようにすることも考えてる
- 今はiframeで提供している