---
title: Firefox 58 for developers
slug: Mozilla/Firefox/Releases/58
tags:
  - '58'
  - Firefox
  - Release Notes
translation_of: Mozilla/Firefox/Releases/58
---
<article class="text-content" id="wikiArticle">
<p class="summary">Firefox 58 は、米国時間 2018 年 1 月 23 日にリリースされました。このページでは、開発者に影響する Firefox 58 の変更点をまとめています。</p>

<article class="text-content" id="wikiArticle">
<h2 id="Changes_for_Web_developers" name="Changes_for_Web_developers">ウェブ開発者向けの変更点一覧</h2>

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

<ul>
 <li>{{cssxref("clip-path")}} で生成したシェイプ用の <a href="/ja/docs/Tools/Page_Inspector/How_to/Edit_CSS_shapes">シェイプパスエディター</a> を、既定で有効にしました ({{bug(1405339)}})。</li>
 <li><a href="/ja/docs/Tools/Network_Monitor">ネットワークモニター</a> に、<a href="/ja/docs/Tools/Network_Monitor#Pausing_and_resume_network_traffic_recording">ネットワーク通信の記録を停止/再開する</a> ボタンを追加しました ({{bug(1005755)}})。</li>
 <li><a href="/ja/docs/Tools/Network_Monitor">ネットワークモニター</a> で "Flash" フィルターボタンが使用できなくなりました。Flash の要求は "その他" フィルターに含まれます ({{bug(1413540)}})。</li>
 <li>古いレスポンシブデザインモード (Firefox 52 より前のバージョンで、デフォルトで有効でした) のコードを、開発ツールから削除しました ({{bug(1305777)}})。新しいツールの情報は <a href="/ja/docs/Tools/Responsive_Design_Mode">レスポンシブデザインモード</a> で確認してください。</li>
 <li>ページインスペクターの CSS ペインから、MDN のドキュメントを参照する機能を削除しました (バージョン 55 から無効化していました。{{bug(1382171)}})。</li>
</ul>

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

<p><em>変更なし。</em></p>

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

<ul>
 <li>{{cssxref("@font-face/font-display", "font-display")}} ディスクリプターを、すべてのプラットフォームにおいてデフォルトで有効にしました ({{bug(1317445)}})。</li>
</ul>

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

<p><em>変更なし。</em></p>

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

<ul>
 <li>{{jsxref("Promise.prototype.finally()")}} メソッドを実装しました ({{bug(1019116)}})。</li>
 <li>{{jsxref("PluralRules", "Intl.PluralRules")}} オブジェクトを実装しました ({{bug(1403318)}})。</li>
 <li>{{jsxref("NumberFormat.formatToParts", "Intl.NumberFormat.prototype.formatToParts()")}} メソッドを実装しました ({{bug(1403319)}})。</li>
 <li>{{jsxref("DateTimeFormat", "Intl.DateTimeFormat")}} オブジェクトで <code>hourCycle</code> オプションと <code>hc</code> 言語タグをサポートしました ({{bug(1386146)}})。</li>
 <li><a href="https://github.com/tc39/proposal-optional-catch-binding">optional catch binding 提案</a> を実装しました ({{bug(1380881)}})。</li>
</ul>

<h3 id="APIs" name="APIs">API</h3>

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

<ul>
 <li>{{domxref("PerformanceNavigationTiming")}} API を実装しました ({{bug(1263722)}})。
  <ul>
   <li>必要に応じてこのインターフェイスを無効化できる設定項目 <code>dom.enable_performance_navigation_timing</code> (既定値は <code>true</code>) を Gecko に追加しました ({{bug(1403926)}})。</li>
  </ul>
 </li>
</ul>

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

<ul>
 <li>いくつかの API において、error オブジェクトで報告されるエラー (例えば {{domxref("FileReader")}}、{{domxref("IDBRequest")}}、{{domxref("IDBTransaction")}} の <code>error</code> プロパティや、{{domxref("RTCPeerConnection")}} で一定の方法によるリクエストが成功しなかったとき) が、{{domxref("DOMException")}} のインスタンスになりました。{{domxref("DOMError")}} は非推奨になり、DOM4 仕様書から削除されました ({{bug(1120178)}})。</li>
 <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> を、macOS でデフォルトで有効にしました ({{bug(1374399)}})。</li>
 <li>{{domxref("PerformanceResourceTiming.workerStart")}} プロパティをサポートしました ({{bug(1191943)}})。</li>
 <li>バジェットベースのバックグラウンドタイムアウト調節を実装しました。詳しくは <a href="/ja/docs/Web/API/Page_Visibility_API#Policies_in_place_to_aid_background_page_performance">Policies in place to aid background page performance</a> をご覧ください ({{bug(1377766)}})。</li>
</ul>

<h4 id="DOM_events" name="DOM_events">DOM イベント</h4>

<p><em>変更なし。</em></p>

<h4 id="Media_and_WebRTC" name="Media_and_WebRTC">メディアと WebRTC</h4>

<ul>
 <li>接頭辞付きの {{domxref("HTMLMediaElement.srcObject")}} を削除しました。<code>mozSrcObject</code> の代わりに標準の <code>srcObject</code> を使用するように、コードを更新してください ({{bug(1183495)}})。</li>
 <li>{{domxref("MediaDevices.getUserMedia", "getUserMedia()")}} を使用して取得したストリームにトラックを追加するために {{domxref("MediaStream.addTrack()")}} を使用して、その結果のストリームを記録しようとすると、期待どおりに動作するようになりました。以前は、<code>getUserMedia()</code> が返したストリームに元から含まれていたトラックだけが、記録したメディアに含まれていました ({{bug(1296531)}})。</li>
 <li><a href="/ja/docs/Web/API/WebVTT_API">WebVTT</a> の {{domxref("VTTRegion")}} インターフェイスは WebVTT ファイルを解釈するときに常に作成されていましたが、以前はその結果の領域が使用されませんでした。Firefox 58 より、設定項目 <code>media.webvtt.regions.enabled</code> の値を <code>true</code> に設定すると、領域を使用するようになりました。</li>
</ul>

<h4 id="Canvas_and_WebGL" name="Canvas_and_WebGL">Canvas と WebGL</h4>

<ul>
 <li>接頭辞つき WebGL 拡張のサポートを廃止しました ({{bug(1403413)}}):
  <ul>
   <li><code>MOZ_WEBGL_compressed_texture_atc</code> の代わりに {{domxref("WEBGL_compressed_texture_atc")}} を使用してください。</li>
   <li><code>MOZ_WEBGL_compressed_texture_pvrtc</code> の代わりに {{domxref("WEBGL_compressed_texture_pvrtc")}} を使用してください。</li>
   <li><code>MOZ_WEBGL_compressed_texture_s3tc</code> の代わりに {{domxref("WEBGL_compressed_texture_s3tc")}} を使用してください。</li>
   <li><code>MOZ_WEBGL_depth_texture</code> の代わりに {{domxref("WEBGL_depth_texture")}} を使用してください。</li>
   <li><code>MOZ_WEBGL_lose_context</code> の代わりに {{domxref("WEBGL_lose_context")}} を使用してください。</li>
  </ul>
 </li>
</ul>

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

<ul>
 <li>{{httpheader("Content-Security-Policy-Report-Only")}} で <code><a href="/ja/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors">frame-ancestors</a></code> を無視しないようになりました ({{bug(1380755)}})。</li>
 <li>TLS ハンドシェイクのタイムアウトを Firefox に実装しました。既定値は 30 秒です。タイムアウト時間は、about:config の設定項目 <code>network.http.tls-handshake-timeout</code> で変更できます ({{bug(1393691)}})。</li>
 <li><code><a href="/ja/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src">worker-src</a></code> CSP ディレクティブを実装しました ({{bug(1302667)}})。</li>
</ul>

<h3 id="Security" name="Security">セキュリティ</h3>

<p><em>変更なし。</em></p>

<h3 id="Plugins" name="Plugins">プラグイン</h3>

<p><em>変更なし。</em></p>

<h3 id="Other" name="Other">その他</h3>

<ul>
 <li><a href="/ja/Apps/Progressive">プログレッシブ ウェブアプリ</a> の取り組みの一環として、Android 版 Firefox で "ホーム画面に追加" をサポートしました ({{bug(1212648)}})。</li>
 <li><a href="/ja/docs/WebAssembly">WebAssembly</a> に、読み込み時間を最適化する階層型コンパイラー ({{bug(1277562)}}) と、新たなストリーミング API ({{jsxref("WebAssembly.compileStreaming()")}} および {{jsxref("WebAssembly.installStreaming()")}}) を搭載しました ({{bug(1347644)}})。</li>
</ul>

<h2 id="Removals_from_the_web_platform" name="Removals_from_the_web_platform">ウェブプラットフォームから廃止</h2>

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

<ul>
 <li>ホットスポット領域を作成するために、{{htmlelement("map")}} 要素の内部に {{htmlelement("a")}} 要素を入れ子にすることができなくなりました。代わりに {{htmlelement("area")}} 要素を使用しなければなりません ({{bug(1317937)}})。</li>
</ul>

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

