---
title: Firefox 48 for developers
slug: Mozilla/Firefox/Releases/48
tags:
  - Firefox
  - Release Notes
translation_of: Mozilla/Firefox/Releases/48
---
<p>Firefox 48 は、米国時間 2016 年 8 月 2 日にリリースされました。このページでは、開発者に影響する Firefox 48 の変更点をまとめています。</p>

<h2 id="Changes_for_Web_developers" name="Changes_for_Web_developers">ウェブ開発者向けの変更点一覧</h2>

<h3 id="Developer_Tools" name="Developer_Tools">開発者ツール</h3>

<ul>
 <li>コンテンツ内で要素の位置を変更できるようになりました ({{bug(1139187)}})。</li>
 <li>コンソールの出力を消去するための {{domxref("console.clear()")}} を実装しました ({{bug(659625)}})。</li>
 <li>Web コンソールに <a href="/ja/docs/Tools/Web_Console/Console_messages#Viewing_network_request_details">HTTP ログの調査機能</a> を追加しました ({{bug(1211525)}})。</li>
 <li><a href="/ja/docs/Tools/Tools_Toolbox#Choose_DevTools_theme">Firebug のテーマ</a> を追加しました ({{bug(1244054)}})。</li>
 <li><a href="/ja/docs/Tools/DOM_Property_Viewer">DOM 調査ツール</a> を追加しました ({{bug(1201475)}})。</li>
 <li><a href="/ja/docs/Tools/Page_Inspector/UI_Tour#Fonts_view">フォントインスペクター</a> を、再びデフォルトで有効にしました ({{bug(1280121)}})。</li>
 <li>CSS プロパティの <a href="/ja/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Edit_rules">補完機能を改良しました</a> ({{bug(1168246)}})。</li>
 <li>Cookie、ローカルストレージ、セッションストレージの項目を、ダブルクリックして編集できます ({{bug(1231154)}}、{{bug(1231179)}}、{{bug(1231155)}})。</li>
</ul>

<h3 id="HTML" name="HTML">HTML</h3>

<ul>
 <li>{{HTMLElement("details")}} および {{HTMLElement("summary")}} 要素を、Nightly および Aurora (DevTools) でデフォルトで有効にしました。Beta および Release では無効です:
  <ul>
   <li>これらの要素のデフォルトのスタイルが、仕様書に合致するようになりました ({{bug(1258657)}})。</li>
   <li>{{HTMLElement("details")}} 要素を開いたり閉じたりしたときに、{{event("toggle")}} イベントを送るようになりました ({{bug(1225412)}})。</li>
  </ul>
 </li>
 <li>{{htmlattrxref("referrer", "meta")}} 属性で、値 <code>no-referrer-when-downgrade</code> および <code>origin-when-cross-origin</code> をサポートしました ({{bug(1178337)}})。</li>
</ul>

<h3 id="CSS" name="CSS">CSS</h3>

