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

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

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

<ul>
 <li>デバッガが、DOM イベントでブレーク可能になりました。</li>
 <li>デバッガパネル内で、{ } ボタンを使用して JavaScript を整形できます。</li>
 <li>インスペクタに、アドオンを必要とせずに要素の HTML を編集する機能を搭載しました。</li>
 <li>インスペクタで、色や背景画像の URL をプレビュー表示します。canvas 要素にマウスポインタを載せた場合も、画像のプレビューを表示します。</li>
 <li>リフローのログを取得します。</li>
 <li>SVG 要素のスタイルが調査可能になりました。({{bug("921191")}})</li>
 <li>CSS インスペクタで、url リンクをクリックしたときに画像を見つけられない現象を修正しました ({{Bug(921686)}})。</li>
</ul>

<p>詳しくは<a href="https://hacks.mozilla.org/2013/11/firefox-developer-tools-episode-27-edit-as-html-codemirror-more/">こちらの記事</a>をご覧ください。</p>

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

<ul>
 <li>CSS {{cssxref("cursor")}} プロパティのキーワード <code>-moz-grab</code> および <code>-moz-grabbing</code> の接頭辞を外して <code>grab</code> および <code>grabbing</code> にしました ({{bug("880672")}})。</li>
 <li><code>-moz-hsla()</code> および <code>-moz-rgba()</code> 表記のサポートを取りやめました。現在は接頭辞のない <code>hsla()</code> および <code>rgba()</code> のみサポートします ({{bug("893319")}})。</li>
 <li>{{cssxref("text-align")}} で、値 "<code>true</code>" を実装しました ({{bug(929991)}})。</li>
 <li>release 以外のビルドで、<code>position:sticky</code> の実験的な実装をデフォルトで有効にしました ({{bug("902992")}})。releases ビルドでは、設定項目 <code>layout.css.sticky.enabled</code> で <code>true</code> への変更が必要です。</li>
 <li>ショートハンドプロパティ {{cssxref("all")}} をサポートしました ({{bug(920633)}})。</li>
 <li>グローバル値 {{cssxref("unset")}} をサポートしました。どの CSS プロパティでもリセットできます ({{bug(921731)}})。</li>
 <li>HTML の <code>style</code> 属性で、今後は中括弧が認められません。<code>&lt;div style="{ display: none }"&gt;</code> とした場合は Quirks モードで動作していましたが、今後は動作しません {{bug(915053)}}。</li>
 <li>{{HTMLElement("fieldset")}} で {{cssxref("overflow")}} プロパティが動作するようになりました ({{bug(261037)}})。</li>
</ul>

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

<ul>
 <li>デスクトッププラットフォームにおいて、{{HTMLElement("input")}} の {{htmlattrxref("type", "input")}} 属性で値 "color" を実装しました。これは、モバイルプラットフォームですでに利用できていました。</li>
 <li>{{HTMLElement("iframe")}} 要素の {{htmlattrxref("sandbox", "iframe")}} 属性で、<code>allow-popups</code> ディレクティブをサポートしました ({{bug(766282)}})。</li>
 <li>{{cssxref("mix-blend-mode")}} プロパティを使用した HTML 要素のブレンドを実装しました。設定項目 <code>layout.css.mix-blend-mode.enabled</code> を <code>true</code> に設定しなければなりません ({{bug(902525)}})。</li>
</ul>

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

<p><a href="/ja/docs/Web/JavaScript/ECMAScript_6_support_in_Mozilla" title="Web/JavaScript/ECMAScript_6_support_in_Mozilla">EcmaScript 6</a> (Harmony) の実装が続いています!</p>

<ul>
 <li>Harmony の <a href="http://wiki.ecmascript.org/doku.php?id=harmony:spread">spread operator</a> を、関数呼び出しでサポートしました ({{bug("762363")}})。</li>
 <li>数学関数 {{jsxref("Global_Objects/Math/hypot", "Math.hypot()")}} を実装しました ({{bug("896264")}})。</li>
 <li><code>yield*</code> 演算子を実装しました ({{bug(666396)}})。</li>
 <li><code>MapIterator</code>、<code>SetIterator</code>、<code>ArrayIterator</code> の各オブジェクトが、仕様書に一致するようになりました ({{bug("881226")}})。</li>
 <li><a href="/ja/docs/Web/JavaScript/Reference/Statements/for...of">for..of</a> ループが <code>StopIteration</code> を使用する SpiderMonkey の古い iterator protocol をやめて、ES6 の標準 <a href="/ja/docs/Web/JavaScript/Guide/The_Iterator_protocol">iterator protocol</a> に準拠するようになりました。</li>
 <li>{{jsxref("String.match")}} および {{jsxref("String.replace")}} は、{{jsxref("RegExp.lastIndex")}} をリセットするようになりました ({{bug(501739)}})。</li>