<ul>
 <li>Mozilla 独自仕様である以下の system metric 疑似クラスが、ウェブコンテンツで使用できなくなりました ({{bug(1396066)}}):
  <ul>
   <li>{{Cssxref(":-moz-system-metric(images-in-menus)")}}</li>
   <li>{{Cssxref(":-moz-system-metric(mac-graphite-theme)")}}</li>
   <li>{{Cssxref(":-moz-system-metric(scrollbar-end-backward)")}}</li>
   <li>{{Cssxref(":-moz-system-metric(scrollbar-end-forward)")}}</li>
   <li>{{Cssxref(":-moz-system-metric(scrollbar-start-backward)")}}</li>
   <li>{{Cssxref(":-moz-system-metric(scrollbar-start-forward)")}}</li>
   <li>{{Cssxref(":-moz-system-metric(scrollbar-thumb-proportional)")}}</li>
   <li>{{Cssxref(":-moz-system-metric(touch-enabled)")}}</li>
   <li>{{Cssxref(":-moz-system-metric(windows-default-theme)")}}</li>
  </ul>
 </li>
 <li>Mozilla 独自仕様である以下の media feature が、ウェブコンテンツで使用できなくなりました ({{bug(1396066)}}):
  <ul>
   <li><code>-moz-color-picker-available</code></li>
   <li><code>-moz-is-glyph</code></li>
   <li><a href="/ja/docs/Web/CSS/@media/-moz-mac-graphite-theme"><code>-moz-mac-graphite-theme</code></a></li>
   <li><code>-moz-mac-yosemite-theme</code></li>
   <li><a href="/ja/docs/Web/CSS/@media/-moz-os-version"><code>-moz-os-version</code></a></li>
   <li><code>-moz-overlay-scrollbars</code></li>
   <li><code>-moz-physical-home-button</code></li>
   <li><a href="/ja/docs/Web/CSS/@media/-moz-scrollbar-end-backward"><code>-moz-scrollbar-end-backward</code></a></li>
   <li><a href="/ja/docs/Web/CSS/@media/-moz-scrollbar-end-forward"><code>-moz-scrollbar-end-forward</code></a></li>
   <li><a href="/ja/docs/Web/CSS/@media/-moz-scrollbar-start-backward"><code>-moz-scrollbar-start-backward</code></a></li>
   <li><a href="/ja/docs/Web/CSS/@media/-moz-scrollbar-start-forward"><code>-moz-scrollbar-start-forward</code></a></li>
   <li><a href="/ja/docs/Web/CSS/@media/-moz-scrollbar-thumb-proportional"><code>-moz-scrollbar-thumb-proportional</code></a></li>
   <li><code>-moz-swipe-animation-enabled</code></li>
   <li><a href="/ja/docs/Web/CSS/@media/-moz-windows-accent-color-in-titlebar"><code>-moz-windows-accent-color-in-titlebar</code></a></li>
   <li><a href="/ja/docs/Web/CSS/@media/-moz-windows-classic"><code>-moz-windows-classic</code></a></li>
   <li><a href="/ja/docs/Web/CSS/@media/-moz-windows-compositor"><code>-moz-windows-compositor</code></a></li>
   <li><a href="/ja/docs/Web/CSS/@media/-moz-windows-default-theme"><code>-moz-windows-default-theme</code></a></li>
   <li><a href="/ja/docs/Web/CSS/@media/-moz-windows-glass"><code>-moz-windows-glass</code></a></li>
   <li><a href="/ja/docs/Web/CSS/@media/-moz-windows-theme"><code>-moz-windows-theme</code></a></li>
  </ul>
 </li>
 <li>Mozilla 独自仕様である <code>:-moz-styleeditor-transitioning</code> 疑似クラスが、ウェブコンテンツで使用できなくなりました ({{bug(1396099)}})。</li>
</ul>

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

<ul>
 <li>非標準の {{jsxref("Date.prototype.toLocaleFormat()")}} メソッドを削除しました ({{bug(818634)}})。詳細および移行方法について、<a href="/ja/docs/Web/JavaScript/Reference/Errors/Deprecated_toLocaleFormat">Warning: Date.prototype.toLocaleFormat is deprecated</a> をご覧ください。</li>
 <li>非標準および非推奨の {{jsxref("Object.prototype.watch()")}} および {{jsxref("Object.prototype.unwatch", "unwatch()")}} メソッドを削除しました。今後は動作しません ({{bug(638054)}})。代わりに <a href="/ja/docs/Web/JavaScript/Guide/Working_with_Objects#Defining_getters_and_setters">setters および getters</a> または <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Proxy">proxy</a> の使用を検討してください。</li>
 <li><a href="/ja/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features/The_legacy_Iterator_protocol">レガシーイテレータープロトコル</a>、<code><a href="/ja/docs/Archive/Web/StopIteration">StopIteration</a></code> オブジェクト、<a href="/ja/docs/Web/JavaScript/Reference/Statements/Legacy_generator_function">レガシージェネレーター関数</a>、非標準の {{jsxref("Function.prototype.isGenerator()")}} メソッドを削除しました。代わりに ES2015 の <a href="/ja/docs/Web/JavaScript/Reference/Iteration_protocols">反復処理プロトコル</a> や、標準準拠の <a href="/ja/docs/Web/JavaScript/Guide/Iterators_and_Generators">イテレーターとジェネレーター</a> を使用してください ({{bug(1083482)}}, {{bug(1413867)}}, {{bug(1119777)}})。</li>
 <li>非標準の <a href="/ja/docs/Web/JavaScript/Reference/Operators/Array_comprehensions">配列内包</a> および <a href="/ja/docs/Web/JavaScript/Reference/Operators/Generator_comprehensions">ジェネレーター内包</a> を削除しました ({{bug(1414340)}})。</li>
