Skip to content

Instantly share code, notes, and snippets.

@arayaryoma
Last active December 2, 2019 19:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save arayaryoma/7b4d46db345f1aab109a575432aa57be to your computer and use it in GitHub Desktop.
Save arayaryoma/7b4d46db345f1aab109a575432aa57be to your computer and use it in GitHub Desktop.
Chrome Dev Summitまとめ
Edge & Chrome form control collaboration
input要素などの刷新
<meter>のグラデーションは1990sのままらしい
chrome://flags/#form-controls-refresh
windowsのHigh contrast mode
@media(forced-colors: active)
forced-color-adjust: auto | none
Edgeチームがform controlsの改善のために36のaccessibilityに関してのcommitをchromiumに入れた
Stylability
多くの開発者がform elementsをスクラッチで書き直している
ブラウザがデフォルトで搭載しているa11yの機能も実装し直さなければならない
まずはselect, checkbox, radioのstylabilityにフォーカスしていく
Extensibility
select, optionを拡張が拡張できるように今後していく
New components
virtual-list(AndroidのUITableView)とtoggle-switchの要望がとても多い
Display Locking
available in Origin Trial
airbnbを初めてのユーザーの65%はモバイルのwebに訪れる
Contact Picker API
Native File System API
Web assembly Summit
Signed Exchanges
Portals
Periodic Background Sync
Content Indexing API
Web Bundles
Improve Form elements
Backdrop Filter
CSS.registerProperty()
LayoutNG
Chromeの新しいレイアウトアルゴリズム
約10%のレイアウトバグの修正
最大5%の描画パフォーマンスの向上
複雑な言語におけるパフォーマンスの改善
emojiの描画が速くなった
Display Locking API
WebAuthn
SMS Receiver API
特に、インドのユーザーは全員がemailアドレスを持っていない
Web Payments
現在、ほぼすべてのブラウザがオープンソースになっている
Largest Contentful Paint
Cumulative Layout Shift
Layout Stability API
Web archiveに残されたz-indexの最大値: 780桁の99999... !important
Next.js
Google Site Kit for Wordpress
ブラウザ上でコードを変更しながらLighthouseのスコアを改善するデモ
Lighthouse CI
3つの重要なゴール
Better performance
More accessible
More safe and trustworthy
メモリ使用量の改善
Auto Lazy Load
Paing Holding
Google AIを使ってImageのdescriptionを自動生成する
Blocking All Mixed Content
Privacy sandbox
Password Manager
ユーザーがどこにいるか、ウェブサイトがユーザーから何を得ているかを明確にすることがゴール
IDN spoofingの対策
spoofy IDNを検知したら警告を出す
URLはセキュリティの文脈では有用な指標ではない
schemeやwwwwはユーザーにとって必要性の低い情報の為非表示にする
https://chrome.google.com/webstore/detail/suspicious-site-reporter/jknemblkbdhdcpllfgbfekkdciegfboi
このextensionを入れると、schemeやwwwが表示されるようになり、なりすましやフィッシングなどの悪意のあるサイトを報告することができる
OYOの事例 by Mukund, Product Manager for OYO Consumer Experience
もとのサイトに比べて、ChromeのPWAでは4.4倍、Trusted Web Activityでは6.6倍のconversionがあった。
TWAのアプリは900KB未満のapp size
ecosystemとして、PhotoShop, AndroidStudio, Squoosh, Gimp, ImageMagickなどでWebPを出力できる
SMS Receiver API
Web Authentication API
2FA
Re-authentication
Yahoo! JAPANの事例
`PublicKeyCredential.isUserVerifyingPlatformAuthenticationAvailable()`
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment