The State of Browser Caching, Revisited
Hi, I’m Mark Nottingham. I write about the Web, protocol design, HTTP, Internet governance, and more. This is a personal blog, it does not represent anyone else. Find out more. Comments? Let's talk on Mastodon. @mnot@techpolicy.social other HTTP Caching posts RFC5861: HTTP Stale Controls Thursday, 6 May 2010 Expires vs. max-age Tuesday, 15 May 2007 Squid is My Service Bus Sunday, 29 April 2007 Thu
スタンドアãƒãƒ³AMPã®ã‚¹ã‚¹ãƒ¡
ã“ã‚“ã«ã¡ã‚ã€@t32kã§ã™ã€‚先日ã€3/18ã«å¤§é˜ªã§é–‹å‚¬ã•ã‚ŒãŸFRONTEND CONFERENCE 2017ã«ç™»å£‡ã—ã¦ãã¾ã—ãŸã€‚ã¾ãŸå¼Šç¤¾ãƒ¡ãƒ«ã‚«ãƒªã¯æ‡‡è¦ªä¼šã‚¹ãƒãƒ³ã‚µãƒ¼ã§ã—ãŸã€‚今回ã¯ã€Žã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ³AMPã®ã‚¹ã‚¹ãƒ¡ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§è¬›æ¼”ã—ãŸå†…容をシェアã—ãŸã„æ€ã„ã¾ã™ã€‚ ç§ãŒæ‰€å±žã—ã¦ã„るソウゾウ社ã§ã¯ãƒ¡ãƒ«ã‚«ãƒªã‚¢ãƒƒãƒ†ã¨ã„ã†ã‚¯ãƒ©ã‚·ãƒ•ã‚¡ã‚¤ãƒ‰ã‚µãƒ¼ãƒ“スを作ã£ã¦ã„ã¾ã™ã€‚メルカリã¯é…é€ã‚·ã‚¹ãƒ†ãƒ を介ã—ã¦å£²è²·ã—ã¾ã™ãŒã€ã“ã¡ã‚‰ã¯ç›´æŽ¥ä¼šã£ã¦æ‰‹æ¸¡ã—ã§ãƒ¢ãƒŽã®å£²ã‚Šè²·ã„ãŒã§ãã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€æ‰‹æ•°æ–™ã‚„é…é€æ–™ã¯ã‹ã‹ã‚Šã¾ã›ã‚“ã®ã§ã€ã‚ˆã‚ã—ã‹ã£ãŸã‚‰ä½¿ã£ã¦ã¿ã¦ãã ã•ã„。ç§ã¯ãã“ã®Web担当ã§ã€æœ¬ã‚µã‚¤ãƒˆã®AMP実装ã«ã¤ã„ã¦è©±ã—ã¾ã™ã€‚ 今日ã®ã‚¢ã‚¸ã‚§ãƒ³ãƒ€ã§ã™ã€‚ AMPã®ãƒ¡ãƒªãƒƒãƒˆ 表ç¾åŠ›ã«ã¤ã„㦠テンプレート分散ã«ã¤ã„ã¦ æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã«ã¤ã„㦠ã¾ã¨ã‚ ã¨ã„ã£ãŸå†…容ã§ã‚„ã£ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ AMPã¨ã¯ï¼Ÿ ã¾ãšã¯AMPã¨ã¯ä½•ã‹èª¬æ˜Žã—ã¾ã™ã€‚AMPã¨ã¯
JavaScriptã®å¾ªç’°importを図ã§å¯è¦–化ã—ã¦ã¿ãŸ - Qiita
先日ã€JavaScriptファイルã®ãƒãƒ¼ãƒ‰ä¸ã«ã€å¾ªç’°importã«ã‚ˆã‚‹åˆæœŸåŒ–エラーãŒå‡ºã¦å›°ã£ãŸã®ã§ã€å›³ã‚’ã¤ãã£ã¦å¯è¦–化ã—ã¦ã¿ã¾ã—ãŸã€‚ 生æˆç‰©ã¯ä¸€ç•ªä¸‹ã«ã‚ã‚Šã¾ã™ã€‚ JavaScriptã«ãŠã‘る他ファイルå‚ç…§ ブラウザ上ã§å‹•ãJavaScriptコードを書ãã†ãˆã§ã¯ã€å¥‡å¦™ãªåˆ¶ç´„ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚ 言語自体ãŒå¥‡å¦™ãªå ´åˆã‚‚多ã„ã§ã™ãŒï¼ˆæœ¬å½“ã«å¤šã„ï¼ï¼‰ã€ä»–ファイルã®importçš„ãªæ©Ÿèƒ½ã¯ã€ã‚‚ã¨ã‚‚ã¨ã€Œãƒ–ラウザãŒé€šä¿¡ã—ã¦ã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウンãƒãƒ¼ãƒ‰ã—ãªã„ã¨ã„ã‘ãªã„ã€ã¨ã„ã†éƒ½åˆã‚‚ã‚ã‚‹ãŸã‚ã€ãªã‹ãªã‹ã«ç„¡èŒ¶ãªä»•çµ„ã¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãã‚‚ãも最近ã¾ã§import自体ãŒå˜åœ¨ã—ãªã‹ã£ãŸã®ã§ã€é©å½“ãªãƒ©ã‚¤ãƒ–ラリã§å°‚用ã®è¨˜æ³•ã‚’使ã†ã‹ã€ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘イラã§ç³–衣構文ã«å¤‰æ›ã™ã‚‹ã¨ã„ã†æ‰‹æ³•ãŒç”¨ã„られã¦ã„ã¾ã™ã€‚ 2015å¹´ã®ECMAScript2015（ES6）ã§ã‚ˆã†ã‚„ãimportã¨ã„ã†æ§‹æ–‡ãŒä»•æ§˜ã«å…¥ã‚Šã¾ã—ãŸãŒã€ä»Šã®ã¨ã“ã‚ã©ã®ãƒ–ラウザも
Webã‚»ã‚ュリティ㨠W3Cã¨IETFã®ä»•æ§˜
2. 自己紹介 - ゆã ( @flano_yuki ) - 趣味ã§W3Cã¨IETFã®ä»•æ§˜ã‚’èªã‚“ã§ãƒ–ãƒã‚°ã«æ›¸ã„ã¦ã‚‹ - IETFã¯ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ãƒŸãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã«æ•°å›žå‚åŠ - ãŸã¾ã«è„†å¼±æ€§å ±å‘Šã—ãŸã‚Š (CVE番å·ç™ºè¡Œ:1件) - 本æ¥ã¯ã‚¤ãƒ³ãƒ•ãƒ©ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ @flano_yuki 3. 今日ãŠè©±ã™ã‚‹ã“㨠- 個人的ã«æ°—ã«ãªã£ã¦ã‚‹ã€W3Cã‚„IETFã§è°è«–ã•ã‚Œã¦ã‚‹ä»•æ§˜ã‚’紹介ã—ã¾ã™ - 仕様ã¯ç–定ä¸ã®ã‚‚ã®ã§ã™ã€å¤§ã„ã«å¤‰ã‚ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ - 標準化ã«è‡³ã‚‰ãªã„ã‚‚ã®ã‚„ã€å®Ÿè£…ã•ã‚Œãªã„ã‚‚ã®ã‚‚ã‚ã‚‹ã§ã—ょㆠ（紹介ã—ãã‚Œãªã„ã‚‚ã®ã‚‚沢山ã‚ã‚Šã¾ã™ï¼‰ 標準化ã¨ã„ã†ã¨æ•·å±…ãŒé«˜ãã†ã§ã™ãŒã€å°‘ã—ã§ã‚‚楽ã—ãã†ã¨æ€ã£ã¦é ‚ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ 興味ã‚る人ã€è©³ã—ã„人ã„ã¾ã—ãŸã‚‰ã€æ˜¯éžãŠå£°ãŒã‘ãã ã•ã„＞＜； 4. Overview W3C - W3C - Web Apprication Security WG (WebAppSec) - CS
IPv6 RFC 改版ã®æ案ã¯ãªãœè°è«–紛糾ã—ãŸã®ã‹ï¼Ÿ
JANOG 39.5 ã® LT 発表資料ã§ã™ã€‚rfc2460bis, rfc4291bis, rfc1981bis ã® IETF Last Call ãŒãªãœè°è«–紛糾ã—ãŸã®ã‹ã€è«–点をã‹ã‚“ãŸã‚“ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚
Async iterators and generators
Streaming fetches are supported in Chrome, Edge, and Safari, and they look a little like this: async function getResponseSize(url) { const response = await fetch(url); const reader = response.body.getReader(); let total = 0; while (true) { const { done, value } = await reader.read(); if (done) return total; total += value.length; } } This code is pretty readable thanks to async functions (here's a
OAuth 2.0 全フãƒãƒ¼ã®å›³è§£ã¨å‹•ç”» - Qiita
RFC 6749 (The OAuth 2.0 Authorization Framework) ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹ 4 ã¤ã®èªå¯ãƒ•ãƒãƒ¼ã€ãŠã‚ˆã³ã€ãƒªãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ãƒˆãƒ¼ã‚¯ãƒ³ã‚’用ã„ã¦ã‚¢ã‚¯ã‚»ã‚¹ãƒˆãƒ¼ã‚¯ãƒ³ã®å†ç™ºè¡Œã‚’å—ã‘るフãƒãƒ¼ã®å›³è§£åŠã³å‹•ç”»ã§ã™ã€‚動画㯠YouTube ã¸ã®ãƒªãƒ³ã‚¯ã¨ãªã£ã¦ã„ã¾ã™ã€‚ English version: Diagrams And Movies Of All The OAuth 2.0 Flows 追記 (2019-07-02) èªå¯æ±ºå®šã‚¨ãƒ³ãƒ‰ãƒã‚¤ãƒ³ãƒˆã‹ã‚‰ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«èªå¯ã‚³ãƒ¼ãƒ‰ã‚„アクセストークンを渡ã™æ–¹æ³•ã«ã¤ã„ã¦ã¯ã€åˆ¥è¨˜äº‹ã€ŽOAuth 2.0 ã®èªå¯ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã¨ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã«é–¢ã™ã‚‹èª¬æ˜Žã€ã§è§£èª¬ã—ã¦ã„ã¾ã™ã®ã§ã€ã”å‚ç…§ãã ã•ã„。 追記（2020-03-20） ã“ã®è¨˜äº‹ã®å†…容をå«ã‚€ã€ç†è€…本人ã«ã‚ˆã‚‹ã€ŽOAuth & OIDC 入門編ã€è§£èª¬å‹•ç”»ã‚’公開ã—ã¾ã—ãŸï¼ 1. èªå¯ã‚³ãƒ¼ãƒ‰ãƒ•ãƒãƒ¼ RF
Performance best practices for Firefox front-end engineers — Firefox Source Docs documentation
Overview A Glossary of Common Terms A Quick Guide to Mozilla Applications Getting Started Getting Set Up To Work On The Firefox Codebase Working On Firefox Working on Firefox Bug Handling Firefox User Guide Firefox DevTools User Docs Source Code Documentation Governance Firefox Front-end DOM Editor Style system (CSS) & Layout Graphics Processes, Threads and IPC Firefox DevTools Contributor Docs To
Parsing JavaScript - better lazy than eager?
ã“ã®ãƒ–ラウザ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã‚µãƒãƒ¼ãƒˆã¯çµ‚了ã—ã¾ã—ãŸã€‚サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„るブラウザã«ã‚¢ãƒƒãƒ—グレードã—ã¦ãã ã•ã„。
SPAã«ãŠã‘ã‚‹CSSã«ã¤ã„ã¦ã€ã²ã¨ã¤ã®è§£ï¼ˆè¿½è¨˜ã‚り） - エンジニアをリングã™ã‚‹
SPAã«ãŠã‘ã‚‹CSSã®ã‚ã‚Šã‹ãŸã«ã¤ã„ã¦ãšã£ã¨æ‚©ã‚“ã§ãŸã‘ã©æ˜¨æ—¥ä»Šæ—¥ã§ä¸€ç‹ã®å…‰æ˜ŽãŒè¦‹ãˆãŸâ€” よã—ã“ (@yoshiko_pg) 2017å¹´4月7æ—¥ ã“ã®è©±ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ çµè«–ã‚’å…ˆã«æ›¸ãã¨ã€Œä»Šã®ã¨ã“ã‚template literal内ã«CSSを記述ã™ã‚‹å½¢å¼ã®CSS in JSãŒã„ã„æ„Ÿã˜ã€‚Reactãªã‚‰styled-componetnsãŒè‰¯ã‹ã£ãŸã€ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ æ‚©ã‚“ã§ã„ãŸã“㨠コンãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã§SPAを作ã£ã¦ã„ã上ã§ã€CSS（ã¨ã„ã†ã‹ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ï¼‰ã¯ã©ã†æ›¸ã„ã¦ã„ã£ãŸã‚‰ã„ã„ã‚“ã ã‚ã†ï¼Ÿã¨ã„ã†ã“ã¨ã«çµæ§‹æ‚©ã‚“ã§ã„ã¾ã—ãŸã€‚ HTMLã¨JSãŒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã—ã¦ã¾ã¨ã¾ã£ã¦ã„ãä¸ã§CSSã ã‘ã¯ä»Šã¾ã§é€šã‚Šåˆ¥ç‰©ã¨ã—ã¦æ‰±ã„ã€BEMãªã©ã§ã‚°ãƒãƒ¼ãƒãƒ«ã‚¹ã‚³ãƒ¼ãƒ—ã¨æˆ¦ã†ã®ã‹ï¼Ÿã¯ãŸã¾ãŸCSSã®æž ã‚’ã¯ã¿å‡ºã¦JSコンãƒãƒ¼ãƒãƒ³ãƒˆã®ç²’度ã«åˆã‚ã›ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã‚’ã™ã‚‹ã®ã‹ï¼Ÿ åŠ ãˆã¦ã€è¦‹ãŸç›®ã‚‚挙動も複雑ãªã‚¢ãƒ—リケ
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}