</ul>

<h3 id="APIs_2" name="APIs_2">API</h3>

<ul>
 <li>{{domxref("XMLHttpRequest.responseType")}} プロパティの独自仕様の値である <code>moz-blob</code> および <code>moz-chunked-text</code> を、Firefox 58 で完全に削除しました ({{bug(1397145)}}, {{bug(1397151)}}, {{bug(1120171)}})。</li>
 <li><a href="/ja/docs/Web/API/Fetch_API#Aborting_a_fetch">Abort API の機能</a> を制御する設定項目である <code>dom.abortController.enabled</code> および <code>dom.abortController.fetch.enabled</code> を削除しました ({{bug(1402317)}})。デフォルトで有効化したためです。</li>
 <li>独自仕様である <code>mozSrcObject</code> プロパティを Firefox 58 で削除しました ({{bug(1183495)}})。代わりに、標準の {{domxref("HTMLMediaElement.srcObject")}} プロパティを使用してください。</li>
</ul>

<h3 id="SVG_2" name="SVG_2">SVG</h3>

<p><em>変更なし。</em></p>

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

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

<ul>
 <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/browserSettings">browserSettings</a>

  <ul>
   <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/browserSettings/webNotificationsDisabled">browserSettings.webNotificationsDisabled</a> を実装しました ({{bug(1364942)}})</li>
  </ul>
 </li>
 <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/browsingData">browsingData</a>
  <ul>
   <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/browsingData/removeLocalStorage">browsingData.localStorage</a> で、ホストによる localStorage の削除をサポートしました ({{bug(1388428)}})</li>
  </ul>
 </li>
 <li>セキュリティデバイスを管理するための <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/pkcs11">pkcs11</a> API をサポートしました ({{bug(1357391)}})</li>
 <li>プライバシー
  <ul>
   <li>firstPartyIsolate で、ファーストパーティー分離の切り替えが可能になりました ({{bug(1409045)}})</li>
   <li>resistFingerprinting で、フィンガープリンティング対策の設定の切り替えが可能になりました ({{bug(1397611)}})</li>
  </ul>
 </li>
 <li>タブ
  <ul>
   <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs/discard">tabs.discard</a> を実装しました ({{bug(1322485)}})</li>
   <li>タブの isArticle、isInReaderMode プロパティを実装しました ({{bug(1381992)}})</li>
   <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs/toggleReaderMode">toggleReaderMode</a>() メソッドを実装しました ({{bug(1381992)}})</li>
   <li>tabs.created の openInReaderMode オプションを実装しました ({{bug(1408993)}})</li>
   <li>tabs.onUpdated が、リーダービューを出入りするときに通知を発するようになりました ({{bug(1402921)}})</li>
  </ul>
 </li>
 <li>テーマ
  <ul>
   <li>現在のテーマの属性を取得するための <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/theme/getCurrent">getCurrent</a>() メソッドをサポートしました ({{bug(1349944)}})</li>
   <li>WebExtension のテーマの更新を受け取る onUpdated メソッドをサポートしました ({{bug(1349944)}})</li>
   <li>colors.toolbar_text の別名として colors.bookmark_text をサポートしました ({{bug(1412595)}})</li>
   <li>colors.toolbar_top_separator、colors.toolbar_bottom_separator、colors.toolbar_vertical_separator を実装しました ({{bug(1347190)}})</li>
  </ul>
 </li>
 <li>webRequest
  <ul>
   <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/webRequest/onBeforeRequest">webRequest.onBeforeRequest</a> が "frameAncestors" パラメーターを持つようになりました</li>
  </ul>
 </li>
</ul>

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

<ul>
 <li><a href="https://www.mozilla.org/firefox/58.0/releasenotes/">Firefox — Notes (58.0)</a></li>
</ul>
</article>

<ul>
</ul>

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

<p>{{Firefox_for_developers(57)}}</p>
</article>