---
title: Firefox 61 for developers
slug: Mozilla/Firefox/Releases/61
tags:
  - '61'
  - Firefox
  - Release
translation_of: Mozilla/Firefox/Releases/61
---
<div>{{FirefoxSidebar}}</div>

<p class="summary">Firefox 61 は、米国時間 2018 年 6 月 26 日 にリリースされました。このページでは、開発者に影響する Firefox 61 の変更点をまとめています。</p>

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

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

<ul>
 <li><a href="/ja/docs/Tools/Accessibility_inspector">アクセシビリティインスペクター</a> を実装しました。</li>
 <li><a href="/ja/docs/Tools/Browser_Console">ブラウザーコンソール</a> と <a href="/ja/docs/Tools/Browser_Toolbox">ブラウザーツールボックス</a> で、新しい意匠のコンソール UI をデフォルトで有効化しました ({{bug(1362023)}}/{{bug(1347127)}})。古い UI は削除しました。</li>
 <li><a href="/ja/docs/Tools/Network_Monitor">ネットワークモニター</a> で <code>POST</code> 要求のコンテキストメニューの [<em>新しいタブで開く</em>] をクリックすると、想定どおりの <code>POST</code> パラメーターを付加した要求を正しく再送信するようになりました ({{bug(1407515)}})。</li>
 <li>それぞれの変数にどの色の値が保存されているかを明確にするため、色見本をつけて <a href="/ja/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#CSS_variable_autocompletion">CSS 変数のオートコンプリート</a> を行うようになりました ({{bug(1451211)}})。
  <ul>
   <li>さらに、CSS 変数名にマウスポインターを載せると、変数に保存されている色の値をツールチップで表示します ({{bug(1431949)}})。</li>
  </ul>
 </li>
 <li>ツールボックスのメインツールバーを再設計しました。主要な変更点は、新しいオーバーフロードロップダウンメニューによりビューポートの広さにかかわらず応答性が向上、ミートボールメニューをクリーンアップ、もっとも使用するパネルを前方に移動できるタブの並べ替え機能です ({{bug(1226272)}})。</li>
 <li><a href="/ja/docs/Tools/Network_Monitor">ネットワークモニター</a> のツールバーに、'HAR 形式ですべてコピー'、'HAR 形式ですべて保存'、'Import...' コマンドへ簡単にアクセスできるドロップダウンメニューを追加しました ({{bug(1403530)}})。</li>
 <li>ネットワークモニターの詳細ペインに <a href="/ja/docs/Tools/Network_Monitor#Cache">Cache タブ</a> を追加しました。以前キャッシュしたリソースに関する詳細情報を表示します ({{bug(859051)}})。</li>
 <li>ネットワークモニターのメインツールバーを、小さなビューポートでも使いやすく、またコンソールのツールバーに合うように再設計しました。</li>
 <li>ネットワークモニターのメインツールバーに、以前は <a href="/ja/docs/Tools/Responsive_Design_Mode#Network_throttling">レスポンシブデザインモード</a> のみで使用可能であった <a href="/ja/docs/Tools/Network_Monitor#Throttling">Throttling</a> ドロップダウンメニューを追加しました。さまざまなネットワーク速度の状況をエミュレーションするために、ネットワーク速度を制限できます ({{bug(1349559)}})。</li>
 <li>パフォーマンス上の理由で、ブラウザーコンソールはデフォルトで CSS エラーを非表示にしました ({{bug(1452143)}})。</li>
 <li>ブラウザーコンソールに、ブラウザーを再起動するコマンドが含まれています。<kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>R</kbd> (Windows、Linux) または <kbd>Cmd</kbd> + <kbd>Alt</kbd> + <kbd>R</kbd> (Mac) を押下するとブラウザーを再起動して、再起動前と同じタブを開きます。</li>
 <li>開発ツールの web extension API である <code><a href="/ja/Add-ons/WebExtensions/API/devtools.network/onRequestFinished">devtools.network.onRequestFinished</a></code> ({{bug(1311171)}}) および <code><a href="/ja/Add-ons/WebExtensions/API/devtools.network/getHAR">devtools.network.getHAR</a></code> ({{bug(1311177)}}) を実装しました (<a href="https://addons.mozilla.org/firefox/addon/har-export-trigger/">har-export-trigger</a> のような拡張機能を実現できます)</li>
 <li>Firebug のユーザーが開発ツールへの移行を完了しましたので、Firebug テーマを削除しました ({{bug(1378108)}})。</li>
</ul>

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

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

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

