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 になっています!