Search

Home > mozaic.fm > ep27 Monthly Web 201709 | mozaic.fm
Podcast: mozaic.fm
Episode:

ep27 Monthly Web 201709 | mozaic.fm
Category: Technology
Duration: 02:07:29
Publish Date: 2017-10-03 10:00:00
Description: # ep27 Monthly Web 201709 第 27 回のテーマは 2017 年 9 月の Monthly Web です。 Monthly Web のモチベーションについては以下。 ep25 Monthly Web 201707 ## Show Note ### Chrome 動向 - Chrome 61 Stable - New in Chrome61 - https://developers.google.com/web/updates/2017/09/nic61 - ES modules - Web Share - Web USB - Visual Viewport - https://wicg.github.io/ViewportAPI/spec.html - https://developers.google.com/web/updates/2017/09/visual-viewport-api - zoom した時に見えている範囲が viewport と違うので、そこを埋める API - offset や resize event など - Chrome breaks visual viewport - again - スムーズスクロールの API - https://drafts.csswg.org/cssom-view/ - scroll 系メソッドのオプションとして behavior: 'smooth' など追加 - scroll-behavior プロパティも追加 - Firefox は 36 からサポート、他はまだ。。 - Chrome 62 Beta - New in Chrome - https://blog.chromium.org/2017/09/chrome-62-beta-network-quality.html - Network Quality Estimator API - OpenType Variable Fonts - Media Capture from DOM Elements - etc, etc, etc - Deprecations and Removals - https://developers.google.com/web/updates/2017/09/chrome-62-deprecations - Remove RTCPeerConnection.getStreamById() - Remove SharedWorker.workerStart - Remove SVGPathElement.getPathSegAtLength() - Chrome 63 Dev - V8 - V8 Release 6.2 - https://v8project.blogspot.jp/2017/09/v8-release-62.html - Performance - Object#toString (Spider Monkey を真似て) - Proxies - String#includes - {Weak}{Map,Set} - regexp - dotAll mode - look behind assertion - etc - Temporarily disabling escape analysis - https://v8project.blogspot.jp/2017/09/disabling-escape-analysis.html - Intent to Ship: Promise.prototype.finally - https://groups.google.com/forum/#!topic/v8-users/r259-82EJXE - developer updates - Unified autoplay - https://blog.chromium.org/2017/09/unified-autoplay.html - Chrome 64 から音のあるメディアは自動再生しなくなる - gTLD .dev/.foo が Chrome の Preload HSTS に - https://ma.ttias.be/chrome-force-dev-domains-https-via-preloaded-hsts/ - Google 保有の gTLD は使われる前に Preload HSTS していく - https://security.googleblog.com/2017/09/broadening-hsts-to-secure-more-of-web.html - An event for CSS position:sticky - https://developers.google.com/web/updates/2017/09/sticky-headers - 'sticky-change' event を独自に定義 - addEventListener しかできないのか - 将来的には style-mutation observer http://xml3d.org/xml3d/specification/styleobserver/ - WebRTC の Example 直してる 話 - Picture In Picture (PiP) - https://developers.google.com/web/updates/2017/09/picture-in-picture - video.requestPictureInPicture() - Sensors For The Web! - https://developers.google.com/web/updates/2017/09/sensors-for-the-web - new AbsoluteOrientationSensor(); - new RelativeOrientationSensor(); - PSA: Blink intent process updates - 機能公開までのプロセスの更新 - Idea Phase: (early) Intent to Implement - Design Phase: Intent to Implement - Implementation Phase: (origin trial) Intent to Experiment - Implementation Phase: Intent to Ship - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/lT94DQ_-ofk/h9203BB6AwAJ - https://sites.google.com/a/chromium.org/dev/blink/launching-features - Aborting fetch - https://developers.google.com/web/updates/2017/09/abortable-fetch - ブログ - Intent to - Ship: JavaScript module import() - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/ut-Mr0jt5X8/Q8B4F3wxBQAJ - Ship: Async Iteration / Async Generators - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/-lwlcCDOVx0/9zpp0GrCAwAJ - Ship: ResizeObserver - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/z6ienONUb5A/GlHRa9S2AAAJ - Ship: text-decoration-skip: ink objects; as default - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/Pp4CqxTJKjo/XR9gff92BAAJ - Implement and Ship MediaStreamTrack.applyConstraints() - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/D2va-gTcmvA/haBswl-lAwAJ - Implement and ship HTMLTextAreaElement / HTMLSelectElement. autoComplete - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/2tutRHmhwTE/X0UX8G5eBgAJ - Implement and ship: CSP exemptions for content injected by privileged callers - https://groups.google.com/forum/#!msg/mozilla.dev.platform/EVKMSAY__lA/8b1ctuJgBwAJ - Implement: Trusted Types for DOM Manipulation - https://github.com/mikewest/trusted-types - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/qbOrXp9g3B8/hziymUnHAQAJ - Implement: PauseFrame API - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/e-kQSgkoXpc/nkW5cETqAwAJ - Implement: Gesture Delegation - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/e7I1tZAfavU/wjgW9s0EBAAJ - Implement and Ship MediaStreamTrack.applyConstraints() - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/D2va-gTcmvA/haBswl-lAwAJ - Implement: overflow-wrap: break-spaces - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/fP1jDcQu68g/qSjd8EI8BQAJ - Implement: Socket Tagging - https://groups.google.com/a/chromium.org/forum/#!msg/net-dev/KL1TC-O51fM/0b26cspCAwAJ - Deprecate: Setting cookies from `meta` tags. - https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/0sJ8GUJO0Dw/iMmcXLIGBAAJ - Ship: CSS Paint API - https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/Jex3idOld48 - Worklet を ship するにあたって議論足りてないんじゃねというツッコミがきている - Other - MHTML Treatment and Improvement in Chrome - https://docs.google.com/document/d/1FvmYUC0S0BkdkR7wZsg0hLdKc_qjGnGahBwwa0CdnHE/edit#heading=h.ey8n39382x9r - Web Packaging など踏まえて Chrome の MHTML を改善する草案 - SecureContext requirements for all new features? - https://groups.google.com/a/chromium.org/d/topic/blink-api-owners-discuss/Gmxej1Ryj8c/discussion - 新しい API は Secure Context 前提にした方がいいの? という議論 ### Firefox 動向 - Firefox 55 - https://developer.mozilla.org/en-US/Firefox/Releases/55 - Sourcemap header supported (from X-SouceMap) - https://tools.ietf.org/html/rfc6648 - Firefox 56 Stable - https://developer.mozilla.org/en-US/Firefox/Releases/56 - https://www.mozilla.org/en-US/firefox/56.0/releasenotes/ - `` support - `` removed - en-US 版で住所の autofill が導入 - バックグラウンドのタブにあるビデオや音声の再生の扱いが変更 - エンコーディングまわりが Rust ベースに - https://groups.google.com/forum/#!topic/mozilla.dev.platform/80YUoZNvXYI - Firefox 57 Beta - https://developer.mozilla.org/en-US/Firefox/Releases/57 - Firefox Quantum - 詳細は下の Developer Edition に - Performance Observer - https://groups.google.com/forum/#!topic/mozilla.dev.platform/ELX9G6OOAjw - Intent to Ship がでた - Chrome はサポート済み、 Safari も 11 でサポート - for-await-of (async iterator なども) - ReadableStream - Windows の日本語フォントが MS PGothic から Meiryo に - https://www.fxsitecompat.com/en-CA/docs/2017/japanese-default-fonts-have-been-changed/ - Firefox Quantum Developer Edition - https://hacks.mozilla.org/2017/09/firefox-quantum-developer-edition-fastest-firefox-ever/ - Firefox 57 が Beta チャンネルにうつって、 Developer Edition のビルドも出たよという話 - the fastest Firefox ever - Photon UI - `` でカレンダーが出るように(Nightly, Dev のみ) - DevTools in 57: Redesigned and better than ever - 開発者ツール改善 - https://blog.nightly.mozilla.org/2017/09/11/developer-tools-visual-refresh-coming-to-nightly/ - Quantum CSS (aks Stylo) - https://groups.google.com/forum/#!msg/mozilla.dev.platform/H_Sl_-hCF5w/W7X_loXGAAAJ - 今後 - Quantum Render (GPU-optimized rendering pipeline WebRender by Servo) - Quantum DOM (scheduler) - Intent to: - implement: RTCRtpTransceiver - https://groups.google.com/forum/#!msg/mozilla.dev.platform/QTD7S9kAkGM/wDSHoKwJAQAJ - ORTC の成果からフィードバックして WebRTC に入った後発の API - 詳細は略 - ship: WebVR on macOS - https://groups.google.com/forum/#!msg/mozilla.dev.platform/MCSJOhbqSVE/ce6sF7JkAAAJ - Other - Adding More Policy Firepower to the Mozilla Network - 7 人の fellow が選ばれ Net Neutrality について 2 年間取り組む - https://blog.mozilla.org/blog/2017/09/25/adding-policy-firepower-mozilla-network/ - These Weeks in Firefox: Issue 24 - https://blog.nightly.mozilla.org/2017/09/26/these-weeks-in-firefox-issue-24/ - Device Memory header and JS API - https://groups.google.com/forum/#!msg/mozilla.dev.platform/cfydu35XdnY/3IqYn0oJAQAJ - Chrome チームから Device-Memory について Mozilla どうよ?というスレッド - fingerprinting の話や Client Hints についての疑問などが出た - CSS Grid PlayGround - https://mozilladevelopers.github.io/playground/ ### Safari 動向 - Safari Technology Preview 39 - https://webkit.org/blog/7913/release-notes-for-safari-technology-preview-39/ - Beacon API - Async Generator - etc - Safari Technology Preview 40 - https://webkit.org/blog/7922/release-notes-for-safari-technology-preview-40/ - regexp named capture group - for-await-of - Fetch Improve - etc - New WebKit Features in Safari 11 - https://webkit.org/blog/7956/new-webkit-features-in-safari-11/ - https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Safari_11_0/Safari_11_0.html - WebRTC and Media Capture - WebAssembly - Variable Fonts - Timing APIs - Intelligent Tracking Prevention - Video autoplay Blocking on macOS - Safari Tech Preview 22-36 相当とのこと - Safari Developer Help - https://support.apple.com/guide/safari-developer/welcome - Safari の Web Inspector のドキュメンテーションが大更新 - Other - Concurrent JavaScript: It can work! - https://webkit.org/blog/7846/concurrent-javascript-it-can-work/ - JS で Thread をという話 - Credential Management API の現状 - https://lists.webkit.org/pipermail/webkit-dev/2017-September/029577.html - 実装が IDL 入れただけで止まってるので消さないというメール? - Apple はまだ興味を持っているが、仕様がかたまってないので止まってるとのこと - Designing Websites for iPhone X - https://webkit.org/blog/7929/designing-websites-for-iphone-x/ - iPhone X でスクリーンが角丸になるし、凹みもでる - Safe Area と呼ばれる領域にコンテンツを自動で収める仕組みと、それを回避するためのやりかた - 一部 LG が推している CSS の Round Display 仕様の機能を実装 - Abort APIs の実装開始 - https://trac.webkit.org/changeset/222692/webkit - Fetch とかはこれから - `` が実装 - https://trac.webkit.org/changeset/222613/webkit ### Edge 動向 - Windows Insider Preview (Fast) build 17004 - Fall Creators Update 公開前だからか、更新があまり上がってない - EdgeHTML - 16: https://docs.microsoft.com/en-us/microsoft-edge/dev-guide/whats-new/edgehtml-16 - unprefixed CSS Grid support - objecgt-fit, object-position - アスペクト比保ったまま画像を拡縮したり、領域に収めたいときに使う - DevTools のリファクタリング - Rayment Request API update - Service Worker (about:flags) - WebVR support motion controllers - 14: https://docs.microsoft.com/en-us/microsoft-edge/dev-guide/whats-new/edgehtml-14 - Extensions - Fetch API - Web Authentication API (FIDO 2.0 Web API) - Web Notifications - Web Speech API - 13: https://docs.microsoft.com/en-us/microsoft-edge/dev-guide/whats-new/edgehtml-13 - EME - oninvalid - 12: https://docs.microsoft.com/en-us/microsoft-edge/dev-guide/whats-new/edgehtml-12 - CSP 1.0 - Media Capture and Streams - ``, ``, `
Total Play: 0