HiDPI サポート、HTML5 notifications、Parallel JS、asm.js など – Firefox Development Highlights

原文: HiDPI support, HTML5 notifications, Parallel JS, asm.js and more – Firefox Development Highlights on April 25, 2013 by Robert Nyman [Editor], Jean-Yves Perrier and Paul Rouget

Firefox の最新の開発状況をご覧いただく機会がやってきました。本記事は Bleeding Edge および Firefox Development Highlights シリーズの一環であり、ほとんどのサンプルは Firefox Nightly のみで動作します (また、変更される場合もあります)。

HiDPI サポート

複数の画像を持つ ico/icns をサポートしたことをうれしく思います: もっとも高い解像度のアイコンは、HiDPI/Retina ディスプレイで使用されるようになりました。

Favicon の実装については bug 828508 で、ico/icns については bug 419588 でそれぞれ言及しています。

パフォーマンスの向上/Snappy:

多くのパフォーマンス向上策が実施されており、スタートアップの高速化、タッチパッドにおけるスクロールの改善、スムーズなアニメーションなどがあります。

しかしもっとも重要な改善はおそらく、マルチスレッド化された画像デコーダーでしょう。その成果として、ページの読み込みやタブの切り替えが高速になるでしょう。核心的な詳細のすべてについて、bug 716140 で言及しています。

HTML5

HTML5 や HTML5 関連技術の仲間に入ったため、良好な追加サポートを行ったものがあります:

<input type=”range”>

フォームで <input type=”range”> 要素をサポートしました。これにスタイルを設定するには、::-moz-range-progress を使用できます:

::-moz-range-progress {
    background: #f00;
}

<input type="range">

jsFiddle で <input type=”range”> の実動デモをご覧いただけます。

HTML5 notifications

HTML5 notifications を実装しました。要するに、許可を要求した上で通知を作成できます:

function authorizeNotification() {
    Notification.requestPermission(function(perm) {
        alert(perm);
    });
}

function showNotification() {
    var notification = new Notification("This is a title", {
        dir: "auto",
        lang: "",
        body: "This is a notification body",
        tag: "sometag",
    });
}

jsFiddle で、HTML5 notification の実動デモをご覧いただけます。

WebAudio API をデフォルトでアクティブ化

Firefox Nightly で、WebAudio API をデフォルトでアクティブにしました。リリース可能になるまでの作業はまだありますが、テスターは歓迎します。

JavaScript

Parallel JS

Parallel JS の最初のバージョンを Firefox に追加しました。Parallel JS Lands の記事で、より多くの詳細をご覧いただけます。

asm.js

Firefox 22 でリリースする予定で、asm.js を Firefox に内蔵したことをうれしく思います! Luke Wagner 氏が、asm.js in Firefox Nightly の記事で詳細を著しています。

ES6 Arrow function 構文

ES6 の Arrow function 構文をサポートしました。

let square = x => x*x;
console.log(square(3));

CSS

@supports をデフォルトでアクティブ化

これは Firefox 22 でリリースする予定です。詳しくは MDN の @supports をご覧ください。

min-width および min-height の ‘auto’ キーワード

min-width および min-height の ‘auto’ キーワードは今後サポートしません。これは CSS3 Flexbox から削除されました。詳しくは bug 848539 をご覧ください。

CSS Flexbox を再び有効化しました

Firefox 22 で CSS Flexbox を再びデフォルトで有効にしたことをお伝えできて幸いです。Firefox 22 は現在 Firefox Aurora になっています!