[B! browser] k_oshimaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

k_oshima id:k_oshima

browserã«é–¢ã™ã‚‹k_oshimaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (24)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ChromeãŒHTTPSã«å„ªå…ˆã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹307ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’HSTSé–¢ä¿‚ãªãã‚„ã‚‹ã‚ˆã†ã«ãªã£ãŸ - Code Day's Night
2023å¹´11æœˆ1æ—¥ã®æ™‚ç‚¹ã®æƒ…å ±ã§ã™ã€‚ å…ˆã«ã¾ã¨ã‚ã‚’æ›¸ãã¾ã™ã€‚èˆˆå‘³ãŒã‚ã‚Œã°è©³ç´°ã‚‚ã©ã†ãžã€‚ ã¾ã¨ã‚ 10æœˆ16æ—¥ã®Chrome 118ã‹ã‚‰HTTPS ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ¢ãƒ¼ãƒ‰ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã‚ªãƒ³ã« æ¡ä»¶ã«ã‚ˆã£ã¦HTTPS UpgradeãŒåƒã„ã¦httpã®ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨httpsã«å„ªå…ˆçš„ã«ã‚¢ã‚¯ã‚»ã‚¹ã•ã›ã‚‹æŒ™å‹•ï¼ˆChromeãŒå†…éƒ¨ã§æ“¬ä¼¼çš„ã«307ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’è¿”ã—ã¦httpsã«èª˜å°Žï¼‰ HSTSã‚µã‚¤ãƒˆã§ã¯ãªã„httpã‚µã‚¤ãƒˆã§ã‚‚ã“ã®æŒ™å‹•ã¨ãªã‚‹ã‚±ãƒ¼ã‚¹ãŒã‚ã‚‹ httpsã«ã‚¢ã‚¯ã‚»ã‚¹ã§ããªã„å ´åˆã‚„ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã«3ç§’ä»¥ä¸Šã‹ã‹ã‚‹å ´åˆã¯ãƒ•ã‚©ãƒ¼ãƒ«ãƒãƒƒã‚¯ã§httpã«èª˜å°Žï¼ˆChromeãŒå†…éƒ¨ã§æ“¬ä¼¼çš„ã«307ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’è¿”ã—ã¦å…ƒã®httpã«èª˜å°Žï¼‰ è©³ç´° æ¡ä»¶ 307ã§æ“¬ä¼¼çš„ã«ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã™ã‚‹æ¡ä»¶ã¯ã€ã„ãã¤ã‹ã‚ã‚‹ã‚ˆã†ã§ã™ã€‚æŠŠæ¡ã—ã¦ã„ã‚‹ã‚‚ã®ã‚’åˆ—æŒ™ã—ã¾ã™ã€‚ HSTSã‚µã‚¤ãƒˆï¼ˆHSTSãƒ˜ãƒƒãƒ€æŒ‡å®šã€Preloadãƒªã‚¹ãƒˆã®ã‚µã‚¤ãƒˆï¼‰ HST
k_oshima 2023/11/06
Chrome

http

Google

browser
ãƒªãƒ³ã‚¯
åƒ•ã¯æ–‡å—ã ã‘æ‹¡å¤§ã—ãŸã„ - dskd
å…¬é–‹æ—¥2020-02-02ã‚¿ã‚°accessibilityæ–‡å—ã ã‘æ‹¡å¤§ã§ãã‚‹æ©Ÿèƒ½ã¨ãƒšãƒ¼ã‚¸å…¨ä½“ã‚’æ‹¡å¤§ã§ãã‚‹æ©Ÿèƒ½ã‚’æŒã£ãŸãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆä¾‹ãˆã° Google Chromeï¼‰ã‚’ä½¿ã£ã¦ã„ã¦ã€åƒ•ã¯ãã®æ©Ÿèƒ½ã®é•ã„ã‚’èªè˜ã—ã¦ã„ã‚‹ã€‚ ã—ã‹ã—ã€æ–‡å—ã ã‘æ‹¡å¤§ã™ã‚‹ã¨ãƒšãƒ¼ã‚¸å…¨ä½“ã‚’æ‹¡å¤§ã—ãŸã®ã¨åŒã˜æŒ™å‹•ã«ãªã‚‹ã‚ˆã†ã«ä½œã‚‰ã‚Œã¦ã„ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒãŸã¾ã«ã‚ã‚Šã€ãã†ã„ã†ã‚µã‚¤ãƒˆã«é™ã£ã¦æ–‡å—ã ã‘å¤§ããã—ãŸã„ã®ã§ã€ã¤ã‚‰ã„ã€‚ ãªã‚“ã¨ã„ã†ã‹ã€æ‰‹æ®µãŒå¥ªã‚ã‚ŒãŸã¨æ„Ÿã˜ã¦ã—ã¾ã†ã€‚ã“ã¡ã‚‰ã®æ“ä½œã‚’é˜»å®³ã•ã‚ŒãŸæ„Ÿã€‚ CSS ã§ã‚µã‚¤ã‚ºæŒ‡å®šãŒå…¨éƒ¨ rem å˜ä½ã ã¨ãã†ã„ã†ã“ã¨ãŒèµ·ãã‚‹ã‚“ã ã‘ã©ã€ã›ã£ã‹ãæ–‡å—ã ã‘æ‹¡å¤§ã™ã‚‹æ–¹æ³•ãŒã‚ã£ã¦ãã‚Œã‚’ä½¿ã„ãŸã„ã®ã«ãƒšãƒ¼ã‚¸å…¨ä½“ã‚’æ‹¡å¤§ã—ãŸã®ã¨åŒã˜ã«ãªã£ã¡ã‚ƒã†ã¨ã„ã†ã®ã¯ã€ã‚¨ã‚¯ã‚¹ã‚¯ãƒ«ãƒ¼ã‚·ãƒ–ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ å¤§ãã„ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ä½¿ã£ã¦ã‚‹ã¨ã€ãã®åºƒã•ã«è¦‹åˆã£ãŸæƒ…å ±é‡ã€ãŸã¨ãˆã°å›³ã¨æ–‡å—ã‚’ã‚ã‚‹ç¨‹åº¦ä¿¯çž°ã§ãã‚‹å‰²åˆã‚’ä¿ã£ãŸã¾ã¾æ–‡å—ã‚’å¤§ããã—ãŸã„ã£ã¦æ€ã†
k_oshima 2020/02/07
browser