</ul>

<h3 id="Interfaces.2FAPIs.2FDOM" name="Interfaces.2FAPIs.2FDOM">インターフェイス/API/DOM</h3>

<ul>
 <li>{{domxref("HTMLInputElement")}} インターフェイスで、2 つの <code>setRange()</code> メソッドをサポートしました ({{bug(850364)}})。</li>
 <li>{{domxref("HTMLTextAreaElement")}} インターフェイスで、2 つの <code>setRange()</code> メソッドをサポートしました ({{bug(918940)}})。</li>
 <li>{{domxref("IDBObjectStore")}} に <code>getAllKeys()</code> メソッドと <code>openKeyCursor()</code> メソッドを追加しました ({{bug(920633)}} および {{bug(920800)}})。</li>
 <li>{{domxref("HTMLFormControlsCollection")}} インターフェイスを実装しました ({{bug(913920)}})。</li>
 <li>{{domxref("CanvasRenderingContext2D")}} インターフェイスで、<code>getLineDash()</code> メソッドおよび <code>setLineDash()</code> メソッドをサポートしました ({{bug(768067)}})。</li>
 <li>{{domxref("HTMLObjectElement")}} インターフェイスに <code>typeMustMatch</code> 属性を実装しました ({{bug(827160)}})。</li>
 <li>{{domxref("AudioBuffer")}} に <code>copyFromChannel()</code> メソッドおよび <code>copyToChannel()</code> メソッドを追加しました ({{bug(915524)}})。</li>
 <li><code>Event.isTrusted()</code> の偽造が不可能になりました ({{bug(637248)}})。</li>
 <li>{{domxref("Navigator.vibrate()")}} メソッドが最終仕様に適合しました。リストが長すぎる、または項目が大きすぎる場合は例外発生ではなく <code>false</code> を返すようになりました ({{bug(884935)}})。</li>
 <li>グローバルオブジェクトを標準化する取り組みの一環として <code>StyleRuleChangeEvent</code>、<code>StyleSheetApplicableStateChangeEvent</code>、<code>StyleSheetChangeEvent</code> といった非標準のスタイルシート変更イベントのインターフェイスを、Web content で使用不可にしました。また、{{domxref("CSSRuleList")}} の詳細実装である <code>CSSGroupRuleRuleList</code> インターフェイスを削除しました ({{Bug("872934")}} および {{bug(916871)}})。</li>
 <li><code>atob</code> はホワイトスペースを無視するようになりました ({{bug(711180)}})。</li>
 <li><a href="/ja/docs/Web/WebGL">WebGL</a>: <code>MOZ_</code> 接頭辞付きの拡張機能は非推奨になりました。これらは将来削除する予定です。接頭辞のない拡張機能のみを使用してください。草案段階の拡張機能を使用するには、<code>webgl.enable-draft-extensions</code> を設定してください ({{bug(924176)}})。</li>
</ul>

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

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

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

<ul>
 <li>{{cssxref("mix-blend-mode")}} プロパティを使用した SVG 要素のブレンドを実装しました。設定項目 <code>layout.css.mix-blend-mode.enabled</code> を <code>true</code> に設定しなければなりません ({{bug(902525)}})。</li>
</ul>

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

<p>canvasRenderingContext2D.get/setLineDash を実装しました。({{bug("768067")}})</p>

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

<ul>
 <li><code>downloads-indicator</code> ボタンを削除しました。今後は <code>downloads-button</code> 要素を使用してください。オーバーレイにそれが読み込まれていることの確認が必要である場合は、ボタンの <code>indicator</code> 属性を確認してください。</li>
 <li><code>chrome://browser/skin/downloads/indicator.css</code> スタイルシートは Firefox から参照されません。</li>
</ul>

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

<ul>
 <li>セキュリティ向上のため、TLS 1.2 を実装しました。({{bug("861266")}})</li>
</ul>

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

<ul>
 <li><a href="http://www.mozilla.jp/firefox/27.0/releasenotes/">Firefox 27 リリースノート</a></li>
 <li><a href="https://www.fxsitecompat.com/ja/versions/27/">Firefox 27 サイト互換性情報</a></li>
 <li><a href="https://dev.mozilla.jp/2014/01/firefox-27-addon-compatibility/">Firefox 27 アドオン互換性情報</a></li>
 <li>Firefox 27 での <a href="/ja/docs/Mozilla/QA/Marionette">Marionette</a> の<a href="https://bugzilla.mozilla.org/buglist.cgi?resolution=FIXED&amp;component=Marionette&amp;product=Testing&amp;target_milestone=mozilla27">変更点一覧</a></li>
</ul>

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

<p>{{Firefox_for_developers('26')}}</p>