ChromeとFirefoxのバージョン100対策、JavaScriptのバージョン判定で不具合が起こる方法とそれを直す方法
ChromeとFirefoxのバージョンがいよいよこの5月に、100になります。 参考: Chromeのスケジュール、Firefoxのスケジュール 100になることで2桁から3桁になり、JavaScriptでuserAgentからユーザーエージェント文字列を検出してバージョン判定をしていると、期待通りに動作しないかもしれません。バージョン100で不具合が起こる検出方法、そしてそれを直す方法を紹介します。 Encyclopedia Of Broken UserAgent String Detections by Karl Dubost Karl氏は、Mozillaのエンジニアマネージャーです。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 数値の代わりに文字列を比較する 2. 位置に応じた部分文字列のスライス 3
2020-08-04のJS: Firefox 79、Babel 7.11.0、Speculation in JavaScriptCore
JSer.info #499 - Firefox 79がリリースされました。 Firefox 79: The safe return of shared memory, new tooling, and platform updates - Mozilla Hacks - the Web developer blog Firefox 79 for developers - Mozilla | MDN 非同期処理のスタックトレースのサポート、デバッガの改善が行われています。 target=_blankのリンクに対して暗黙的にrel=noopenerと同じ扱いをするようになりました。 また、crossOriginIsolatedが有効の場合にSharedArrayBufferが利用可能になっています。 詳しくは次の記事で解説されています。 Safely reviving shared memo
Quiet.js by quiet
This is a javascript binding for libquiet, a library for sending and receiving data via sound card. It can function either via speaker or cable (e.g., 3.5mm). Quiet comes included with a few transmissions profiles which can be selected for the intended use. For speaker transmission, there is a profile which transmits around the 19kHz range, which is essentially imperceptible to the human ear. Quie
Service workers at TPAC
Last month we had a service worker meeting at the W3C TPAC conference in Fukuoka. For the first time in a few years, we focused on potential new features and behaviours. Here's a summary: Resurrection finally killed If you unregister a service worker registration, it's removed from the list of registrations, but it continues to control existing pages. This means it doesn't break any ongoing fetche
Debugging TypeScript in Firefox DevTools – Mozilla Hacks - the Web developer blog
Firefox Debugger has evolved into a fast and reliable tool chain over the past several months and it’s now supporting many cool features. Though primarily used to debug JavaScript, did you know that you can also use Firefox to debug your TypeScript applications? Before we jump into real world examples, note that today’s browsers can’t run TypeScript code directly. It’s important to understand that
Developers don't understand CORS
One of the best things about working in full stack consulting is that I get to work with a great number of developers with different skill levels in companies from various sizes and industries. This provides an opportunity to see what universal struggles come up. One that seems common and relevant recently is this: Too many web developers do not understand how CORS works. This seems particularly t
WebAssembly's post-MVP future: A cartoon skill tree - Mozilla Hacks - the Web developer blog
People have a misconception about WebAssembly. They think that the WebAssembly that landed in browsers back in 2017—which we called the minimum viable product (or MVP) of WebAssembly—is the final version of WebAssembly. I can understand where that misconception comes from. The WebAssembly community group is really committed to backwards compatibility. This means that the WebAssembly that you creat
CSSでスクロールのスナップが可能に！scroll-snapプロパティの基礎知識と便利な使い方
CSSのscroll-snapプロパティを使用すると、スマホのホーム画面のようにちょっとずらすだけで、すぐに次のコンテンツを表示させることができます。今まではJavaScriptの領域でしたが、これからはCSSのみで実装できます。 scroll-snapプロパティの基礎知識と便利な使い方を紹介します。 Practical CSS Scroll Snapping 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 スクロールにスナップさせる「scroll-snapプロパティ」 「scroll-snapプロパティ」のサポートブラウザ 「scroll-snapプロパティ」の基礎知識 親要素の「scroll-snapプロパティ」 子要素の「scroll-snapプロパティ」 「scroll-snapプロパティ」の便利な使い方 スクロールスナ
A Real-World WebAssembly Benchmark | Inside PSPDFKit
Nutrient’s mission is to provide the best way to view, annotate, and fill out forms in PDF documents on any platform. In late 2016, we released the first version of our Web SDK, which relies on a server component to render documents. Only a few months later, we released an updated version of Nutrient Web SDK — one that doesn’t require a server component and instead uses WebAssembly (Wasm, WA) to r
2018-05-15のJS: フロントエンドツールアンケート結果、Firefox 60、Lighthouse 3.0β
JSer.info #383 - フロントエンドツールアンケート2018の結果が公開されています。 The Front-End Tooling Survey 2018 - Results - AshleyNolan.co.uk - Blog and Portfolio for Ashley Nolan JavaScriptやCSSに関するツールやライブラリなどについてのアンケート結果をまとめたもので、前回の結果からの変化などについても掲載されています。 利用言語、ライブラリ、Lint、テスト、bundlerなどについて項目ごとのアンケート結果が公開されているので見てみると良さそうです。 Firefox 60.0がリリースされました。 Firefox — Notes (60.0) — Mozilla Firefox 60 – Modules and More – Mozilla Hacks
Introduction to WebRender – Part 1 – Browsers today
WebRender, is a 2D renderer for the web. It started as Servo‘s graphics engine, and we are in the process of integrating it in Firefox. I have been meaning for a while to write about what WebRender is, how it works and how its architecture is different from what Firefox and other browsers currently do. To do that, I first wanted to provide some context and look at what Firefox (and other browser e
Mozilla HacksのWebAssembly連載記事の和訳が開始 続編に期待（追記あり） - Mozilla Flux
Firefox 52で有効化された新機能の1つにWebAssemblyがある。WebAssembly のコンセプト - WebAssembly | MDNの冒頭では、その内容を次のように説明している。 WebAssembly はモダンなウェブブラウザで動作して新たな機能と大幅なパフォーマンス向上を提供する新しい種類のコードです。基本的に直接記述ではなく、C、C++、Rust 等の低水準の言語にとって効果的なコンパイル対象となるように設計されています。 この機能はウェブプラットフォームにとって大きな意味を持ちます — ウェブ上で動作するクライアントアプリで従来は実現できなかった、ネイティブ水準の速度で複数の言語で記述されたコードをウェブ上で動作させる方法を提供します。 それ以上に、その利点を享受するために利用者は WebAssembly のコードをどのように作成するのか知る必要さえ有りません
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Not Found
A Front-End Development Review of 2017: JavaScript, Firefox, and More - DZone
Speckyboy Design Magazine
Mozilla's Rust language could make your internet safer