accessibility
ãƒªãƒ³ã‚¯
Chromeã®ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸æ°¸ç¶šåŒ–ä»•æ§˜ã‚’è©³ã—ãè¿½ã£ã¦ã¿ãŸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 1. ã¯ã˜ã‚ã« Chromeã‚„Firefoxã§ä½¿ãˆã‚‹ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸æ°¸ç¶šåŒ–æ©Ÿèƒ½ã¯ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ã€‚ https://developers.google.com/web/updates/2016/06/persistent-storage ã« Persistent Storage ã¨ã„ã†é¡Œã§è©³ã—ãè§¦ã‚Œã‚‰ã‚Œã¦ã„ã¾ã™ãŒã€é€šå¸¸ LRU ã§æ¶ˆåŽ»ã•ã‚Œã¦ã—ã¾ã† IndexedDB ã‚„ CacheStorage ã®å†…å®¹ã‚’æ°¸ç¶šåŒ–ã—ã¦ãã‚Œã‚‹æ©Ÿèƒ½ã ã¨ç†è§£ã—ã¦ã„ã¾ã™ã€‚ CacheStorage ã¨ Persistent Storage ã®çµ„ã¿åˆã‚ã›ã¯å¼·åŠ›ã§ã€ç†è«–ä¸Šå¤§
k_oshima 2019/07/04
Google

Chrome

Chromium

storage

browser
ãƒªãƒ³ã‚¯
Webãƒ–ãƒ©ã‚¦ã‚¶ã®æ“ä½œã‚’JavaScriptã§è‡ªå‹•åŒ–ã€‚Headless Chromeã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒPuppeteerã€ãŒãƒãƒ¼ã‚¸ãƒ§ãƒ³1.0ã«åˆ°é”ã€‚Chromeã®DevToolsãƒãƒ¼ãƒ ãŒé–‹ç™º
UIã‚’æŒãŸãšã‚¹ã‚¯ãƒªãƒ—ãƒˆã‹ã‚‰æ“ä½œå¯èƒ½ãªWebãƒ–ãƒ©ã‚¦ã‚¶ã®Headless Chromeã‚’åˆ©ç”¨ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒPuppeteerã€ãŒãƒãƒ¼ã‚¸ãƒ§ãƒ³1.0ã«åˆ°é”ã—ãŸã€‚Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®è‡ªå‹•ãƒ†ã‚¹ãƒˆãªã©ã«åˆ©ç”¨å¯èƒ½ã ã€‚ Googleã®Webãƒ–ãƒ©ã‚¦ã‚¶ã€ŒChromeã€ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æŒãŸãšã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‚„ãƒªãƒ¢ãƒ¼ãƒˆãƒ‡ãƒãƒƒã‚°æ©Ÿèƒ½ã‚’é€šã˜ã¦Webãƒ–ãƒ©ã‚¦ã‚¶ã‚’æ“ä½œã§ãã‚‹ã€ŒHeadless Chromeã€æ©Ÿèƒ½ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚ã“ã®æ©Ÿèƒ½ã¯2017å¹´6æœˆã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã€ŒChrome 59ã€ã‹ã‚‰å®Ÿç¾ã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ Headless Chromeã‚’åˆ©ç”¨ã™ã‚‹ã¨äººé–“ãŒWebãƒ–ãƒ©ã‚¦ã‚¶ã‚’ãƒžã‚¦ã‚¹ã‚„ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§æ“ä½œã™ã‚‹ã“ã¨ãªãã€ãƒ—ãƒã‚°ãƒ©ãƒ ã§Headless Chromeã‚’èµ·å‹•ã—ã€ç‰¹å®šã®Webãƒšãƒ¼ã‚¸ã‚’èªã¿è¾¼ã¿ã€ç”»é¢ã‚ãƒ£ãƒ—ãƒãƒ£ã®å–å¾—ã‚„ã€æŒ‡å®šã•ã‚ŒãŸå ´æ‰€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã€å€¤ã‚’å…¥åŠ›ã—çµæžœã‚’å–å¾—ã™ã‚‹ã€ã¨ã„ã£ãŸæ“ä½œã‚’è‡ªå‹•çš„ã«è¡Œã‚ã›
k_oshima 2018/02/07
Chrome

