Version 100 in Chrome and Firefox – Mozilla Hacks - the Web developer blog
Chrome and Firefox will reach version 100 in a couple of months. This has the potential to cause breakage on sites that rely on identifying the browser version to perform business logic. This post covers the timeline of events, the strategies that Chrome and Firefox are taking to mitigate the impact, and how you can help. User-Agent string User-Agent (UA) is a string that browsers send in HTTP he
Spectre ã®è„…å¨ã¨ã‚¦ã‚§ãƒ–サイトãŒè¨å®šã™ã¹ãヘッダーã«ã¤ã„ã¦
é•·ã„記事ãªã®ã§å…ˆã«çµè«–を書ãã¾ã™ã€‚ Spectre ã®ç™»å ´ã§ã€ã‚¦ã‚§ãƒ–サイトã«å¿…è¦ã¨ã•ã‚Œã‚‹ã‚»ã‚ュリティè¦ä»¶ã¯å¢—ãˆã¾ã—ãŸã€‚具体的ã«å¿…è¦ãªå¯¾ç–ã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ ã™ã¹ã¦ã®ãƒªã‚½ãƒ¼ã‚¹ã¯ Cross-Origin-Resource-Policy ヘッダーを使ã£ã¦ cross-origin ãªãƒ‰ã‚ュメントã¸ã®èªã¿è¾¼ã¿ã‚’制御ã™ã‚‹ã€‚ HTML ドã‚ュメントã«ã¯ X-Frame-Options ヘッダーもã—ã㯠Content-Security-Policy (CSP) ヘッダー㮠frame-ancestors ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã‚’è¿½åŠ ã—ã¦ã€cross-origin ãªãƒšãƒ¼ã‚¸ã¸ã® iframe ã«ã‚ˆã‚‹åŸ‹ã‚è¾¼ã¿ã‚’制御ã™ã‚‹ã€‚ HTML ドã‚ュメントã«ã¯ Cross-Origin-Opener-Policy ãƒ˜ãƒƒãƒ€ãƒ¼ã‚’è¿½åŠ ã—㦠popup ウィンドウã¨ã—ã¦é–‹ã‹ã‚ŒãŸå ´åˆã® cross-origin ãªãƒšãƒ¼ã‚¸ã¨ã®ã‚³ãƒŸãƒ¥ãƒ‹
Smoozサービス終了ã«å¯„ã›ã¦
202012_smooz.md Smoozサービス終了ã«å¯„ã›ã¦ å‰ç½®ã ã“ã®æ–‡ç« ã¨ã€ãã‚Œã«å«ã¾ã‚Œã‚‹è€ƒå¯Ÿã‚„å„サービスã¸ã®è„†å¼±æ€§å ±å‘Šãªã©ã¯mala個人ã®æ´»å‹•ã§ã‚ã‚Šã€æ‰€å±žã—ã¦ã„ã‚‹ä¼æ¥ã¨ã¯é–¢ä¿‚ã‚ã‚Šã¾ã›ã‚“。 一方ã§ç§ã¯ã€ä¼æ¥ãŒé–²è¦§å±¥æ´ã‚’åŽé›†ã—ã¦ä½•ã‚’ã—ãŸã„ã®ã‹ã€æ‰€å±žã—ã¦ã‚‹ä¼æ¥ã‚„他社事例ã«ã¤ã„ã¦ã€ã‚る程度詳ã—ã„当事者ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ 一般論ã¨ã—ã¦æ›¸ã‘ã‚‹ã“ã¨ã¯æ›¸ã‘ã‚‹ãŒã€(æ¥å‹™ä¸ŠçŸ¥ã‚Šå¾—ãŸçŸ¥è˜ã§é–‹ç¤ºã•ã‚Œã¦ãªã„ã‚‚ã®ãªã©)個別具体的ãªã“ã¨ã¯æ›¸ã‘ãªã„ã“ã¨ã‚‚ã‚ã‚Šã€ã¾ãŸè¦³æ¸¬ç¯„囲ã«åã‚ŠãŒã‚ã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚Šã¾ã™ã€‚ Smoozã«å ±å‘Šã—ãŸè„†å¼±æ€§2件 最近ã€Smoozã¨ã„ã†ã‚¹ãƒžãƒ›å‘ã‘ã®ãƒ–ラウザアプリã«2件脆弱性ã®å ±å‘Šã‚’ã—ãŸã€‚ ã“ã®è¨˜äº‹ã‚’書ã„ã¦ã„る時点ã§ã€Smoozã®é…布ãŒåœæ¢ã•ã‚Œã¦ã„ã¦ã€ä¿®æ£ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®å…¥æ‰‹ãŒå‡ºæ¥ãªã„。 2件目ã«ã¤ã„ã¦ã¯ã¾ã 返事ãŒæ¥ã¦ã„ãªã„。 è„†å¼±æ€§æƒ…å ±ã®é–‹ç¤ºã«ã‚ãŸã£ã¦ç‰¹æ®µã®è¨±å¯ã¯å¾—ã¦ã„ãªã„ãŒã€é–‹ç™ºå…ƒã‹ã‚‰ã‚‚利用åœæ¢ã™
最新ã®ãƒ–ラウザã§å¤‰ã‚ã‚‹Cookieã®å–り扱ã„ã‚„Privacyã®è€ƒãˆæ–¹
2020/02/13 DevSumi 発表資料
prefers-color-scheme を用ã„㟠Dark Mode 対応㨠User Preference Media Features | blog.jxck.io
Intro macOS Mojava 㯠OS レベル㧠Dark Mode ã«å¯¾å¿œã—ãŸã€‚ ã—ã‹ã—〠Web コンテンツã¯ä¾ç„¶ã¨ã—ã¦ç™½èƒŒæ™¯é»’æ–‡å—ベースã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¤šãã€çµæžœãƒ–ラウザã®ä¸ã ã‘眩ã—ã„ã¨ã„ã†å•é¡ŒãŒã‚る。 Safari TP69 ã§ã¯ã€ã“ã‚Œã«ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã§å¯¾å¿œã™ã‚‹ãŸã‚ã® prefers-color-scheme ãŒå®Ÿè£…ã•ã‚ŒãŸã€‚ ã“れを用ã„㟠DarkMode 対応ã¨ã€æœ¬ãƒ–ãƒã‚°ã® DarkMode 対応ã€ãŠã‚ˆã³ç–定ä¸ã® User Preference Media Features ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹ã€‚ Update ç”»åƒã®å¯¾å¿œã«ã¤ã„ã¦è¿½è¨˜ã—㟠Code Block ã®å¯¾å¿œã«ã¤ã„ã¦è¿½è¨˜ã—㟠2019/1 ã« Chrome ã® Intents ãŒå‡ºã•ã‚ŒãŸã€‚ Intent to Implement: Media Queries: prefers-color-scheme feature I
W3C Workshop for Permissions and User Consentã«è¡Œã£ã¦ã㟠(2) 本編 - ãã‚“ãªã“ã¨ã¯ã•ã¦ãŠã„ã¦
本編ã§ã™ã€‚æ€ã£ãŸã‚ˆã‚Šã‚ã¡ã‚ƒã‚ã¡ã‚ƒé•·ããªã£ã¦ã—ã¾ã£ãŸã€‚2000æ–‡å—ãらã„ã§ã‚ã‚‹ã“ã¨ãŒå¤šã„ã®ã«11000æ–‡å—ã¨ã‹å‡ºã¦ã‚‹ã‚“ã§ã™ãŒï¼Ÿï¼Ÿï¼Ÿ 背景 本ワークショップã«è‡³ã‚‹ç‰¹ã«é‡è¦ãªèƒŒæ™¯ã¨ã—ã¦ã€Cambridge Analytica事件ã¨GDPRã®æ–½è¡Œã¨ã„ã†2ã¤ã®ã§ãã”ã¨ãŒã‚る。ã“れらã®ã§ãã”ã¨ã«ã‚ˆã£ã¦ã€Webã«ãŠã‘ã‚‹æƒ…å ±å…±æœ‰ã¨ãã‚Œã¸ã®åŒæ„・許諾ã®ã‚ã‚Šæ–¹ã¸ã®ä¼æ¥ã‚„ユーザーã®è¦‹æ–¹ãŒå¤§ãã変ã‚ã‚Šã€ä»Šã¾ã§ã®ã‚り方を見直ã•ã–ã‚‹ã‚’å¾—ãªããªã£ãŸã€ã¨ã„ã†ã“ã¨ãŒæœ¬ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ã«ã¤ãªãŒã£ã¦ã„ã‚‹ã¨è€ƒãˆã‚‰ã‚Œã‚‹ã€‚ Cambridge Analytica事件 2018å¹´3月ã«è¡¨é¢åŒ–ã—ãŸã€é¸æŒ™æ´»å‹•ã¸ã®ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ãªã©ã‚’è¡Œã†Cambridge Analytica社ãŒFacebookユーザーã®å€‹äººæƒ…å ±ã‚’åŒæ„ãªã政治利用ã—ã¦ã„ãŸã€ã¨ã„ã†äº‹ä»¶ã€‚ ã‚‚ã¨ã‚‚ã¨Global Science Research社ãŒthisisyourdigit
off-the-main-thread ã®æ™‚代 - mizchi's blog
off-the-main-thread ã¯ä»Šãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ç†±ã„テーマã®ä¸€ã¤ã§ã™ã€‚日本語åœã§ã¯ä»Šã²ã¨ã¤è©±é¡Œã«ãªã£ã¦ãªã„ã®ã§ç´¹ä»‹ã—ã¦ãŠãã¾ã™ã€‚ off-the-main-thread ã®æ¦‚念ã®å¤§ã¾ã‹ãªæ¦‚è¦ã«ã¤ã„ã¦ã¯ã€Chrome 開発者㮠nhiroki ã•ã‚“ã®æ—¥æœ¬èªžã®è¨˜äº‹ãŒã‚ã‚‹ã®ã§ã€ã“ã¡ã‚‰ã‚’å‚ç…§ã—ã¦ãã ã•ã„。 nhiroki.jp speakerdeck.com ã“ã“ã¾ã§ã®ã‚らã™ã˜ 従æ¥ã®ã‚¦ã‚§ãƒ–ブラウザーã§ã¯ã€ä¸€ã¤ã®ç”»é¢ã«ã¤ã一ã¤å‰²ã‚Šå½“ã¦ã‚‰ã‚Œã‚‹ã€UI スレッドã¨å‘¼ã°ã‚Œã‚‹åå‰ç©ºé–“ã§æ§˜ã€…ãªå‡¦ç†ã‚’è¡Œã£ã¦ãã¾ã—ãŸã€‚DOMセマンティクスã®è©•ä¾¡, CSS ã«ã‚ˆã‚‹ rendering / paintingã€JSã®Scripting…。もã¡ã‚ã‚“è£å´ã§ã¯ãƒ–ラウザãŒæ§˜ã€…ãªãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã‚µãƒ¼ãƒ“スã«å‡¦ç†ã‚’委è²ã—ã€ã‚¹ãƒ¬ãƒƒãƒ‰ã§å®Ÿè¡Œã•ã‚Œã€ãã®éžåŒæœŸãªçµæžœã‚’å—ã‘å–ã£ã¦ã„ã‚‹ã‚ã‘ã§ã™ãŒã€å°‘ãªãã¨ã‚‚UIスレッドã§èµ°ã‚‹JSã‹ã‚‰
Inside look at modern web browser (part 1)  | Blog  | Chrome for Developers
CPU, GPU, Memory, and multi-process architecture In this 4-part blog series, we'll look inside the Chrome browser from high-level architecture to the specifics of the rendering pipeline. If you ever wondered how the browser turns your code into a functional website, or you are unsure why a specific technique is suggested for performance improvements, this series is for you. As part 1 of this serie
Layered APIs 㨠High Level API ã®æ¨™æº–åŒ–æŒ‡é‡ | blog.jxck.io
Intro Extensible Web Manifest 以é™ã€æ¨™æº–化作æ¥ã¯ Low Level API ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã€ä¸€å®šã®æˆæžœãŒå‡ºã¦ã„る。 ãã“ã§ã€ã“れらをベースã¨ã—ã€ã‚ˆã‚Šã‚¢ãƒ—リレイヤã®éœ€è¦ã‚’満ãŸã™ãŸã‚ã® High Level API ã‚’ã©ã†æ¨™æº–化ã™ã‚‹ã‹ã€ã¨ã„ã†ç‚¹ã«ã¤ã„ã¦æŒ‡é‡ãŒæ案ã•ã‚ŒãŸã€‚ 基本ã¯ã€ Low Level API を元㫠Polyfill を作りã€ãã“ã‹ã‚‰ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã«ã‚ˆã‚Šç–定を進ã‚ã‚‹ã¨ã„ã†æ–¹é‡ã 。 åˆã‚ã›ã¦ ES Modules ã® Import を用ã„ã¦ã€ polyfill ã¨ãƒã‚¤ãƒ†ã‚£ãƒ–実装をスムーズã«åˆ‡ã‚Šæ›¿ãˆã‚‹æ‹¡å¼µãŒæ案ã•ã‚Œã¦ã„る。 本記事ã§ã¯ Layered APIs (LAPIs) ã¨å‘¼ã°ã‚Œã‚‹ã€ã“ã®ä¸€é€£ã®æž 組ã¿ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹ã€‚ ã¾ãŸã€åŒç‰ã®è©±ã‚’ æ±äº¬ Node å¦åœ’ #tng30 ã§è¡Œã£ãŸè³‡æ–™ã¯ä»¥ä¸‹ã§ã‚る。 Web over Layered APIs
puppeteerã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ISUCONã®ãŸã‚ã®ãƒ‘フォーマンス計測ツールを作りãŸã„ - Qiita
ã“ã®è¨˜äº‹ã¯ã€ Recruit Engineers Advent Calendar 2017 ã®2日目ã§ã™ã€‚ リクルートテクノãƒã‚¸ãƒ¼ã‚ºã§ パートナーã¨ã—ã¦åƒã„ã¦ã‚‹ mizchi ã§ã™ã€‚ã“ã“ã§ã®ä»•äº‹ã¯ã€ yosuke_furukawa ãŒå¿™ã—ãã¦èª¿ã¹ã‚‰ã‚Œãªã„ã“ã¨ã‚’ã€å‹æ‰‹ã«èª¿ã¹ã¦ãã‚‹ã“ã¨ã§ã™ã€‚ 今ã¾ã§ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã§ã‚„ã£ãŸã“ã¨ã¯ Next.js, AMP, PWA, Puppeteer ã£ã¦æ„Ÿã˜ã€‚今回㯠Puppeteer を使ã£ãŸE2Eテストã®è‡ªå‹•åŒ–やパフォーマンス評価ã®è©±ã‚’ã—ã¾ã™ã€‚ puppeteer ã¨ã¯ リãƒã‚¸ãƒˆãƒªåã§ã‚ã‹ã‚Šã¾ã™ãŒã€GoogleChrome ãƒãƒ¼ãƒ ãŒå…¬å¼ã«æä¾›ã™ã‚‹ Chrome ã® Headless Driver ã§ã™ã€‚ スペルãŒã¨ã«ã‹ã覚ãˆã¥ã‚‰ã„ クãƒã‚¹ãƒ–ラウザテスト以外ã«ã¯ã‹ãªã‚Šä¸‡èƒ½ãªãƒ„ールã§ã™ã€‚E2Eテストã€ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングã€æ—¥ã€…ã®ä½œæ¥ã®è‡ªå‹•åŒ–ã€ãªã‚“ã§ã‚‚ã”ã–れ。 ä»–ã®ãƒ–ラ
ブラウザã®è„†å¼±æ€§ã¨ãã®ã‚¤ãƒ³ãƒ‘クト
ã‚»ã‚ュリティ・ã‚ャンプ全国大会2017ã®è¬›ç¾©è³‡æ–™ã§ã™ï¼ˆMasato Kinugawaã•ã‚“ã¨ã®å…±åŒåˆ¶ä½œã§ã™ï¼‰ã€‚
レンダリング ツリーã®æ§‹ç¯‰ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒšã‚¤ãƒ³ãƒˆ  | Articles  | web.dev
レンダリング ツリーã®æ§‹ç¯‰ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒšã‚¤ãƒ³ãƒˆ コレクションã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ•´ç† å¿…è¦ã«å¿œã˜ã¦ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¿å˜ã¨åˆ†é¡žã‚’è¡Œã„ã¾ã™ã€‚ 公開日: 2014 å¹´ 3 月 31 æ—¥ CSSOM ツリー㨠DOM ツリーãŒçµ„ã¿åˆã‚ã•ã‚Œã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚° ツリーãŒç”Ÿæˆã•ã‚Œã¾ã™ã€‚レンダリング ツリーã¯ã€è¡¨ç¤ºã•ã‚Œã‚‹å„è¦ç´ ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’計算ã™ã‚‹ãŸã‚ã«ä½¿ç”¨ã•ã‚Œã¾ã™ã€‚ã¾ãŸã€ç”»é¢ã«ãƒ”クセルをレンダリングã™ã‚‹ãƒšã‚¤ãƒ³ãƒˆ プãƒã‚»ã‚¹ã¸ã®å…¥åŠ›ã¨ã—ã¦ä½¿ç”¨ã•ã‚Œã¾ã™ã€‚レンダリングã®ãƒ‘フォーマンスを最é©åŒ–ã™ã‚‹ã«ã¯ã€ã“れらã®å„ステップを最é©åŒ–ã™ã‚‹ã“ã¨ãŒå¿…é ˆã§ã™ã€‚ オブジェクト モデルã®æ§‹ç¯‰ã«é–¢ã™ã‚‹å‰ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã§ã¯ã€HTML 㨠CSS ã®å…¥åŠ›ã«åŸºã¥ã„㦠DOM ツリー㨠CSSOM ツリーを作æˆã—ã¾ã—ãŸã€‚ãŸã ã—ã€ã“れらã¯ã©ã¡ã‚‰ã‚‚ドã‚ュメントã®ã•ã¾ã–ã¾ãªå´é¢ã‚’ã‚ャプãƒãƒ£ã™ã‚‹ç‹¬ç«‹ã—ãŸã‚ªãƒ–ジェクトã§ã™ã€‚1 ã¤ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã¤ã„ã¦è¨˜è¿°ã—ã€ã‚‚ã†
ECMAScript modules in browsers
ES modules are now available in browsers! They're in… Safari 10.1. Chrome 61. Firefox 60. Edge 16. <script type="module"> import { addTextToBody } from './utils.mjs'; addTextToBody('Modules are pretty cool.'); </script> // utils.mjs export function addTextToBody(text) { const div = document.createElement('div'); div.textContent = text; document.body.appendChild(div); } Live demo. All you need is t
知ã£ã¦ãŠããŸã„ブラウザã«ã¤ã„ã¦ã®åŸºç¤Žå…¥é–€
知ã£ã¦ãŠããŸã„ブラウザã«ã¤ã„ã¦ã®åŸºç¤Žå…¥é–€ at サãƒãƒ¼ã‚¿ãƒ¼ã‚ºäº¬éƒ½å‹‰å¼·ä¼š https://supporterz.connpass.com/event/51220/
Archived MSDN and TechNet Blogs
If you were looking for MSDN or TechNet blogs, please know that MSDN and TechNet blog sites have been retired, and blog content has been migrated and archived here. How to use this site Archived blogs are grouped alphabetically by the initial letter of the blog name. Select the initial letter from the TOC to see the full list of the blogs. You can also type the name of the blog or the title of the
This browser tweak saved 60% of requests to Facebook
Over the past two years Facebook has been working with browser vendors to improve browser caching. As a result of this work, both Chrome and Firefox recently launched features that make their caches significantly more efficient both for us and for the entire web. These changes have helped reduce static resource requests to our servers by 60% and as a result have dramatically improved page load tim
Template:ウェブブラウザã«ãŠã‘ã‚‹TLS/SSLã®å¯¾å¿œçŠ¶æ³ã®å¤‰åŒ– - Wikipedia
ウェブブラウザã«ãŠã‘ã‚‹TLS/SSLã®å¯¾å¿œçŠ¶æ³ã®å¤‰åŒ– ウェブブラウザ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ プラットフォームSSLプãƒãƒˆã‚³ãƒ« TLSプãƒãƒˆã‚³ãƒ« 証明書ã®ã‚µãƒãƒ¼ãƒˆ 脆弱性ã¸ã®å¯¾å¿œ[注 1] プãƒãƒˆã‚³ãƒ«é¸æŠž[注 2] SSL 2.0 (安全ã§ã¯ãªã„) SSL 3.0 (安全ã§ã¯ãªã„) TLS 1.0 TLS 1.1 TLS 1.2 TLS 1.3 EV[注 3][1] SHA-2[2] ECDSA[3] BEAST [注 4] CRIME [注 5] POODLE (SSLv3) [注 6] RC4 [注 7] FREAK [4][5] Logjam Google Chrome (Chrome for Android) [注 8] [注 9]
Land Lines
Satellite images provide a wealth of visual data from which we can visualize in interesting ways. Land Lines is an experiment that lets you explore Google Earth satellite imagery through gesture. “Draw†to find satellite images that match your every line; “Drag†to create an infinite line of connected rivers, highways and coastlines. Using a combination of machine learning, optimized algorithms, a
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - GoogleChrome/rendertron: A Headless Chrome rendering solution
Transform JSX in the browser · Issue #5497 · facebook/react
{{#tags}}- {{label}}
{{/tags}}