Last active
December 2, 2019 19:18
-
-
Save arayaryoma/7b4d46db345f1aab109a575432aa57be to your computer and use it in GitHub Desktop.
Chrome Dev Summitまとめ
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Chromium | |
1年間で90Kのcommits | |
>2000 contributors | |
55 companies | |
20%がGoogle外(MS, Igaliaなど) | |
Blink process | |
Intent to Implementと読んでいたものをIntent to Prototypeに変更 | |
フラグ付きで試験的に提供するだけで、強いコミットメントではないことを明確にしたかった | |
MozilaがもともとIntent to Prototypeと読んでいた |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
ユーザーがどこにいるか、ウェブサイトがユーザーから何を得ているかを明確にすることがゴール | |
IDN spoofingの対策 | |
spoofy IDNを検知したら警告を出す | |
URLはセキュリティの文脈では有用な指標ではない | |
schemeやwwwwはユーザーにとって必要性の低い情報の為非表示にする | |
https://chrome.google.com/webstore/detail/suspicious-site-reporter/jknemblkbdhdcpllfgbfekkdciegfboi | |
このextensionを入れると、schemeやwwwが表示されるようになり、なりすましやフィッシングなどの悪意のあるサイトを報告することができる | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
OYOの事例 by Mukund, Product Manager for OYO Consumer Experience | |
もとのサイトに比べて、ChromeのPWAでは4.4倍、Trusted Web Activityでは6.6倍のconversionがあった。 | |
TWAのアプリは900KB未満のapp size |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
ecosystemとして、PhotoShop, AndroidStudio, Squoosh, Gimp, ImageMagickなどでWebPを出力できる |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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