Chromium

chrome driver

headless

browser
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã®è¿‘çŠ¶
7æœˆä¸æ—¬ã‹ã‚‰Edgeã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã®ä»•äº‹ã‚’å§‹ã‚ã¦ã€å„ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«é¢ç™½ã„ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã®å¯¾ç–ã‚’ã—ã¦ã„ã‚‹ã“ã¨ã‚’å¦ã‚“ã ã®ã§ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ã¡ãªã¿ã«ã€åƒ•ãŒæ‹…å½“ã—ã¦ã„ã‚‹ã®ã¯SOPãƒã‚¤ãƒ‘ã‚¹ãªã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¬ãƒ™ãƒ«ã®ãƒã‚°ã§ã™ãŒã€æœ€è¿‘ã®ãƒ–ãƒ©ã‚¦ã‚¶ ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã§å„ç¤¾ã‚¢ãƒ„ã„ã®ã¯ã€Œãƒ¡ãƒ¢ãƒªç ´å£Šã‚’ä½¿ã£ãŸæ”»æ’ƒã‚’è¨è¨ˆãƒ¬ãƒ™ãƒ«ã§ã©ã®æ§˜ã«æ‚ªç”¨å‡ºæ¥ãªãã™ã‚‹ã‹ã€ã¨ã„ã†ç‚¹ãªã®ã§ãã“ã‚’ã¾ã¨ã‚ã¾ã™ã€‚å°‚é–€ã§ã¯ãªã„ã®ã§åºƒãæµ…ãï¼ˆç¬‘ï¼‰ Chrome Chromeã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µãƒ³ãƒ‰ãƒœãƒƒã‚¯ã‚¹ã«åŠ›ã‚’å…¥ã‚Œã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã§ã™ã€‚Chromeã®å ±å¥¨é‡‘åˆ¶åº¦ã§ã‚‚ã‚µãƒ³ãƒ‰ãƒœãƒƒã‚¯ã‚¹ã®ãƒã‚¤ãƒ‘ã‚¹ãŒæœ€é«˜é¡ã§ã€ãƒ¬ãƒ³ãƒ€ãƒ©RCEã®å€é¡ã§ã‚ã‚‹ã“ã¨ã‹ã‚‰ã‚‚è¦‹ã¦ã¨ã‚Œã¾ã™ã€‚Chromeã¯ãã®ã‚µãƒ³ãƒ‰ãƒœãƒƒã‚¯ã‚¹æŠ€è¡“ã‚’ä½¿ã£ãŸSite Isolationã¨ã„ã†ä¿è·æ©Ÿèƒ½ã‚’é–‹ç™ºã—ã¦ã„ã¾ã™ã€‚ Site Isolation Chromeã«ã¯ãƒ¬ãƒ³ãƒ€ãƒ©ãƒ—ãƒã‚»ã‚¹ã¨ã„ã†ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’å‡¦ç†ã—è¡¨ç¤ºã™ã‚‹ãƒ—ãƒã‚»ã‚¹ã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶
k_oshima 2018/01/04
security

WWW

