2020/02/13 DevSumi 発表資料
最新ã®ãƒ–ラウザã§å¤‰ã‚ã‚‹Cookieã®å–り扱ã„ã‚„Privacyã®è€ƒãˆæ–¹
2020/02/13 DevSumi 発表資料
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ã‹ã‚‰
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 St
Polyfill.io
What is Polyfill.io? It's a service which accepts a request for a set of browser features and returns only the polyfills that are needed by the requesting browser. Why do I need it? There are lots of differing browsers and browser versions in use throughout the world, each one has a slightly different set of features to the rest. This can make developing for browsers a difficult task. The latest v
Web Platform Feature Availability
How available are the web platform's features? This lil' webapp indicates the percentage of users who have a browser that natively supports various web platform features. It's powered by data from caniuse.com, updated April 19, 2021, and StatCounter (which, admittedly, has its problems). The list is sorted by Feature Activity Recency (FAR): a metric I made up, capturing how recently the overall br
Browsersyncを利用ã—ã¦ãŠæ‰‹è»½ãƒ–ラウザ確èªç’°å¢ƒã‚’ã¤ãã‚ㆠ- メドピア開発者ブãƒã‚°
皆様ã¯ã˜ã‚ã¾ã—ã¦ã€‚メドピアエンジニアã®ä¸æ‘ã§ã™ã€‚ 好ããªãƒ–ラウザ㯠Vivaldi ã§ã™ã€‚ 本記事ã§ã¯Web開発効率化ã®ç‚ºã®ã²ã¨ã¤ã®æ‰‹æ®µã¨ã—ã¦ã€Browsersyncã®åˆ©ç”¨æ–¹æ³•ã¨å¹¾ã¤ã‹ã®æ©Ÿèƒ½ã‚’ã”紹介ã—ã¾ã™ã€‚ Browsersyncã¨ã¯ Browsersyncã¯ãƒ•ã‚¡ã‚¤ãƒ«å¤‰æ›´ã‚’監視ã—ã€è‡ªå‹•ã§ãƒ–ラウザリãƒãƒ¼ãƒ‰ã‚’è¡Œã£ã¦ãれるツールã§ã™ã€‚ Browsersync - Time-saving synchronised browser testing åŒç¨®ã®ãƒ„ールã¨ã—ã¦LiveReloadãŒæœ‰åã§ã™ãŒã€ ブラウザå´ã§Extentionã‚„æ‹¡å¼µãŒä¸è¦ 複数ブラウザã§æ“作ã®åŒæœŸã‚‚ã§ãã‚‹ ãã®ä»–ã®æ©Ÿèƒ½ã‚‚豊富 ãªã©ã®ãƒ¡ãƒªãƒƒãƒˆã‹ã‚‰ã€æœ€è¿‘ã¯Browsersyncã®æ–¹ãŒäººæ°—ã®ã‚ˆã†ã§ã™ã€‚ ã•ã£ããBrowsersyncを試ã—ã¦ã¿ã‚ˆã† ã¾ãšã¯Browsersyncをインストールã—ã¦ã¿ã¾ã—ょã†ã€‚ nodeã®ãƒ‘ッケージマãƒãƒ¼ã‚¸
Passive Event Listeners ã«ã‚ˆã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®æ”¹å–„ | blog.jxck.io
Intro DOM ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠã®ä»•æ§˜ã« Passive Event Listeners ã¨ã„ã†ã‚ªãƒ—ションãŒè¿½åŠ ã•ã‚ŒãŸã€‚ ã“ã®ã‚ªãƒ—ションã¯ã€ä¸»ã«ãƒ¢ãƒã‚¤ãƒ«ãªã©ã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®è©°ã¾ã‚Š(Scroll Junk) を解決ã™ã‚‹ãŸã‚ã«å°Žå…¥ã•ã‚ŒãŸã‚‚ã®ã§ã‚る。 今回ã¯ã€ã“ã®ä»•æ§˜ãŒè§£æ±ºã™ã‚‹å•é¡Œã¨ã€æœ¬ã‚µã‚¤ãƒˆã¸ã®é©ç”¨ã‚’解説ã™ã‚‹ã€‚ Passive Event Listeners Spec Scroll Event ã® PreventDefault() ç”»é¢ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«åˆã‚ã›ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’実装ã™ã‚‹å ´åˆã€Scroll Event ã«ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠã‚’登録ã™ã‚‹ã€‚ 典型的ãªä¾‹ã§ã¯ touchstart ã‚„ touchend をフックã—ã€ãã®ä¸ã§ DOM ã®æ“作ãªã©ã‚’実施ã™ã‚‹ãªã©ãŒã‚る。 å ´åˆã«ã‚ˆã£ã¦ã¯ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠå†…㧠preventDefault() を呼ã¶ã“ã¨ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãã®ã‚‚ã®ã‚’æ¢ã‚ã‚‹ã“ã¨ã‚‚ã§ãる。 実
2015å¹´ã€Speech synthesisã¯ä½¿ãˆã‚‹ã‚„ã¤ãªã®ã‹ - console.lealog();
2015年も終ã‚ã‚Šã§ã™ã。 ã•ã¦ã€ãµã¨æ€ã„ç«‹ã£ã¦ã‚³ãƒ¬ã‚’調ã¹ã¦ã¾ã™ã€‚ 去年ãらã„ã‹ãªï¼Ÿå½“åˆã€ä½¿ãˆã‚‹ã‚ˆã†ã§ã¾ã£ãŸã使ãˆãªã„イメージãŒã‚ã£ãŸã“ã®APIã§ã™ãŒã€ ã¯ãŸã—ã¦å¹´æœ«ã«ãªã£ãŸä»Šã€ä½¿ãˆã‚‹APIã«ãªã£ã¦ã„ã‚‹ã®ã§ã—ょã†ã‹ãƒ»ãƒ»ãƒ»ï¼ Web Speech API - Web APIs | MDN ã¯ã˜ã‚ã« Web Speech APIã£ã¦ã®ã¯å®Ÿã¯2本柱ã§æ§‹æˆã•ã‚Œã¾ã™ã€‚ Speech recogition Speech synthesis Speech recogitionã¯ã€ãƒžã‚¤ã‚¯ã§å£°ã‚’拾ã£ã¦ãれを文å—列ã§æ‰±ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã¨ã“ã¾ã§ã€‚ Speech synthesisã¯æ–‡å—列を実際ã«ç™ºã™ã‚‹ã¨ã“ã‚。 今回調ã¹ãŸã®ã¯å¾Œè€…ã®éƒ¨åˆ†ã§ã™ã€‚ Speech synthesis ã–ã£ãり使ã„方。 var txt = 'ã‚ã®ã‚¤ãƒ¼ãƒãƒˆãƒ¼ãƒ´ã‚©ã®ã™ãã¨ãŠã£ãŸé¢¨'; var uttr = new SpeechSynthesis
embona - ブラウザã§å‹•ãBonanzaを作ã£ã¦ã¿ãŸ(ãã®1)
今回ã€ã¡ã‚‡ã£ã¨ã—ãŸç¸ã«ã‚ˆã‚ŠBonanzaをブラウザã§å‹•ã‹ã—ã¦ã¿ã¾ã—ãŸã€‚Bonanza 6.0ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ã»ã¼ãã®ã¾ã¾åˆ©ç”¨ã—ã¦ã€Emscriptenã§JavaScriptã«å¤‰æ›ã—ã¦ã„ã¾ã™ã€‚ 技術的ãªã“ã¨ã«èˆˆå‘³ã¯ãªã„ã€ã™ãã«éŠã‚“ã§ã¿ãŸã„ï¼ã¨ã„ã†æ–¹ã¯ã“ã¡ã‚‰ã‹ã‚‰ã©ã†ãžã€‚åˆå›žã«45Mã»ã©ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãŒç™ºç”Ÿã—ã¾ã™ï¼ã”注æ„ãã ã•ã„。 http://tkihira.github.io/embona/index.html 上ã®URLã«è¡Œãã¨CPU vs CPUã®æˆ¦ã„ãŒå§‹ã¾ã‚Šã¾ã™ã€‚自分ã§æˆ¦ã„ãŸã„æ–¹ã¯æ–°è¦å¯¾å±€ã§è¨å®šã—ã¦ãã ã•ã„ UI周りã¯ç›¸å½“手を抜ã„ã¦å®Ÿè£…ã—ãŸãŸã‚ã«å¤šæ•°ãƒã‚°ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ã”容赦ãã ã•ã„ ブラウザãŒå›ºã¾ã£ãŸã‚Šã—ã¾ã›ã‚“ãŒã€CPUæ€è€ƒä¸ã«æ‰‹ã‚’入力ã—ãŸã‚Šæ–°è¦å¯¾å±€ã™ã‚‹ã®ã«ã¯å¤§å¤‰åå¿œãŒé‡ã„（ã¨ã„ã†ã‹æ€è€ƒãŒçµ‚ã‚ã‚‹ã¾ã§åå¿œã—ãªã„）ã®ã«ã”注æ„ãã ã•ã„ データダウンãƒãƒ¼ãƒ‰ã§43Mbyteã€ã•ã‚‰ã«å†…部ã§å±•é–‹
写真サービス機能ã®ãƒ–ラウザ内実装 | æ ªå¼ä¼šç¤¾ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ
2-1. ãƒªã‚µã‚¤ã‚ºå‡¦ç† Â Figure 2. Mobile Safariã«ã‚ˆã‚‹ç”»åƒã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ç”»é¢ 最終æˆæžœã®ç”»åƒãƒ‡ãƒ¼ã‚¿ã‚’ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰APIã«POSTã™ã‚‹ã“ã¨ãŒã‚´ãƒ¼ãƒ«ã§ã‚る。Androidã«ãŠã„ã¦ã€XMLHttpRequestã§Blobをリクエストã«è¨å®šã—ã¦ã‚‚空ã®ãƒœãƒ‡ã‚£ã§é€ä¿¡ã•ã‚Œã‚‹å•é¡ŒãŒã¿ã‚‰ã‚Œã‚‹ãŸã‚ã€ä»Šå›žã¯Base64 encoded DataURIã¨ã—ã¦POSTã™ã‚‹ã“ã¨ã«ã—ã¦ã„る。 2-1-1. 基本実装 Æ’ 今回ã®ãƒªã‚µã‚¤ã‚ºå‡¦ç†ã§ã¯ã€Canvasè¦ç´ ã¨File APIを利用ã™ã‚‹ã€‚基本方é‡ã¨ã—ã¦ã¯ã€inputtype='file'ã®changeイベントã‹ã‚‰ã€Fileオブジェクトをå–å¾—ã—ã€ãれを一度Canvasã«æ›¸ã出ã™ã“ã¨ã§ãƒªã‚µã‚¤ã‚ºã‚’試ã¿ã‚‹ã€‚最終的ã«ã¯ã€canvas.toDataURL() ã«ã‚ˆã£ã¦DataURIã‚’å–å¾—ã™ã‚‹ã€‚ 下記ã«ã€åŸºæœ¬å®Ÿè£…ã®ã‚µãƒ³ãƒ—ルを示ã™ã€‚( http://co
第４回「ブラウザー勉強会〠アウトラインメモ
第4回ブラウザー勉強会 第４回「ブラウザー勉強会〠on Zusaar ã«å‚åŠ ã—ã¦ããŸã®ã§ã€ãã®æ™‚ã®ãƒ¡ãƒ¢ã§ã™ã€‚ åˆå‰ã®éƒ¨ : コミュニティ セッション オフラインã‚ャッシュã«ã¤ã„㦠– hebikuzure IE ã®ã‚ャッシュã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³èª¿æŸ»ã«ã¤ã„ã¦(改訂版) IE ã®ã‚ャッシュã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³èª¿æŸ»ã«ã¤ã„㦠ã®æ”¹è¨‚版 Content.IE5 IEã®ã‚ãƒ£ã‚·ãƒ¥ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã¯IE5ã‹ã‚‰å¤‰ã‚ã£ã¦ãªã‹ã£ãŸ Window2000 ã®é ƒã¨åŒã˜ IE10ã®ã‚ャシュã®ã‚·ã‚¹ãƒ†ãƒ 変更 IE10ã§ã¯ã‚ャッシュã®ã‚·ã‚¹ãƒ†ãƒ を変更ã•ã‚Œã¦ã‚‹ Content.IE5ã®ä¸èº« index.dat インデックスファイル 英数8æ–‡å—ã®ã‚ャッシュフォルダ 実際ã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒä¸¦ã‚“ã§ã‚‹ 4個ã¤ã¥ã‚ャッシュフォルダを作ã£ã¦ã‚ャッシュを書ã込む ã‚ャッシュã®æƒ…å ±ã¯ã©ã“? 最終更新日時ã¨ã‹ã®ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã¯ã©ã“? index.datã«å«ã¾ã‚Œã¦ã„ã‚‹ ãƒã‚¤ãƒŠ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
20160930 フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é«˜é€ŸåŒ– æ¥å‹™ç·¨ (社内勉強会)
GitHub - azu/browser-resources: A Collection of official Resources/Status/Issues for browsers.
https://ofb.net/~sethml/is-sort-stable.html
webmodules
Webmodules - JSConf.ar 2014
MobileSafari ã§ã¯ unload イベントã ã‘ã§ã¯ãªã〠load イベントもéžæŽ¨å¥¨ã ã£ãŸã‚ˆã†ã§ã™ - latest log
{{#tags}}- {{label}}
{{/tags}}