1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
|
---
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 & 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>
|