<ul>
 <li>CSS のパース処理を並列化しました ({{bug(1346988)}})。</li>
 <li>{{cssxref("font-variation-settings")}} および {{cssxref("font-optical-sizing")}} のサポートを、デフォルトで有効にしました ({{bug(1447163)}})。</li>
 <li><code>grid-gap</code>、<code>grid-row-gap</code>、<code>grid-column-gap</code> プロパティを {{cssxref("gap")}}、{{cssxref("row-gap")}}、{{cssxref("column-gap")}} に改名しました。これらはグリッド固有のプロパティではなくなりました ({{bug(1398482)}})。詳しくは <a href="/ja/docs/Web/CSS/CSS_Box_Alignment#Gaps_between_boxes">Box alignment; Gaps between boxes</a> をご覧ください。ウェブ互換性のために、古い名称を別名として維持しています。</li>
 <li>{{cssxref("flex-basis")}} の値 <code>content</code> をサポートしました ({{bug(1105111)}})。</li>
 <li>{{cssxref("column-gap")}} のパーセンテージ値を、<a href="/ja/docs/Web/CSS/CSS_Columns">CSS 段組みレイアウト</a> でサポートしました ({{bug(1398537)}})。</li>
 <li>CSS の {{cssxref(":host")}} 疑似クラスをサポートしました。これは、shadow DOM 内のカスタム要素を選択します ({{bug(992245)}})。</li>
 <li>{{cssxref("overflow")}} が 2 値構文を受け入れるようになりました ({{bug(1453148)}})。</li>
 <li>内容物によってサイズが決まる Flex アイテムは、<code>fit-content</code> ではなく <code>max-content</code> を使用してサイズが決まるようになりました ({{bug(1282821)}})。これらの値について、詳しくは <a href="/ja/docs/Web/CSS/width#Values"><code>width</code> の値の定義</a> をご覧ください。</li>
 <li>{{cssxref("font-weight")}}、{{cssxref("font-stretch")}}、{{cssxref("font-style")}} で、<a href="https://drafts.csswg.org/css-fonts-4/">CSS Fonts level 4</a> で定義された追加の値をサポートしました ({{bug(1436048)}}):
  <ul>
   <li>{{cssxref("font-weight")}} は、1 から 1000 の間 (両端の値を含む) の浮動小数点数を受け入れます。</li>
   <li>{{cssxref("font-stretch")}} は、パーセンテージ値を受け入れます。</li>
   <li>{{cssxref("font-style")}} は、<code>oblique</code> キーワードの後の角度の値を受け入れます。</li>
  </ul>
 </li>
 <li>前の項目で言及した 3 つのプロパティに対応する、{{cssxref("@font-face")}} の記述子でも前出の新しい構文をサポートしました。また、font-face がサポートする記述子の値の範囲を指定する 2 値構文もサポートしました ({{bug(1436061)}}、{{bug(1436048)}})。</li>
</ul>

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

<ul>
 <li>HTML の {{HTMLElement("a")}} 要素に一致させるため、SVG の {{SVGElement("a")}} 要素 ({{domxref("SVGAElement")}}) 要素に <code>ping</code>、<code>rel</code>、<code>referrerPolicy</code>、<code>relList</code>、<code>hreflang</code>、<code>type</code>、<code>text</code> プロパティを追加しました ({{bug("1451823")}})。</li>
 <li>{{SVGElement("textPath")}} 要素 ({{domxref("SVGTextPathElement")}}) で SVG2 の <code>path</code> および <code>side</code> 属性をサポートしました ({{bug("1446617")}} および {{bug("1446650")}})。</li>
 <li>{{domxref("SVGGeometryElement")}} インターフェイスで、{{SVGElement("path")}} 要素だけでなく、より多くの要素をサポートしました ({{bug("1325320")}})。</li>
</ul>

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

<ul>
 <li>{{jsxref("String.prototype.trimStart()")}} および {{jsxref("String.prototype.trimEnd()")}} メソッドを実装しました ({{bug(1434007)}})。<code>trimLeft</code> および <code>trimRight</code> は、ウェブ互換性のために別名として残しています。</li>
</ul>

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

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

<ul>
 <li>{{domxref("PerformanceServerTiming")}} API を実装しました。これは {{HTTPHeader("Server-Timing")}} ヘッダーによって送信する、サーバーサイドのメトリックを明らかにします ({{bug(1423495)}})。</li>
</ul>

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

