2021å¹´ã®ã‚¦ã‚§ãƒ–標準ã¨ãƒ–ラウザ | gihyo.jp
2021å¹´ã«ãªã‚Šã¾ã—ãŸã。 矢倉眞隆（myakura）ã§ã™ã€‚ウェブ標準やブラウザã«èˆˆå‘³ã®ã‚るウェブ開発者ã§ã™ã€‚gihyo.jpã§ã¯2009å¹´ã«ã€ŒWeb標準ã¨ãã®å‘¨è¾ºæŠ€è¡“ã®å¦ã³æ–¹ã€ã¨ã„ã†é€£è¼‰ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚ 今回ã¯æ˜¨å¹´ã®æ³‰æ°´ã•ã‚“ã«ä»£ã‚ã‚Šã€2021å¹´ã®ã‚¦ã‚§ãƒ–標準やブラウザã®å‹•å‘ã‚’å ãŠã†ã¨æ€ã„ã¾ã™ã€‚2020å¹´ã¯ä¸–界もブラウザもãã‚Œãªã‚Šã«å¤§ããªå‡ºæ¥äº‹ãŒã‚ã‚Šã¾ã—ãŸã®ã§ã€2020å¹´ã®å‹•ãã‚’ã¾ãšãŠã•ãˆã€ãã®ã†ãˆã§2021å¹´ã¯ã©ã†ãªã‚‹ã®ã‹ã‚’考ãˆã¦ã¿ã¾ã—ãŸã€‚ W3Cã®ãƒ—ãƒã‚»ã‚¹æ”¹è¨‚ã§Living Standardライクãªä»•æ§˜ã®æ”¹è¨‚ãŒå¢—ãˆã¦ã„ã W3Cã¯2020å¹´9月ã«ã€æ–°ã—ã„プãƒã‚»ã‚¹æ–‡æ›¸ã¨ç‰¹è¨±ãƒãƒªã‚·ãƒ¼ã‚’公開ã—ã¾ã—ãŸã€‚ æ–°ã—ã„文書プãƒã‚»ã‚¹ã¯W3Cã®çµ„ç¹”ã®å®šç¾©ã‚„標準化ã®æµã‚Œã€æ„æ€æ±ºå®šãªã©ã«ã¤ã„ã¦å®šã‚ãŸæ–‡æ›¸ã§ã™ã€‚ã“ã“æ•°å¹´ã¯æ¯Žå¹´æ›´æ–°ã•ã‚Œã¦ã„ã¾ã™ãŒã€2020å¹´ã¯ã“ã‚Œã¾ã§ã¨æ¯”ã¹ã¦æœ€å¤§ç´šã¨ãƒ—レスリリースã§ã‚‚ã†ãŸã‚ã‚Œã¦ã„ã¾ã™
Raise the bar for SharedArrayBuffer via postMessage() by annevk · Pull Request #4734 · whatwg/html
Building the DOM faster: speculative parsing, async, defer and preload – Mozilla Hacks - the Web developer blog
Building the DOM faster: speculative parsing, async, defer and preload In 2017, the toolbox for making sure your web page loads fast includes everything from minification and asset optimization to caching, CDNs, code splitting and tree shaking. However, you can get big performance boosts with just a few keywords and mindful code structuring, even if you’re not yet familiar with the concepts above
Why you shouldn’t use ‘in’ in javascript
How it worksthe in operator returns true if the specified property is in the specified object. source: MDN So? .. it checks if property exists not the value of it. then what can go wrong ? WhyI always had something against in, mainly because it sounds a bit over promising. The first time I used it I was expecting a behavior more like includes, just because the word “in†is very suggestive to infor
Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively
The CSS box model is rather complicated, particularly when it comes to scrolling content. While the browser uses the values from your CSS to draw boxes, determining all the dimensions using JS is not straight-forward if you only have the CSS. That's why each element has six DOM properties for your convenience: offsetWidth, offsetHeight, clientWidth, clientHeight, scrollWidth and scrollHeight. Thes
JavaScript tutorial - Window size and scrolling
As you can see, the browsers seem to have settled on at least one reliable property; innerHeight. Internet Explorer took a long time to make up its mind, and its influence means that other browsers change their clientHeight behaviour in different versions in order to match it. For now, almost all browsers provide window.innerHeight/Width so that can be used. The other values may swap the values ar
Reflowを制ã™ã‚‹ã‚‚ã®ã¯DOMを制㙠- Qiita
ã™ã”ã„記事ãŒ1日目2日目ã§æ¥ã¦ã„ã‚‹ä¸ã§æ縮ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰JavaScriptã§ãƒ‘フォーマンス点ã‹ã‚‰æ°—ã«ã—ãŸã»ã†ãŒã„ã„部分ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚ DOM律速ã«ãªã‚‹ã‚±ãƒ¼ã‚¹ã‚‚ã‚ã‚‹ よã「JavaScriptãŒé…ã„ã€ã¨ã„ã†ã“ã¨ã‚‚多ã„ã®ã§ã™ãŒã€å…·ä½“çš„ã«ã¯ã©ã®ã‚ãŸã‚ŠãŒé…ããªã£ã¦ãã‚‹ã®ã§ã—ょã†ã‹. 純粋ã«JavaScriptã®ã‚¹ã‚¯ãƒªãƒ—ト処ç†ãŒé…ã„…最近ã¯ãƒ–ラウザ自体も高速化ã—ã¦ã¯æ¥ã¾ã—ãŸãŒã€ãれを追ã„ã‹ã‘るよã†ã«JavaScriptã®å·¨å¤§åŒ–も進んã§ã„ã¾ã™ã€‚ãŸã ã—ã€ç´”粋ã«ãƒ—ãƒã‚°ãƒ©ãƒ 言語的ãªå‡¦ç†ãªã‚‰ã€Web Workerã«æŒ¯ã‚‹ã“ã¨ã§ä¸¦åˆ—化ãŒå¯èƒ½ã§ã™ã€‚ Ajaxã‚„ç”»åƒèªã¿è¾¼ã¿ãªã©ã®é€šä¿¡ãŒé…ã„…サーãƒå´ã§é«˜é€ŸåŒ–ã™ã‚‹æ‰‹ã‚‚ã‚ã‚Šã¾ã™ãŒã€çŠ¶æ³ã«ã‚ˆã£ã¦ã¯JavaScriptã§å…ˆèªã¿ã‚’始ã‚ã¦ãŠã„ã¦ã€ä½“感時間をçŸãã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 DOMæ“作・表示ãŒé…ã„…ã“ã‚Œã«ã¤ã„ã¦ä»Šå›žè€ƒãˆã¦ã¿ã¾ã™ã€‚
Measure the Critical Rendering Path  | Articles  | web.dev
Published: March 31, 2014 The foundation of every solid performance strategy is good measurement and instrumentation. You can't optimize what you can't measure. This guide explains different approaches for measuring critical rendering path (CRP) performance. The Lighthouse approach runs a series of automated tests against a page, and then generates a report on the page's CRP performance. This appr
Masato Kinugawa Security Blog: Referreræ–‡å—列ã«ã‚ˆã‚‹XSS
リファラを使ã£ãŸXSSã®å°ãƒã‚¿ã§ã™ã€‚ 今回å–り上ã’ã‚‹ã®ã¯ã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆè‡ªèº«ãŒã€ç´°å·¥ã—ãŸãƒšãƒ¼ã‚¸ã‚’経由ã™ã‚‹ã“ã¨ã§ã¤ã‘られãŸãƒªãƒ•ã‚¡ãƒ©ã«ã‚ˆã£ã¦æ”»æ’ƒã‚’å—ã‘るケースã§ã™ã€‚ã“ã®ã‚ˆã†ãªæ”»æ’ƒã®å ´åˆã¯ã€ç¾å®Ÿã«çµŒç”±å¯èƒ½ãªãƒšãƒ¼ã‚¸ã‹ã‚‰ã§ã—ã‹æ”»æ’ƒæ–‡å—列をé€ã‚Šã“ã‚€ã“ã¨ãŒã§ãã¾ã›ã‚“。 例ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã€document.referrerã‚’ãã®ã¾ã¾document.write()ã—ã¦ã„るページãŒã‚ã‚‹ã¨ã—ã¾ã™ã€‚ http://vulnerabledoma.in/location/ リファラを書ã出ã—ã¦ã„る部分ã§XSSã§ãã‚‹ã§ã—ょã†ã‹ã€‚ IEã§ã¯å˜ç´”ã§ã™ã€‚ IEã¯URLã®ã‚¯ã‚¨ãƒªã«ã€ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã›ãšã«ã€Œ"<>ã€ãªã©ã‚’å«ã‚ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€ã“れらをå«ã‚€URLã‹ã‚‰ã€ãƒªãƒ•ã‚¡ãƒ©ã‚’書ã出ã—ã¦ã„るページã¸é·ç§»ã•ã›ã‚Œã°ã€XSSãŒèµ·ãã¾ã™ã€‚ http://l0.cm/xss_referrer.html?<script>alert(1)</sc
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Chrome Platform Status
Document: characterSet プãƒãƒ‘ティ - Web API | MDN
GitHub - ten1seven/what-input: A global utility for tracking the current input method (mouse/pointer, keyboard or touch).
å±¥æ´é·ç§»ãƒ¡ã‚½ãƒƒãƒ‰ãŒéžåŒæœŸã¨ãªã‚Šã¾ã—㟠(影響ã‚ã‚Š) | Firefox サイト互æ›æ€§æƒ…å ±
GitHub - mikewest/purification
Allow removing event listeners by group by domenic · Pull Request #469 · whatwg/dom
GitHub - WICG/aom: Accessibility Object Model
web-platform-tests dashboard
DOMContentLoaded周りã®å‡¦ç†ã‚’詳ã—ã調ã¹ã¦ã¿ã¾ã—㟠- Qiita
spec innerText · Issue #5 · whatwg/compat
Document.getElementById()マニアックス
{{#tags}}- {{label}}
{{/tags}}