<ul>
 <li>仕様書に準拠するよう、{{cssxref("calc()")}} を改良しました:
  <ul>
   <li>{{cssxref("line-height")}} プロパティで {{cssxref("calc()")}} をサポートしました ({{bug(594933)}})。</li>
   <li>CSS {{cssxref("calc()")}} の入れ子をサポートしました ({{bug(968761)}})。</li>
  </ul>
 </li>
 <li>CSS Grids の実験的な実装を更新しました:
  <ul>
   <li>Grid レイアウトでフラグメンテーションを実装しました ({{bug(1144096)}})。</li>
   <li>[css-grid] グリッドコンテナーのサイズが不定である場合は、パーセンテージ指定されたトラックのサイズを <code>auto</code> として扱うようになりました ({{bug(1264607)}})。</li>
   <li>{{HTMLElement("fieldset")}} で grid および flex レイアウトをサポートしました ({{bug(1230207)}})。</li>
  </ul>
 </li>
 <li>{{cssxref("mask-mode")}} で値 <code>luminance</code> をサポートしました。また、仕様書に合わせて値 <code>auto</code> を <code>match-source</code> に改名しました ({{bug(1228354)}})。</li>
 <li>CSS Animation および CSS Transition で、clip-path の basic shape の補間処理をサポートしました ({{bug(1110460)}})。</li>
 <li>{{cssxref("text-combine-upright")}} プロパティの値 <code>all</code> で縦中横 (<em>horizontal-in-vertical</em>) テキストをサポートしました ({{bug(1097499)}}).</li>
 <li>画像や背景の印刷をページから許可できるようにするための {{cssxref("color-adjust")}} プロパティを実験的にサポートしました ({{bug(1209273)}})。</li>
 <li>{{cssxref("::first-letter")}} 疑似要素が、実際の先頭文字の前または直後にあるタイプ Pd の句読点にもマッチするようになりました。これは CSS Pseudo-element module level 4 の新たな要求です ({{bug(1260366)}})。</li>
 <li>いくつかの <code>-webkit</code> 接頭辞付きプロパティおよび値を、web 互換性のためにサポートしました。設定項目 <code>layout.css.prefixes.webkit</code> で制御しており、既定値は <code>false</code> です:
  <ul>
   <li>{{cssxref("-webkit-text-fill-color")}} ({{bug(1247777)}})</li>
   <li>{{cssxref("-webkit-text-stroke")}}, {{cssxref("-webkit-text-stroke-color")}}, {{cssxref("-webkit-text-stroke-width")}} ({{bug(1248708)}})</li>
   <li>{{cssxref("-webkit-background-clip")}} (background-clip として) の値 text ({{bug(759568)}}).</li>
   <li>{{cssxref("-webkit-box-direction")}}, {{cssxref("-webkit-box-orient")}} ({{bug(1262049)}}.</li>
   <li>{{cssxref("display")}} プロパティの値 <code>-webkit-inline-box</code> を、<code>inline-flex</code> の別名としてサポートしました ({{bug(1257661)}})。</li>
   <li>{{cssxref("-webkit-flex-direction")}}、{{cssxref("-webkit-flex-wrap")}}、{{cssxref("-webkit-flex-flow")}}、{{cssxref("-webkit-order")}}、{{cssxref("-webkit-flex")}}、{{cssxref("-webkit-flex-grow")}}、{{cssxref("-webkit-flex-shrink")}}、{{cssxref("-webkit-flex-basis")}}、{{cssxref("-webkit-justify-content")}}、{{cssxref("-webkit-align-items")}}、{{cssxref("-webkit-align-self")}}、{{cssxref("-webkit-align-content")}} を接頭辞なしプロパティの別名として、また {{cssxref("display")}} プロパティの値 <code>-webkit-flex</code> および <code>-webkit-inline-flex</code> を接頭辞なし値の別名として追加しました ({{bug(1274096)}})。</li>
   <li>{{cssxref("-webkit-box-flex")}}、{{cssxref("-webkit-box-ordinal-group")}}、{{cssxref("-webkit-box-align")}}、{{cssxref("-webkit-box-pack")}} プロパティおよび {{cssxref("display")}} プロパティの値 <code>-webkit-box</code> を、最新の <a href="/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_flexbox_to_lay_out_web_applications">CSS Flexbox</a> の別名として追加しました ({{bug(1208635)}})。</li>
  </ul>
 </li>
 <li>{{cssxref("background-clip")}} の値 <code>text</code> が、(Release 以外のビルドだけでなく) すべてのタイプの Firefox で使用可能になりました ({{bug(1263516)}})。</li>
 <li>{{cssxref("position")}} プロパティの値 <code>absolute</code> を、最上位レイヤーの要素でサポートしました ({{bug(1236828)}})。</li>
 <li>設定を検出するため、{{domxref("@supports")}} の内部利用限定の構文をサポートしました ({{bug(1259889)}})。</li>
</ul>

<h3 id="JavaScript" name="JavaScript">JavaScript</h3>

<h4 id="New_APIs" name="New_APIs">新規 API</h4>

<ul>
 <li>{{jsxref("String.prototype.padStart()")}} および {{jsxref("String.prototype.padEnd()")}} メソッドを実装しました ({{bug(1260509)}})。</li>
 <li>ES2015 (ES6) の {{jsxref("Symbol.unscopables")}} および {{jsxref("Array.@@unscopables", "Array.prototype[@@unscopables]")}} プロパティを実装しました ({{bug(1054759)}} および {{bug(1258163)}})。</li>
 <li>ES2015 (ES6) の {{jsxref("Symbol.isConcatSpreadable")}} シンボルを実装しました ({{bug(1041586)}})。</li>
 <li>ES2015 (ES6) の {{jsxref("Array.@@species", "Array[@@species]")}} getter を実装しました ({{bug(1165052)}})。</li>
 <li>ES2015 (ES6) の {{jsxref("ArrayBuffer.@@species", "ArrayBuffer[@@species]")}} getter および {{jsxref("TypedArray.@@species", "%TypedArray%[@@species]")}} getter を実装しました ({{bug(1165053)}})。</li>
 <li>ECMAScript Internationalization API 草案の {{jsxref("Intl.getCanonicalLocales()")}} メソッドを実装しました ({{bug(1263040)}})。</li>
</ul>

<h4 id="Deprecations_and_removals" name="Deprecations_and_removals">非推奨化および削除</h4>

<ul>
 <li>非推奨の <a href="/ja/docs/Archive/Web/Old_Proxy_API">古い Proxy API</a> (<code>Proxy.create</code> および <code>Proxy.createFunction()</code>) を廃止しました。代わりに標準の {{jsxref("Proxy")}} オブジェクトを使用してください ({{bug(892903)}})。</li>
 <li><code>String.prototype.contains()</code> メソッドを削除しました (バージョン 40 より非推奨でした)。代わりに {{jsxref("String.prototype.includes()")}} メソッドを使用してください ({{bug(1103588)}})。</li>
 <li>非標準の <code>RegExp.multiline</code> プロパティ ({{jsxref("RegExp.prototype.multiline")}} ではありません) を削除しました。代わりに標準の <a href="/ja/docs/Web/JavaScript/Guide/Regular_Expressions#Advanced_searching_with_flags">m フラグ</a> を使用してください ({{bug(1219757)}})。</li>
 <li>{{jsxref("Object.__defineGetter__", "__defineGetter__")}} および {{jsxref("Object.__defineSetter__", "__defineSetter__")}} メソッドは、オブジェクトを伴わないグローバルスコープでは呼び出すことができなくなりました ({{bug(1253016)}})。</li>
</ul>

<h3 id="InterfacesAPIsDOM" name="InterfacesAPIsDOM">インターフェイス/API/DOM</h3>

<h4 id="DOM_HTML_DOM" name="DOM_HTML_DOM">DOM &amp; HTML DOM</h4>

<ul>
 <li>{{domxref("CSSKeyframeRule")}} および {{domxref("CSSKeyframesRule")}} インターフェイスから "Moz" 接頭辞を削除しました ({{bug(1256178)}})。</li>
 <li>{{domxref("NavigatorConcurrentHardware")}} {{Glossary("mixin")}} を実装しました。これは、{{domxref("Navigator")}} インターフェイスに {{domxref("NavigatorConcurrentHardware.hardwareConcurrency", "window.navigator.hardwareConcurrency")}} プロパティを追加します。このプロパティにより、{{domxref("Worker")}} を実行できるプロセッシングコアがいくつあるか (少なくとも概算値) をウェブサイトやアプリが取得できます ({{bug(1008453)}})。</li>
 <li>Firefox 10 で削除した {{domxref("Node.isSameNode()")}} メソッドを再追加しました。仕様書に長く存在していませんでしたが、再び追加されました ({{bug(1256299)}})。</li>
 <li>{{domxref("Navigator.registerProtocolHandler()")}} を呼び出す際に誤りがあった場合に、Firefox が数値ではなく適切な例外を返すようになりました。</li>
 <li>{{domxref("Element.animate()")}} をデフォルトで有効にしました ({{bug(1245000)}})。</li>
 <li>{{domxref("Element.insertAdjacentText()")}} および {{domxref("Element.insertAdjacentElement()")}} メソッドを実装しました ({{bug(811259)}})。</li>
 <li>{{domxref("Document.scrollingElement")}} をデフォルトで有効にしました ({{bug(1265032)}})。</li>
 <li>{{domxref("Node.localName")}}、{{domxref("Node.namespaceURI")}}、{{domxref("Node.prefix")}} を {{domxref("Element")}} および {{domxref("Attr")}} API に移動しました ({{bug(1055776)}})。</li>
 <li>最新の仕様書に従って、以下のキーについて {{domxref("KeyboardEvent.code")}} が返す値を変更しました ({{bug(1264150)}} を参照):
  <ul>
   <li><code>"OSLeft"</code> および <code>"OSRight"</code> が <code>"MetaLeft"</code> および <code>"MetaRight"</code> になりました。</li>
   <li><code>"VolumeDown"</code>、<code>"VolumeUp"</code>、<code>"VolumeMute"</code> が <code>"AudioVolumeDown"</code>、<code>"AudioVolumeUp"</code>、<code>"AudoVolumeMute"</code> になりました。</li>
   <li><code>"IntlHash"</code> を削除しました。</li>
   <li>以前のバージョンの Firefox で <code>code</code> の値が "" になっていたすべてのキーが、"Unidentified" を知らせるようになりました。</li>
  </ul>
 </li>
</ul>

<h4 id="Canvas_2D" name="Canvas_2D">Canvas 2D</h4>

<ul>
 <li>{{domxref("CanvasRenderingContext2D.ellipse()")}} メソッドを実装しました ({{bug(910138)}})。</li>
</ul>

<h4 id="WebRTC" name="WebRTC">WebRTC</h4>

<ul>
 <li>{{domxref("MediaStream.clone()")}} および {{domxref("MediaStreamTrack.clone()")}} メソッドを実装しました ({{bug(1208371)}})。</li>
 <li><code>RTCOfferOptions</code> で、ICE の再開や更新を可能にする <code>iceRestart</code> をサポートしました ({{bug(906986)}})。</li>
 <li>{{domxref("RTCPeerConnection.createOffer()")}} メソッドが、デフォルトで VP9 動画コーデックを選択するようになりました。以前は VP8 を選択していました ({{bug(1242324)}})。</li>
</ul>

<h4 id="Others" name="Others">その他</h4>

<ul>
 <li><a href="/ja/docs/Web/API/Web_Crypto_API">Web Crypto API</a> が <a href="/ja/docs/Web/API/Web_Workers_API">Web workers</a> で使用可能になりました ({{bug(842818)}})。</li>
 <li>{{domxref("CustomEvent")}} インターフェイスが <a href="/ja/docs/Web/API/Web_Workers_API">Web Workers</a> で使用可能になりました ({{bug(1003432)}})。</li>
 <li><code>DOMApplicationsManager.getNotInstalled()</code> メソッドを削除しました ({{bug("1255036")}})。</li>
 <li>誤ってウェブに公開されていた Firefox OS の API を、本来すべきであったとおりに隠蔽しました。対象は {{domxref("mozContact")}}、{{domxref("MozContactChangeEvent")}}、{{domxref("navigator.mozContacts")}}、{{domxref("MozPowerManager")}}、{{domxref("MozSettingsEvent")}} です ({{bug("1043562")}}、{{bug("1256414")}}、{{bug("1256046")}})。</li>
 <li>{{domxref("TextEncoder")}} で UTF-16 のサポートを廃止しました ({{bug(1257877)}})。</li>
 <li>{{domxref("RTCStatsReport")}} が真に <code>maplike</code> なインターフェイスになりました。{{domxref("RTCStatsReport.forEach()", "forEach()")}}、{{domxref("RTCStatsReport.get()", "get()")}}、{{domxref("RTCStatsReport.has()", "has()")}} に加えて、{{domxref("RTCStatsReport.entries", "entries()")}}、{{domxref("RTCStatsReport.values", "values()")}}、{{domxref("RTCStatsReport.keys()", "keys()")}} メソッド、および {{domxref("RTCStatsReport.size", "size")}} ゲッターを実装しました ({{bug(906986)}})。</li>
 <li><a href="https://hacks.mozilla.org/2016/03/referrer-and-cache-control-apis-for-fetch/">キャッシュの動作</a> を制御できるようにするため、{{domxref("Request.cache")}} プロパティを追加しました ({{bug(1120715)}})。</li>
 <li>Mac OS X におけるデッドキーの扱いを、他のプラットフォームと同じ動作に変更しました。フォーカスがある要素が編集可能ではなく、テキストが生成されなかったときに {{event("keypress")}} イベントは発生しません (フォーカスがある要素が編集可能であるとき、Mac OS X ではデッドキーでキーボードイベントではなく composition イベントが発生します)。また他のプラットフォームと同様に、ほかの状況でテキストを生成しないデッドキー押下について、{{domxref("KeyboardEvent.key")}} の値が <code>"Dead"</code> になりました。</li>
</ul>

<h2 id="HTTP" name="HTTP">HTTP</h2>

<ul>
 <li>{{HTTPHeader("Upgrade-Insecure-Requests")}} ヘッダーをサポートしました ({{bug(1243586)}})。</li>
 <li>CSP ディレクティブ {{CSP("block-all-mixed-content")}} を実装しました ({{bug(1122236)}})。</li>
</ul>

<h2 id="Changes_for_add-on_and_Mozilla_developers" name="Changes_for_add-on_and_Mozilla_developers">アドオン開発者と Mozilla 開発者向けの変更点</h2>

<ul>
 <li><a href="/ja/docs/Mozilla/Projects/Social_API/Service_worker_API_reference">Social Worker API</a> を削除しました。</li>
</ul>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li><a href="https://www.mozilla.jp/firefox/48.0/releasenotes/">Firefox 48.0 リリースノート</a></li>
 <li><a href="https://www.fxsitecompat.com/ja/versions/48/">Firefox 48 サイト互換性情報</a></li>
 <li><a href="https://dev.mozilla.jp/2016/05/firefox-48-addon-compatibility/">Firefox 48 アドオン互換性情報</a></li>
</ul>

<h2 id="Older_versions" name="Older_versions">過去のバージョン</h2>

<p>{{Firefox_for_developers(47)}}</p>