<ul>
 <li>{{domxref("Document.anchors", "anchors")}}、{{domxref("Document.applets", "applets")}}、{{domxref("Document.embeds", "embeds")}}、{{domxref("Document.forms", "forms")}}、{{domxref("Document.head", "head")}}、{{domxref("Document.images", "images")}}、{{domxref("Document.links", "links")}}, {{domxref("Document.plugins", "plugins")}}、{{domxref("Document.scripts", "scripts")}} プロパティを、{{domxref("HTMLDocument")}} インターフェイスから {{domxref("Document")}} インターフェイスに移しました ({{bug(1415588)}})。</li>
 <li>{{domxref("DOMTokenList.replace()")}} の戻り値が void から、置換が成功したかを示すブーリアン値に変わりました ({{bug(1444909)}})。</li>
 <li><a href="/ja/docs/Web/API/Fetch_API">Fetch API</a> の {{domxref("Request.credentials")}} プロパティの既定値が、最新版の仕様書に応じて <code>"same-origin"</code> になりました ({{bug(1394399)}})。</li>
 <li>{{domxref("Request.destination")}} プロパティを実装しました ({{bug(1402892)}})。</li>
 <li>{{domxref("MutationObserver")}} のオプションディクショナリーである {{domxref("MutationObserverInit")}} で、すべての Boolean 型プロパティが既定値として <code>false</code> を持たなくなりました。<code>childList</code> および <code>subtree</code> だけが既定値 (依然として <code>false</code>) を持ちます。ほかのプロパティは既定値がありません ({{bug(973638)}})。</li>
 <li><a href="/ja/docs/Web/API/Payment_Request_API">Payment Request API</a> の {{domxref("PaymentRequest.show()")}} メソッドで、クライアントサイドのコードが支払いインターフェイスを活性化する前に更新された支払いの詳細情報を提供できるようにするため、{{jsxref("Promise")}} の使用をサポートしました ({{bug(1441709)}})。</li>
</ul>

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

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

<h4 id="Service_workers" name="Service_workers">Service workers</h4>

<ul>
 <li>Firefox のカスタマイズで追加できる "忘れる" ボタンで、service workers とそのキャッシュを消去するようになりました ({{bug(1252998)}})。</li>
</ul>

<h4 id="Web_Audio_Media_and_WebRTC" name="Web_Audio_Media_and_WebRTC">Web Audio、メディアと WebRTC</h4>

<ul>
 <li>{{domxref("AudioContext.AudioContext", "AudioContext()")}} コンストラクターが、{{domxref("AudioContextOptions")}} 型の引数 <code>options</code> (省略可能) を受け入れるようになりました。これは、新しいコンテキストで望ましいレイテンシーやサンプルレートを設定できます。</li>
 <li>{{domxref("AudioBuffer")}} のインスタンス化が失敗したときに、正しい例外が発生するようになりました。</li>
</ul>

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

<ul>
 <li>macOS で、<a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> がデフォルトで有効になりました ({{bug(1244242)}})。</li>
</ul>

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

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

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

<ul>
 <li>{{domxref("CSSStyleRule.selectorText")}} プロパティを完全に実装して、読み取り専用ではなくなりました ({{bug(37468)}})。</li>
 <li>{{domxref("MediaList")}} インターフェイスの実装を、仕様書に若干近づけました。まだ完全ではありません。例えば、stringifier 属性は未実装です ({{bug(1455807)}})。</li>
</ul>

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

<ul>
 <li>Cookie の <code><strong>SameSite</strong></code> ディレクティブを実装しました。<a href="/ja/docs/Web/HTTP/Headers/Set-Cookie">Set-Cookie</a> および <a href="/ja/docs/Web/HTTP/Cookies">HTTP cookies</a> をご覧ください ({{bug(795346)}})。</li>
</ul>

<h3 id="Networking" name="Networking">ネットワーク</h3>

<ul>
 <li>Firefox 61 以降では、HTML コンテンツからサブリソースを読み込む際に FTP プロトコル (すなわち、<code>"ftp://"</code> スキームの URL) の使用をサポートしません。URL バーに直接入力したトップレベル URL や、単独のドキュメントとして読み込む際の FTP は引き続きサポートします ({{bug(1404744)}})。</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>

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

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

<h3 id="Developer_tools_2" name="Developer_tools_2">Developer tools</h3>

<p><kbd>Cmd</kbd>/<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>O</kbd> で開発ツールのオプションを開く/閉じることができなくなりました。代わりに <kbd>F1</kbd> を使用します ({{bug(1409456)}})。</p>

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

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

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

<ul>
 <li><code>@-moz-document</code> を、content ページで無効化しました ({{bug(1422245)}})。</li>