browser
ãƒªãƒ³ã‚¯
Chromiumã®ãƒ—ãƒã‚»ã‚¹æ§‹æˆã¨ Worker/SharedWorker/ServiceWorkerã®ã†ã”ã - Qiita
ã“ã®è¨˜äº‹ã¯Chromium Browser Advent Calendar 2017ã®3æ—¥ç›®ã®è¨˜äº‹ã«ãªã‚Šã¾ã™ã€‚ ä»Šæ—¥ã®æ‹…å½“ã¯amiq11(twitter, chromium)ã§ã™ã€‚2016å¹´ã®4æœˆã‹ã‚‰Blink-Workerãƒãƒ¼ãƒ ã§ServiceWorkerã®å®Ÿè£…ã‚’ã—ã¦ã„ã¾ã™ã€‚ã“ã®advent calendarã«ç™»éŒ²ã—ã¦ã„ã‚‹chromiumã‚³ãƒŸãƒƒã‚¿ãƒ¼ã®ãªã‹ã§ã‚‚Chromiumæ´ãŒæµ…ã„ã®ã§ã¡ã‚‡ã£ã¨è¨˜äº‹ã‹ãã®ãƒ‰ã‚ãƒ‰ã‚ã—ã¡ã‚ƒã„ã¾ã™ãŒã€ãŒã‚“ã°ã‚Šã¾ã™Ù©(â—Ë™â–¿Ë™â—)Û¶ ã¯ã˜ã‚ã« ã•ã¦ã€ãªã†ã§ã‚„ã‚“ããªæ©Ÿèƒ½ã§ã‚ã‚‹ã¨ã“ã‚ã®ServiceWorkerã€ã¿ãªã•ã‚“ã¤ã‹ã£ã¦ã¾ã™ã‹ï¼Ÿ æœ€è¿‘ã¯WebKitã§ã‚‚é–‹ç™ºä¸ã«ãªã£ãŸã¨ã„ã†ã“ã¨ã§è©±é¡Œã«ãªã‚Šã¾ã—ãŸã‚ˆãï¼ PWA (Progressive Web App)ã‚’ä½œã‚‹ä¸Šã§ã‚‚ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ã“ã®APIã€ãã®å†…éƒ¨ã®å®Ÿè£…ã«ã¤ã„ã¦ã€ã“ã®ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã§ã¯å…¨ä½“ã®å‹•ãã¨æœ€è¿‘ã®é«˜é€ŸåŒ–
k_oshima 2017/12/04
ã‚ã¨ã§èªã‚€

Chrome

Chromium

serviceworker

browser
ãƒªãƒ³ã‚¯
Polyfill ã®ã‚ã‚Šæ–¹ã¨ Web ã®é€²åŒ–ã¨å”èª¿ã™ã‚‹ãŸã‚ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ | blog.jxck.io
Intro W3C ã® TAG ã‹ã‚‰ã€ä¸»ã«ãƒ–ãƒ©ã‚¦ã‚¶ API ã® Polyfill ã«é–¢ã™ã‚‹ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒå…¬é–‹ã•ã‚ŒãŸã€‚ Polyfills and the evolution of the Web Polyfill ã¯ä¾¿åˆ©ãªä¸€æ–¹ã§ã€æ™‚ã¨ã—ã¦æ¨™æº–åŒ–ã®å¦¨ã’ã«ãªã£ã¦ã—ã¾ã†å ´åˆãŒã‚ã‚‹ãŸã‚ã€ãã‚Œã‚’é¿ã‘ã‚‹ãŸã‚ã«ã€ Polyfill å®Ÿè£…è€…ã€åˆ©ç”¨è€…ã€ä»•æ§˜ç–å®šè€…ãªã©ãŒã€ã©ã†æŒ¯ã‚‹èˆžã†ã¹ãã‹ã¨ã„ã†è¶£æ—¨ã§ã‚ã‚‹ã€‚ ä»Šå›žã¯ã“ã®å†…å®¹ã‚’å…ƒã«ã€ Web ã®é€²åŒ–ã¨å”èª¿ã™ã‚‹ Polyfill ã®ã‚ã‚Šæ–¹ã«ã¤ã„ã¦ã€ä¸»ã«ã€Œå®Ÿè£…è€…ã€ãŒã©ã†ã™ã¹ãã‹ã«ç€ç›®ã—è¨˜ã™ã€‚ Web ã«ãŠã‘ã‚‹ Breaking Change Breaking Change ã¯ã€ç°¡å˜ã«è¨€ãˆã° å¾Œæ–¹äº’æ›ã‚’å¤±ã†ã“ã¨ã§æ—¢å˜ã®ã‚‚ã®ãŒå£Šã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹å¤‰æ›´ ã®ã“ã¨ã‚’è¡¨ã™ã€‚ ãã—ã¦ã€ Web ã«ãŠã‘ã‚‹ Breaking Change (Break the Web)ã€å…·ä½“çš„ã«ã¯ W
k_oshima 2017/02/17
JavaScript

