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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
|
---
title: Firefox 41 for developers
slug: Mozilla/Firefox/Releases/41
tags:
- Firefox
- Releases
translation_of: Mozilla/Firefox/Releases/41
---
<p>Firefox 41 は、米国時間 2015 年 9 月 22 日にリリースされました。このページでは、開発者に影響する Firefox 41 の変更点をまとめています。</p>
<h2 id="Changes_for_Web_developers" name="Changes_for_Web_developers">Web 開発者向けの変更点一覧</h2>
<h3 id="Developer_Tools" name="Developer_Tools">開発者ツール</h3>
<p>ハイライト:</p>
<ul>
<li><a href="/ja/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML#Element_popup_menu">DOM ノードのスクリーンショットを撮影する</a></li>
<li><a href="/ja/docs/Tools/Network_Monitor#CopySave_All_As_HAR">HAR としてコピー/HAR として保存</a></li>
<li><a href="/ja/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Add_rules">ルールビューの "Add Rule" ボタン</a></li>
<li><a href="/ja/docs/Tools/View_source">タブでソースを表示</a> (デフォルトは無効)</li>
<li><a href="/ja/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Copy_rules">CSS ルールのコピー方法を追加</a></li>
<li><a href="/ja/docs/Tools/Page_Inspector/How_to/View_background_images">ルールビューで画像を data: URI としてコピー</a></li>
<li><a href="/ja/docs/Tools/GCLI/Display_security_information">CSP の情報を表示するコマンドを GCLI に追加</a></li>
</ul>
<p><a class="external external-icon" href="https://bugzilla.mozilla.org/buglist.cgi?resolution=FIXED&classification=Client%20Software&chfieldto=2015-06-29&query_format=advanced&chfield=resolution&chfieldfrom=2015-05-11&chfieldvalue=FIXED&bug_status=RESOLVED&bug_status=VERIFIED&component=Developer%20Tools&component=Developer%20Tools%3A%203D%20View&component=Developer%20Tools%3A%20Canvas%20Debugger&component=Developer%20Tools%3A%20Console&component=Developer%20Tools%3A%20Debugger&component=Developer%20Tools%3A%20Framework&component=Developer%20Tools%3A%20Graphic%20Commandline%20and%20Toolbar&component=Developer%20Tools%3A%20Inspector&component=Developer%20Tools%3A%20Memory&component=Developer%20Tools%3A%20Netmonitor&component=Developer%20Tools%3A%20Object%20Inspector&component=Developer%20Tools%3A%20Performance%20Tools%20%28Profiler%2FTimeline%29&component=Developer%20Tools%3A%20Responsive%20Mode&component=Developer%20Tools%3A%20Scratchpad&component=Developer%20Tools%3A%20Source%20Editor&component=Developer%20Tools%3A%20Storage%20Inspector&component=Developer%20Tools%3A%20Style%20Editor&component=Developer%20Tools%3A%20User%20Stories&component=Developer%20Tools%3A%20Web%20Audio%20Editor&component=Developer%20Tools%3A%20WebGL%20Shader%20Editor&component=Developer%20Tools%3A%20WebIDE&product=Firefox&list_id=12283503">Firefox 40 から Firefox 41 の間に解決した開発ツール関連のバグ一覧</a>: これらのバグの多く (特にパフォーマンスツールに関するバグ) の修正は Firefox 40 に前倒しされました。</p>
<h3 id="CSS" name="CSS">CSS</h3>
<ul>
<li>縦書き文章のレイアウト機能を、デフォルトで有効にしました ({{bug(1138384)}})。以下の CSS プロパティが使用可能になりました:
<ul>
<li>書字方向を選択する: {{cssxref("writing-mode")}}</li>
<li>文字の向きを制御する: {{cssxref("text-orientation")}}.</li>
<li>方向に依存しない {{cssxref("width")}} および {{cssxref("height")}}: {{cssxref("block-size")}} および {{cssxref("inline-size")}}</li>
<li>方向に依存しない {{cssxref("min-width")}} および {{cssxref("min-height")}}: {{cssxref("min-block-size")}} および {{cssxref("min-inline-size")}}</li>
<li>方向に依存しない {{cssxref("max-width")}} および {{cssxref("max-height")}}: {{cssxref("max-block-size")}} および {{cssxref("max-block-size")}}</li>
<li>方向に依存しない {{cssxref("margin-top")}}、{{cssxref("margin-right")}}、{{cssxref("margin-bottom")}}、{{cssxref("margin-left")}}: {{cssxref("margin-block-start")}}、{{cssxref("margin-block-end")}}、{{cssxref("margin-inline-start")}}、{{cssxref("margin-inline-end")}}</li>
<li>方向に依存しない {{cssxref("padding-top")}}、{{cssxref("padding-right")}}、{{cssxref("padding-bottom")}}、{{cssxref("padding-left")}}: {{cssxref("padding-block-start")}}、{{cssxref("padding-block-end")}}、{{cssxref("padding-inline-start")}}、{{cssxref("padding-inline-end")}}</li>
<li>方向に依存しない {{cssxref("border-top")}}、{{cssxref("border-right")}}、{{cssxref("border-bottom")}}、{{cssxref("border-left")}} および幅、スタイル、色を個別に指定するプロパティ: {{cssxref("border-block-start")}}、{{cssxref("border-block-start-width")}}、{{cssxref("border-block-start-style")}}、{{cssxref("border-block-start-color")}}、{{cssxref("border-block-end")}}、{{cssxref("border-block-end-width")}}、{{cssxref("border-block-end-style")}}、{{cssxref("border-block-end-color")}}、{{cssxref("border-inline-start")}}、{{cssxref("border-inline-start-width")}}、{{cssxref("border-inline-start-style")}}、{{cssxref("border-inline-start-color")}}、{{cssxref("border-inline-end")}}、{{cssxref("border-inline-end-width")}}、{{cssxref("border-inline-end-style")}}、{{cssxref("border-inline-end-color")}}</li>
<li>方向に依存しない {{cssxref("top")}}、{{cssxref("right")}}、{{cssxref("bottom")}}、{{cssxref("left")}}: {{cssxref("offset-block-start")}}、{{cssxref("offset-block-end")}}、{{cssxref("offset-inline-start")}}、{{cssxref("offset-inline-end")}}</li>
</ul>
</li>
<li>SVG で {{cssxref("transform-origin")}} プロパティをサポートしました。また、{{cssxref("transform-box")}} プロパティを実装しました ({{bug(923193)}})。</li>
</ul>
<h3 id="HTML" name="HTML">HTML</h3>
<ul>
<li><code>href</code> 属性を持たない {{HTMLElement("a")}} は、インタラクティブコンテンツとして分類しないようになりました。{{HTMLElement("label")}} 要素内でクリックすると、ラベル付けされたコンテンツがアクティブになります ({{bug(1167816)}})。</li>
<li>サイトアイコン (favicon およびショートカットアイコン) で、SVG アイコンをサポートしました ({{bug(366324)}})。</li>
<li><a href="/ja/docs/Web/HTML/Element/link"><link rel='preconnect'></a> で、{{htmlattrxref('crossorigin', 'link')}} 属性をサポートしました ({{bug(1174152)}})。</li>
<li>picture 要素がリサイズやビューポートの変化に反応しない問題を修正しました ({{bug(1135812)}})。</li>
</ul>
<h3 id="JavaScript" name="JavaScript">JavaScript</h3>
<ul>
<li>{{jsxref("Date.prototype")}} は {{jsxref("Date")}} のインスタンスではなく、通常のオブジェクトになりました ({{bug(861219)}})。</li>
<li>{{jsxref("Date.prototype.toString")}} は、ジェネリックなメソッドになりました ({{bug(861219)}}).</li>
<li>{{jsxref("Symbol.species")}} を追加しました ({{bug(1131043)}})。</li>
<li>{{jsxref("Map.@@species", "Map[@@species]")}} および {{jsxref("Set.@@species", "Set[@@species]")}} ゲッタを追加しました ({{bug(1131043)}})。</li>
<li>非標準の {{jsxref("Statements/let", "let 式", "#let_expressions", 1)}}を廃止しました ({{bug(1023609)}})。</li>
<li>{{jsxref("Functions/Default_parameters", "既定値の代入を含む、分割されたパラメータ", "#Destructured_parameter_with_default_value_assignment", 1)}}をサポートしました ({{bug(1018628)}})。</li>
<li>ES6 に従い、<a href="/ja/docs/Web/JavaScript/Reference/Functions/Method_definitions">メソッドの定義</a>で波括弧が必要になりました。波括弧を欠いた構文はエラーになります ({{bug(1150855)}})。</li>
<li>コンストラクタ形式の<a href="/ja/docs/Web/JavaScript/Reference/Functions/Method_definitions">メソッド定義</a> (ジェネレータメソッドを除く) は不可になりました ({{bug(1059908)}} および {{bug(1166950)}})。</li>
<li>ES6 使用への準拠の一環として <code>([a, b]) = [1, 2]</code> や <code>({a, b}) = { a: 1, b: 2 }</code> といった、括弧でくくるパターンの <a href="/ja/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">destructuring</a> 構文は無効と判断され、{{jsxref("SyntaxError")}} が発生するようになりました。詳しくは <a href="http://whereswalden.com/2015/06/20/new-changes-to-make-spidermonkeys-and-firefoxs-parsing-of-destructuring-patterns-more-spec-compliant/">Jeff Walden のブログ記事</a> をご覧ください。</li>
<li><code><a href="/ja/docs/Web/JavaScript/Reference/Operators/new.target">new.target</a></code> 構文をサポートしました ({{bug(1141865)}})。</li>
</ul>
<h3 id="InterfacesAPIsDOM" name="InterfacesAPIsDOM">インターフェイス/API/DOM</h3>
<h4 id="HTML_Editing_API" name="HTML_Editing_API">HTML Editing API</h4>
<ul>
<li>切り取り、コピー、貼り付けのコマンド制御を改良して、JS プログラムから Web コンテンツのコピーや切り取りが可能になりました:
<ul>
<li>{{domxref("Document.queryCommandSupported()")}} に引数として <code>'paste'</code> コマンドを与えると、実際に操作を行うための十分な権限がない場合に <code>false</code> を返します ({{bug(1161721)}})。</li>
<li>{{domxref("Document.queryCommandSupported()")}} に引数として <code>'cut'</code> または <code>'copy'</code> を与えると、ユーザが起動したコードや権限を持つコードのコンテキスト内で呼び出された場合に <code>true</code> を返すようになりました ({{bug(1162952)}})。</li>
<li>引数として <code>'cut'</code> または <code>'copy'</code> を与えた {{domxref("Document.execCommand()")}} は動作しますが、ユーザが起動したコードや権限を持つコードのコンテキスト内で呼び出された場合に限ります ({{bug(1012662)}})。</li>
<li>{{domxref("Document.execCommand()")}} でコマンドが未サポートまたは無効である場合に、例外が発生しないようになりました ({{bug(1027560)}})。</li>
</ul>
</li>
</ul>
<h4 id="Events" name="Events">イベント</h4>
<ul>
<li>非標準の {{domxref("CloseEvent.initCloseEvent()")}} メソッド、および {{domxref("Event.createEvent", "Event.createEvent('CloseEvent')")}} メソッドを使用して {{domxref("CloseEvent")}} を生成する機能を削除しました。代わりに、標準のコンストラクタである {{domxref("CloseEvent.CloseEvent", "CloseEvent()")}} を使用してください ({{bug(1161950)}})。</li>
<li>デスクトップ版の Nightly で、{{domxref("PointerEvent")}} がデフォルトで有効になりました。Developer Edition、Beta、Release では無効であり、少なくともいくつかのバージョンの間は有効化しない予定です。({{bug(1166347)}})</li>
<li>接頭辞なしの {{domxref("MouseEvent.movementX")}} および {{domxref("MouseEvent.movementY")}}}} を追加しました。接頭辞つきのプロパティは非推奨になり、将来のある時点で削除する予定です ({{bug(1164981)}})。</li>
</ul>
<h4 id="Web_Crypto" name="Web_Crypto">Web Crypto</h4>
<ul>
<li>{{domxref("SubtleCrypto.importKey()")}} および {{domxref("SubtleCrypto.exportKey()")}} で <code>ECDH</code> 鍵をサポートしました ({{bug(1050175)}})。</li>
</ul>
<h4 id="Canvas_API" name="Canvas_API">Canvas API</h4>
<ul>
<li>{{domxref("HTMLCanvasElement.captureStream()")}} および {{domxref("CanvasCaptureMediaStream")}} を追加して、{{HTMLElement("canvas")}} の表示内容をリアルタイムに流すことが可能になりました ({{bug(1032848)}})。</li>
<li>{{domxref("MediaStream.id")}} が、ストリームのユニークな ID を返すようになりました ({{bug(1089798)}})。</li>
<li>{{domxref("CanvasRenderingContext2D.filter")}} の初期値が、正しく <code>none</code> が設定されるようになりました ({{bug(1163124)}})。</li>
</ul>
<h4 id="Service_Workers" name="Service_Workers">Service Worker</h4>
<ul>
<li><a href="/ja/docs/Web/API/ServiceWorker_API">Service Worker</a> の実験的な実装を改良しました:
<ul>
<li>{{domxref("ServiceWorkerGlobalScope.skipWaiting()")}} を実装しました ({{bug(1131352)}})。</li>
<li>{{domxref("Clients.claim()")}} を追加しました ({{bug(1130684)}})。</li>
<li>Service Worker で機能する上記以外のイベントは {{domxref("ExtendableEvent")}} から継承しており、{{domxref("ExtendableEvent.waitUntil","waitUntil()")}} メソッドにアクセスできます ({{bug("1160527")}})。</li>
</ul>
</li>
<li>{{domxref("CacheStorage")}} および {{domxref("Cache")}} インターフェイスをサポートしました ({{bug("1110144")}})。</li>
</ul>
<h4 id="WebGL" name="WebGL">WebGL</h4>
<ul>
<li>WebGL コンテキスト属性 <code>failIfMajorPerformanceCaveat</code> を追加しました。また、システムのパフォーマンスが低い場合にコンテキスト生成を失敗させることを示すために、{{domxref("HTMLCanvasElement.getContext()")}} で WebGL コンテキストを生成する際にこの属性を設定できるようになりました ({{bug(1164970)}})。</li>
</ul>
<h4 id="Miscellaneous" name="Miscellaneous">その他</h4>
<ul>
<li>OS X および Windows で、{{domxref("NavigatorOnLine.onLine", "Navigator.onLine")}} はネットワーク接続の状態に応じて変化するようになりました (以前は "オフライン作業" モードを選択しなければ常に <code>true</code> を返していました) ({{bug(654579)}})。</li>
<li>{{domxref("MessagePort")}} および {{domxref("MessageChannel")}} が <a href="/ja/docs/Web/API/Web_Workers_API">Web workers</a> で使用可能になりました。また、デフォルトですべての状況で有効になりました ({{bug(952139)}} および {{bug(911972)}})。</li>
<li>User Timing API が <a href="/ja/docs/Web/API/Web_Workers_API">Web workers</a> で使用可能になりました ({{bug(1155761)}})。</li>
<li><a href="/ja/docs/Web/API/Notifications_API">Notifications API</a> が <a href="/ja/docs/Web/API/Web_Workers_API">Web workers</a> で使用可能になりました ({{bug(916893)}})。</li>
<li>{{domxref("DOMRequest")}} および {{domxref("DOMCursor")}} が <a href="/ja/docs/Web/API/Web_Workers_API">Web workers</a> で使用可能になりました ({{bug(1167650)}})。</li>
<li><a href="/ja/docs/Web/API/CSSFontLoading_API">CSS Font Loading API</a> を全面的に実装して、デフォルトで有効にしました ({{bug(1149381)}})。</li>
<li>Shared workers が、プライベートドキュメント (すなわち、プライベートウィンドウで開いているドキュメント) と非プライベートドキュメントとの間で共有されないようになりました ({{bug(1177621)}})。</li>
<li>{{domxref("URLUtilsSearchParams.searchParams")}} プロパティが読み取り専用になりました ({{bug(1174731)}})。</li>
<li>{{domxref('URLUtils.hash')}} プロパティが、URL フラグメントをデコードしないようになりました ({{bug(1093611)}})。</li>
</ul>
<h3 id="MathML" name="MathML">MathML</h3>
<h4 id="New_default_and_fallback_font_handling" name="New_default_and_fallback_font_handling">新たな既定フォントとフォールバックフォントの制御</h4>
<p>数式では特別なフォントが必要です。これまで、そのフォントは <code>mathml.css</code> ユーザエージェントスタイルシート ({{MathMLElement("math")}} タグに font-family を設定) および設定項目 <code>font.mathfont-family</code> (伸縮する大型演算子で使用するフォールバックフォントを設定) でハードコードされていました。Firefox 41 より <code><math></code> タグへ自動的に設定される <code>x-math</code> 内部言語と、それに対応する設定項目 (例えば <code>font.name.serif.x-math</code>) を導入しました。ユーザエージェントスタイルシートでは <code><math></code> タグの font-family を serif に設定して、設定項目 <code>font.mathfont-family</code> を <code>font.name.serif.x-math</code> で置き換えました。また、すべてのプラットフォームで、フォールバックフォントは基本的に "Latin Modern Math" が先頭にある同一のリストを使用するようになりました。既定フォント/フォールバックフォントは、標準の言語別フォント設定メニューで設定できます。詳しくは {{bug(947654)}} および {{bug(1160456)}} をご覧ください。</p>
<h3 id="SVG" name="SVG">SVG</h3>
<ul>
<li>サイトアイコン (favicon、ショートカットアイコン) で SVG をサポートしました ({{bug(366324)}})。</li>
</ul>
<h3 id="AudioVideo" name="AudioVideo">Audio/Video</h3>
<ul>
<li>設定項目 <code>media.autoplay.enabled</code> が、信頼されていない {{domxref("HTMLMediaElement.play()")}} の起動 (ユーザ以外が作動したスクリプトから呼び出される場合) に対しても適用されるようになりました ({{bug(659285)}})。</li>
</ul>
<h2 id="Networking" name="Networking">ネットワーク</h2>
<ul>
<li><code>X-Content-Duration</code> ヘッダのサポートを廃止しました ({{Bug(1160695)}})。</li>
<li>HTTP/2 プロトコルの草案版のサポートを廃止しました ({{bug(1132357)}})。</li>
</ul>
<h2 id="Security" name="Security">セキュリティ</h2>
<ul>
<li><a href="/ja/docs/Web/Security/CSP">CSP</a> 1.1 の <code>manifest-src</code> <a href="/ja/docs/Web/Security/CSP/CSP_policy_directives">ディレクティブ</a>をサポートしました ({{bug(1089255)}})。</li>
</ul>
<h2 id="Changes_for_add-on_and_Mozilla_developers" name="Changes_for_add-on_and_Mozilla_developers">アドオン開発者と Mozilla 開発者向けの変更点</h2>
<h3 id="XUL" name="XUL">XUL</h3>
<p><em>変更なし。</em></p>
<h3 id="JavaScript_code_modules" name="JavaScript_code_modules">JavaScript コードモジュール</h3>
<p><em>変更なし。</em></p>
<h3 id="XPCOM" name="XPCOM">XPCOM</h3>
<p><em>変更なし。</em></p>
<h3 id="Interfaces" name="Interfaces">インターフェイス</h3>
<p><em>変更なし。</em></p>
<h3 id="Other" name="Other">その他</h3>
<ul>
<li>window のルートウィジェットを {{HTMLElement("canvas")}} に描画するための、新たな chrome コンテキスト限定の内部 API である {{domxref("CanvasRenderingContext2D.drawWidgetAsOnScreen()")}} を追加しました。この API は、オンスクリーンのウィジェットを取得するために OS を使用します。詳しくは {{bug(1167477)}} をご覧ください。</li>
</ul>
<h2 id="See_also" name="See_also">関連情報</h2>
<ul>
<li><a href="http://www.mozilla.jp/firefox/41.0/releasenotes/">Firefox 41.0 リリースノート</a></li>
<li><a href="/ja/docs/Mozilla/Firefox/Releases/41/Site_Compatibility">Firefox 41 サイト互換性情報</a></li>
<li><a href="https://dev.mozilla.jp/2015/08/firefox-41-addon-compatibility/">Firefox 41 アドオン互換性情報</a></li>
</ul>
<h2 id="Older_versions" name="Older_versions">過去のバージョン</h2>
<p>{{Firefox_for_developers('40')}}</p>
|