</ul>

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

<ul>
 <li>{{domxref("File")}} インターフェイスの {{domxref("File.lastModifiedDate", "lastModifiedDate")}} プロパティを削除しました ({{bug(1458883)}})。</li>
 <li>{{domxref("Node.getUserData()")}} および {{domxref("Node.setUserData()")}} メソッドを、プラットフォームから完全に削除しました ({{bug(749981)}})。</li>
 <li>{{domxref("Element.createShadowRoot()")}} メソッドを削除しました。代わりに {{domxref("Element.attachShadow()")}} を使用してください ({{bug(1453789)}})。</li>
 <li>{{domxref("URL.createObjectURL()")}} メソッドの {{domxref("MediaStream")}} オーバーロードを削除しました ({{bug(1454889)}})。</li>
</ul>

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

<ul>
 <li>非推奨の (そして適切に実装されたことがない) {{domxref("SVGViewElement")}}<code>.viewTarget</code> プロパティを削除しました ({{bug(1455763)}})。</li>
 <li>以下の非推奨プロパティを {{domxref("SVGSVGElement")}} から削除しました ({{bug(1133172)}}):
  <ul>
   <li><code>pixelUnitToMillimeterX</code></li>
   <li><code>pixelUnitToMillimeterY</code></li>
   <li><code>screenPixelToMillimeterX</code></li>
   <li><code>screenPixelToMillimeterY</code></li>
  </ul>
 </li>
 <li>非標準の <code>SVGNumber()</code> コンストラクターを削除しました ({{bug("1455940")}})。</li>
</ul>

<h3 id="Other_2" name="Other_2">その他</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>オートコンプリートのポップアップで、テーマが適用可能になりました ({{bug(1417883)}})。</li>
 <li><code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs/onUpdated">tabs.onUpdated</a></code> がフィルターのテンプレートを持つようになりました ({{bug(1329507)}})。</li>
 <li><code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/browserSettings/overrideDocumentColors">browserSettings.overrideDocumentColors</a></code> を使用して、既定のドキュメントの色をオーバーライドできるようになりました ({{bug(1417810)}})。</li>
 <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs/query">tabs.query</a> が、いくつかの有用な検索/フィルターのオプション引数によって最適化されました ({{bug(1445316)}})。</li>
 <li><code>about:addons</code> 設定ページから <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/permissions/request">permissions.request</a></code> を使用可能になりました ({{bug(1382953)}})。</li>
 <li><code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/browserSettings/useDocumentFonts">browserSettings.useDocumentFonts</a></code> プロパティを使用して、ウェブページで指定されたフォントではなくシステムフォントを強制的に使用させることが可能になりました ({{bug("1400805")}})。</li>
 <li><code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/browserSettings/openUrlbarResultsInNewTabs">browserSettings.openUrlbarResultsInNewTabs</a></code> プロパティを使用して、ブラウザーの検索オートコンプリートで、現在のタブではなく新しいタブを自動的に開くことが可能になりました ({{bug("1432645")}})。</li>
 <li>マニフェストの <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/theme">theme</a> のプロパティである <code>toolbar</code>、<code>toolbar_text</code>、<code>toolbar_field</code>、<code>toolbar_field_text</code>、<code>toolbar_field_border</code> が、検索バーにも適用されるようになりました ({{bug(1418605)}})。</li>
 <li><code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/sidebarAction/getPanel">sidebarAction.getPanel()</a></code>、<code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/sidebarAction/getTitle">sidebarAction.getTitle()</a></code>、<code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/sidebarAction/setPanel">sidebarAction.setPanel()</a></code>、<code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/sidebarAction/setTitle">sidebarAction.setTitle()</a></code>、<code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/sidebarAction/setIcon">sidebarAction.setIcon()</a></code> で、機能を特定のウィンドウに限り設定および取得できるようにするための <code>windowId</code> が指定可能になりました ({{bug(1390464)}})。</li>
 <li><code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs/hide">tabs.hide()</a></code> および <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs/show">tabs.show()</a></code> をデフォルトで有効化しました ({{bug(1455040)}})。
  <ul>
   <li>拡張機能が最初にタブを隠すときに、ブラウザーはタブが隠されたこと、隠されたタブにアクセスする方法、および拡張機能を無効化する設定をユーザーに対して表示します ({{bug(1438363)}})。</li>
  </ul>
 </li>
</ul>

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

<ul>
 <li><a href="https://www.mozilla.org/en-US/firefox/61.0/releasenotes/">Firefox — Notes (61.0)</a></li>
</ul>

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

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