browser
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã‹WebViewã‹ã€ã©ã¡ã‚‰ã§é–‹ã‹ã‚ŒãŸã®ã‹ã‚’åˆ¤åˆ¥ã™ã‚‹ã«ã¯ - console.lealog();
ã‚ã‚‹ã¨æ€ã£ãŸï¼Ÿ æ®‹å¿µã€ãã‚“ãªã‚‚ã®ã¯ãªã„ï¼ ã¨ã¯ã„ãˆãã‚Œã¯"åŽ³å¯†ã«"ã‚„ã‚‹å ´åˆã®è©±ã§ã€ä»Šç¾åœ¨ã¯ãªã‚“ã¨ã‹ãƒ»ãƒ»ãªã‚“ã¨ã‹ãƒ»ãƒ»ãƒ»ã€‚ ã“ã‚Œã‚’è‰¯ã—ã¨ã™ã‚‹ã‹ã¯ã‚ãªãŸã®ã‚³ã‚³ãƒæ¬¡ç¬¬ã§ã™ã€‚ ä»¥ä¸‹ã€å¥®é—˜è¨˜ã‚’ãŠé€ã‚Šã„ãŸã—ã¾ã™ã€‚ 20150813: æ›´æ–° â€˜fullscreenEnabledâ€™ in documentã£ã¦ã™ã‚Œã°ã‚‚ã—ã‹ã—ã¦(iOSã®ã¿) https://github.com/uupaa/UserAgent.js ã“ã†ã„ã†ã®ã‚‚ã‚ã‚‹ã‚‰ã—ã„ 20150422: æ›´æ–° ã¾ã•ã‹ã®iOSã®LINEã‚¢ãƒ—ãƒªã®WebViewã®UAãŒå¤‰ã‚ã£ãŸã‚‰ã—ãã€Facebookã¨LINEãŒåˆ¤åˆ¥ã§ãã‚‹ã‚ˆã†ã«ï¼ 20150407: æ›´æ–° ã¾ã•ã‹ã®iOSã®Twitterã‚¢ãƒ—ãƒªã®WebViewã®UAãŒå¤‰ã‚ã£ãŸã‚‰ã—ãã€ã‚‚ã†Facebookã—ã‹åˆ¤åˆ¥ã§ããªã„ã¿ãŸã„ã§ã™ãƒ»ãƒ»ã€‚ å…ˆã«çµè«–ã‚’æ›¸ã„ã¦ãŠãã¨ã€ç¾æ™‚ç‚¹ã§iOSã«é™ã£ã¦ã§ã‚ã‚Œã°ãªã‚“ã¨ã‹ãªã‚Šã¾ã™ã€‚ ãŸ
k_oshima 2016/11/01
webview

browser

user-agent

Safari

facebook

iOS

Android

UAåˆ¤å®š
ãƒªãƒ³ã‚¯
Headless Chromium
Headless Chromium allows running Chromium in a headless/server environment. Expected use cases include loading web pages, extracting metadata (e.g., the DOM) and generating bit maps from page contents -- using all the modern web platform features provided by Chromium and Blink. As of M118, precompiled headless_shell binaries are available for download under the name chrome-headless-shell via Chrome
k_oshima 2016/10/04
browser

testing

Chromium
ãƒªãƒ³ã‚¯
Test Cases for HTTP Content-Disposition header field (RFC 6266) and the Encodings defined in RFCs 2047, 2231 and 5987
Test Cases for HTTP Content-Disposition header field (RFC 6266) and the Encodings defined in RFCs 2047, 2231 and 5987 Please send feedback to julia [email protected]. Related Reading Header Encoding RFC 2047 -- "MIME (Multipurpose Internet Mail Extensions) Part Three: Message Header Extensions for Non-ASCII Text" RFC 2231 -- "MIME Parameter Value and Encoded Word Extensions: Character Sets, Language
k_oshima 2015/11/20
Content-Disposition

RFC2231

browser
ãƒªãƒ³ã‚¯
Official Google Webmaster Central Blog: Moâ€™ better to also detect â€œmobileâ€ user-agent
accessibility 10 advanced 195 AMP 13 Android 2 API 7 apps 7 autocomplete 2 beginner 173 CAPTCHA 1 Chrome 2 cms 1 crawling and indexing 158 encryption 3 events 51 feedback and communication 83 forums 5 general tips 90 geotargeting 1 Google Assistant 3 Google I/O 3 Google Images 3 Google News 2 hacked sites 12 hangout 2 hreflang 3 https 5 images 12 intermediate 205 interstitials 1 javascript 8 job s
k_oshima 2015/10/09
Android

browser

smartphone

tablet

mobile
ãƒªãƒ³ã‚¯
æŒ™å‹•ãŒå¤§äº‹ï¼ JavaScriptã§Window.closeã™ã‚‹æ™‚ã®ãƒ–ãƒ©ã‚¦ã‚¶åˆ¥å¯¾å¿œã¾ã¨ã‚ - TechNote
ç¤¾å†…ç”¨ã®Webã‚·ã‚¹ãƒ†ãƒ ã«ã“ã‚Œã¾ã§è¨ç½®ã—ã¦ãªã‹ã£ãŸã€Œé–‰ã˜ã‚‹ã€ãƒœã‚¿ãƒ³ã‚’è¨ç½®ã™ã‚‹ã“ã¨ã«ãªã£ãŸéš›ã€å°‘ã€…ãƒ–ãƒ©ã‚¦ã‚¶å•é¡Œã§ã¤ã¾ãšã„ãŸç‚¹ãŒã‚ã£ãŸã€‚ã‚°ã‚°ã£ã¦ã‚‚æœ€è¿‘ã®window.closeå‘¨è¾ºã®æƒ…å ±ã‚’è¦‹ã¤ã‘ã‚‹ã“ã¨ãŒã§ããªã‹ã£ãŸã®ã§ã¾ã¨ã‚ã¦ãŠãã€‚ photo credit: flod via photopin cc ï¼‘ï¼Žã¾ãšã€é–‰ã˜ã‚‹ãƒœã‚¿ãƒ³ã®å¿…è¦æ€§ ï¼’ï¼ŽIEï¼ˆã‚·ã‚§ã‚¢ï¼š57.8%ï¼‰ ï¼“ï¼ŽFirefoxï¼ˆã‚·ã‚§ã‚¢ï¼š18.9%ï¼‰ ï¼”ï¼ŽChromeï¼ˆã‚·ã‚§ã‚¢ï¼š16.0%ï¼‰ ï¼•ï¼Žsafariï¼ˆã‚·ã‚§ã‚¢ï¼š5.6%ï¼‰ ï¼–ï¼Žã¾ã¨ã‚ ã‚ã‚ã›ã¦èªã¿ãŸã„ â€»ã¡ãªã¿ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ie10ã€firefox26.0ã€chrome 31ã€safari 5.1.7ã§ã™ã€‚ ï¼‘ï¼Žã¾ãšã€é–‰ã˜ã‚‹ãƒœã‚¿ãƒ³ã®å¿…è¦æ€§ ãƒ–ãƒ©ã‚¦ã‚¶ã«ã¯æ¨™æº–ã§Ã—ï¼ˆé–‰ã˜ã‚‹ï¼‰ãƒœã‚¿ãƒ³ãŒã¤ã„ã¦ã„ã‚‹ã®ã«ã€ã©ã†ã—ã¦é–‰ã˜ã‚‹ãƒœã‚¿ãƒ³ã‚’è‡ªä½œã™ã‚‹å¿…è¦ãŒç”Ÿã˜ã‚‹ã®ã‹ï¼Ÿ ä¸€èˆ¬çš„ã«ã¯ã€ã‚·ã‚¹ãƒ†ãƒ çµ‚äº†ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ä½•ã‚‰ã‹
k_oshima 2015/07/23
IE: onclick="window.open('about:blank','_self').close()"

JavaScript

browser
ãƒªãƒ³ã‚¯
Compat Inspector
Compat Inspector is a JavaScript-based testing tool that analyzes your site while it runs. Compat Inspector watches for patterns of interaction known to cause issues and reports them automatically. This allows you to identify probl ems quickly without first memorizing a bunch of documentation. See this page to learn how to use it. To help demonstrate Compat Inspector, known compatibility patterns h
k_oshima 2015/07/22
browser

ie

CSS

testing
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã®ãƒªãƒªãƒ¼ã‚¹ãƒŽãƒ¼ãƒˆã‚„å®Ÿè£…çŠ¶æ³ã¯ã©ã“ã‚’è¦‹ã‚Œã°ã„ã„ã‹ã‚’ã¾ã¨ã‚ã¾ã—ãŸ
æœ€è¿‘ã€Microsoftã€Mozillaã€Googleã€Appleã¨ã„ã£ãŸãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ³ãƒ€ãƒ¼ãŒç©æ¥µçš„ã«æƒ…å ±ã‚’ç™ºä¿¡ã™ã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã‚‚ã‚ã£ã¦ã€å…¬å¼ã®æƒ…å ±ã§ã‚‚ã©ã“ã‚’è¦‹ã‚Œã°ã„ã„ã®ã‹ãŒã‚ã‹ã‚‰ãªã„ã¨ã„ã†çŠ¶æ³ãŒèµ·ãã¦ã‚‹æ°—ãŒã—ã¾ã™ã€‚ (ä¸»ã«SNSã§æµã‚Œã¦ãã‚‹ã‚‚ã®ã‚’è¦‹ã‚‹ã®ãŒãƒ¡ã‚¤ãƒ³ã‚¹ãƒˆãƒªãƒ¼ãƒ ã«ãªã£ã¦ã‚‹ã®ã§ã€ãã†ã„ã†ã“ã¨ã‚’æ°—ã«ã—ãªããªã£ãŸã¨ã„ã†ã®ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒ) ãªã®ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã«ãƒªãƒªãƒ¼ã‚¹ãƒŽãƒ¼ãƒˆ(Changelog)ã€å®Ÿè£…çŠ¶æ³ã€å…¬å¼ã®ãƒ–ãƒã‚°ã€ãƒã‚°å ±å‘Šã®å ´æ‰€ãªã©ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ azu/browser-javascript-resource æ›´æ–°ãŒã—ã‚„ã™ã‚ˆã†ã«GitHubã®READMEã¨ã—ã¦ç½®ã„ã¦ã‚‹ã®ã§ã€ç¶™ç¶šã—ã¦è¦‹ãŸã„äººã¯Watchã‚’ã™ã‚‹ãªã‚Šã€ä»˜ã‘è¶³ã—ãŸã„æƒ…å ±ã‚„è¨‚æ£ã—ãŸã»ã†ãŒã„ã„ã‚‚ã®ã¯Pull Requestã‚„Issueã‚’é€ã£ã¦ãã ã•ã‚‹ã¨ã„ã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ã¨ã‚ã¦ã¿ã‚‹ã¨ã€Microsoft Edgeã¯ä¸€æœ¬é“
k_oshima 2015/07/22
browser

JavaScript

CSS
ãƒªãƒ³ã‚¯
Safari is the new IE
30 Jun Safari is the newÂ IE Posted June 30, 2015 by Nolan Lawson in Webapps. Tagged: apple, web platform. 153 Comments Update: This post represents my views before I joined the Microsoft Edge team, and before I got involved with browsers or web standards in general. I leave it up as a historically interesting artifact. Last weekend I attended EdgeConf, a conference populated by many of the leading
k_oshima 2015/07/13
Blinkç™»å ´ã®ã¨ãã‹ã‚‰ã®è¦å®šè·¯ç·š

browser

Safari

webkit
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2015/06/18/20150617google-microsoft-mozilla-and-others-team-up-to-launch-webassembly-a-new-binary-format-for-the-web/
k_oshima 2015/06/18
https://github.com/WebAssembly

browser

JavaScript

asm.js

WebAssembly
ãƒªãƒ³ã‚¯
Whatâ€™s New in Web Development in WebKit and Safari
The annual updates to Webkit and Safari are exciting for a web developer like me. A feature finally shipping on Mobile Safari tends to mean itâ€™s now a feature we can actually use. Hereâ€™s my recap of whatâ€™s new. backdrop-filter is awesome. So much hacking to get legible text over an image is now a solved probl em. Supports Appleâ€™s blurry design aesthetic. scroll-snap-points are awesome. Microsoft ha
k_oshima 2015/06/18
ã‚ã¨ã§èªã‚€

browser

CSS

scroll-snap-points
ãƒªãƒ³ã‚¯
Introduction to WebKit Content Blockers
Browser extensions have been a big part of modern browsers for a while now. With extensions, everyone can change their browser to their preferences. Today, there are several models to extend browsers. Most extensions are written in JavaScript and loaded by the browser, following a model introduced by Mozilla over a decade ago. That model is also used with WebKit. It is the classical way to write e
k_oshima 2015/06/16
safari

browser

OS X

iOS
ãƒªãƒ³ã‚¯
pixivå°èª¬ç¸¦æ›¸ãæ©Ÿèƒ½ é–‹ç™ºã®è£å´ ï½žæ¨ªã®ã‚‚ã®ã‚’ç¸¦ã«ã™ã‚‹ï½ž - pixiv inside [archive]
ã¯ã˜ã‚ã¾ã—ã¦ã“ã‚“ã«ã¡ã¯ã€‚pixivã§ã‚¢ãƒ«ãƒã‚¤ãƒˆã‚’ã—ã¦ã„ã‚‹hakatashiã§ã™ã€‚ ã•ã‚‹6æœˆ10æ—¥ã€ãƒ‘ã‚½ã‚³ãƒ³ç‰ˆpixiv å°èª¬ã«ã¦ç¸¦æ›¸ãè¡¨ç¤ºæ©Ÿèƒ½ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ã“ã®é–‹ç™ºã®ã‚ã‚‰ã‹ãŸã‚’æ‹…å½“ã—ãŸã®ã§ã€ä»Šå›žã®ç¸¦æ›¸ãæ©Ÿèƒ½é–‹ç™ºã«ãŠã‘ã‚‹è£å´ã‚’ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ æ§‹æƒ³ ç¸¦æ›¸ãæ©Ÿèƒ½é–‹ç™ºã«ã‚ãŸã‚Šã€è¨è¨ˆæ®µéšŽã‹ã‚‰ãã®å¤§éƒ¨åˆ†ã‚’ä¸€ä»»ã•ã‚Œã¾ã—ãŸã€‚å°èª¬æ©Ÿèƒ½é–‹ç™ºã«ãŠã„ã¦è‡ªåˆ†ã®ä¸ã«çµ¶ãˆãšç†å¿µã¨ã—ã¦å˜åœ¨ã—ã¦ã„ãŸã®ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æœ€é«˜ã®èªæ›¸ä½“é¨“ã‚’æä¾›ã™ã‚‹ã“ã¨ã§ã™ã€‚ç¸¦æ›¸ãã«ã‚ˆã£ã¦å¾—ã‚‰ã‚Œã‚‹åˆ©ç›Šã‚’æœ€å¤§åŒ–ã—ã€å¿«é©ãªé–²è¦§ã‚’æ”¯æ´ã™ã‚‹ãŸã‚ã«ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ§‹æƒ³ã‚’ç½®ãã¾ã—ãŸã€‚ ç¸¦æ›¸ãæ¨ªæ›¸ãã®çµ„ç‰ˆã®å·®ç•°ã«ãŠã‘ã‚‹é•å’Œæ„Ÿã‚’å¯èƒ½ãªé™ã‚Šè»½æ¸›ã™ã‚‹ã“ã¨ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨ãƒšãƒ¼ã‚¸ãƒ³ã‚°ã‚’èžåˆã—ãŸã€æŸ”è»Ÿã§å¿«é©ãªé–²è¦§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æä¾›ã™ã‚‹ã“ã¨ã€‚ ã“ã®2ç‚¹ã«ã¤ã„ã¦è©³ã—ãè§£èª¬ã—ã¾ã™ã€‚ ç¸¦çµ„ç‰ˆ ã¾ãšã€ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã§ç¸¦æ›¸ãè¡¨ç¤ºã‚’å®Ÿç¾ã™ã‚‹ã«ã‚ãŸã‚Šã€ã©ã®ã‚ˆã†ãªæ‰‹æ³•ã‚’ã¨ã‚‹ã‹ã¨ã„ã†å•
k_oshima 2015/06/16
browser

layout

çµ„ç‰ˆ

ç¸¦æ›¸ã

CSS
ãƒªãƒ³ã‚¯
Polymer ã¨ Web Components - steps to phantasien
å…ˆé€±ã¯ã‚µãƒ³ãƒ•ãƒ©ãƒ³ã‚·ã‚¹ã‚³ã§å‹¤å‹™å…ˆã®å¹´æ¬¡åšè¦§ä¼šãŒå‚¬ã•ã‚Œã€ä¸ã«ã¯è‡ªåˆ†ã¨è¿‘ã„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ç´¹ä»‹ã™ã‚‹ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚‚ã‚ã£ãŸã€‚ ã„ã„æ©Ÿä¼šãªã®ã§ä¾¿ä¹—ã—ã¦å®£ä¼ã—ã¦ã¿ãŸã„ã€‚è‡ªä¸»ä¼šç¤¾å“¡æ´»å‹•ã«ã¤ãå‹¤å‹™å…ˆã®è¦‹è§£ã¨é•ã£ã¦ã‚‚è¦‹é€ƒã—ã¦ãã ã•ã„ã€‚ ã•ã¦ä»¶ã®å¹´æ¬¡åšè¦§ä¼šã€ã‚¦ã‚§ãƒ–é–‹ç™ºè€…å‘ã‘ã®è¬›æ¼”ã®ä¸€ã¤ã§ Polymer ã¨ã„ã†æ–°ã—ã„ JavaScript UI ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå…¬é–‹ã•ã‚ŒãŸã€‚ Closure, GWT, Angular ã¨ãã¦ ã¾ãŸåˆ¥ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‹ã‚ˆâ€¦ã¨ã¼ã‚„ãäººã®æ°—æŒã¡ã‚‚ã‚ã‹ã‚‹ã€‚ã§ã‚‚ãã‚Œã»ã©è¢«ã‚‹ã‚‚ã®ã§ã‚‚ãªã„ã‹ã‚‰è¦‹é€ƒã—ã¦ã»ã—ã„ã€‚ ãªã‚‹ã¹ãå¤šãã®ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ã‹ãã†ã¨ã™ã‚‹æ—¢å˜ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨é•ã„ã€ Polymer ã¯æ–°ã—ã„ãƒ–ãƒ©ã‚¦ã‚¶ã®æ©Ÿèƒ½ã‚’ä½¿ã„å€’ã™ã“ã¨ã§å¼·åŠ›ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½œã‚ã†ã¨ã—ã¦ã„ã‚‹ã€‚ åˆ¥ã«ç‰¹å®šãƒ–ãƒ©ã‚¦ã‚¶ã§ã—ã‹å‹•ã‹ãªã„ã‚ã‘ã˜ã‚ƒãªã„ã€‚ãŸã å°†æ¥ãã†ã—ãŸæ–°ã—ã„æ©Ÿèƒ½ãŒå„ç¨®ãƒ–ãƒ©ã‚¦ã‚¶ã«å‚™ã‚ã‚‹æ—¥ã‚’è¦‹è¶Šã—ã€ ãã®ã¨ããƒ™ã‚¹ãƒˆã«å‹•ã
k_oshima 2015/06/12
ã‚ã¨ã§èªã‚€

Polymer

Web Components

browser
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