10」がリリースされました。10では、「開発者向けの機能の強化」に重点が置かれているようです。ブラウザの高速化には一区切りついたんでしょうね。10のリリース内容についてまとめてみました。10の主なリリース内容は以下となっています。API」を実装Web開発者向け新機能として、該当要素の強調表示やCSSスタイルの確認を行える調査ツールを追加<修正>Macでブックマークを移動中にクラッシュする場合がある問題を修正Macで、Appleから公開された最新のJavaをインストールした後、Javaアプレットが使われているページのタブを閉じたときにクラッシュする場合がある問題を修正いくつかの安定性に関わる問題の修正いくつかのセキュリティ問題の修正リリース内容の詳細は以下でご確認ください。(modest)今回のリリースは上記の通りけっこう盛りだくさんな内容となっています。HTML5関連の機能がかなり追加されているので、これを機会に覚えてみるのもよいと思います。10で私が注目したいのは、開発者向けの機能としてリリースされた「調査ツール」です。Firefoxといえば、開発者に支持されているブラウザでもありますから、こういった機能の充実は開発者たちの他のブラウザへの流出を防ぐのに一役買ってくれるのではないでしょうか。この「調査ツール」について見ていこうと思います。」を選択すると起動します。I」(Mac)でも起動可能です。調査ツールには「ページインスペクタ」と「スタイルパネル」という2つの機能が備わっています。ページインスペクタ「調査ツール」を起動すると、最初に表示されるのが「ページインスペクタ」となります。ページインスペクタでは、それぞれの要素を細かく選択できるようになっており、選択した要素の「要素名や属性名」を表示し、さらにその「要素のDOM階層構造」をパンくずリストの形で表示してくれます。ページインスペクタ画面CSSやJavaScriptでコードを書く時は、要素名や属性名や階層構造などを把握しておく必要がありますが、この機能によりHTMLソースをわざわざ見なくても済むようになると思います。意味ではすごく便利だと思います。Networkスタイルパネルページインスペクタの右下の「スタイル」ボタンを押すと、「スタイルパネル」に切り替わります。スタイルパネルの起動スタイルパネルでは、調査を行っているページのCSSを調べたり操作したりすることができます。選択した要素の適用しているルールを表示し、適用/非適用を試せる「ルールビュー」と、選択された要素に適用されているすべてのプロパティやその値を、どのスタイルシートやルールがその値を設定したかと共に表示したり、プロパティーの詳細情報を確認できる「プロパティビュー」の2つの機能があります。4から搭載されている「Webコンソール」機能と併用することもできるということで、WebサイトやWebアプリを作る上でかなり役に立つツールとなりそうです。スクラッチパッドスクラッチパッド最後に「調査ツール」と同様に使える機能として、開発者向けの便利なツール「スクラッチパッド」についても紹介しておきます。6から搭載されているJavaScriptのコードの実験に便利な機能となっています。今回のリリースでOrionコードエディタを統合し、行番号表示や構文の強調表示に対応し使いやすくなりました。」を選択すると起動します。スクラッチパッドの起動スクラッチパッドを使うと、現在表示しているWebページをJavaScriptで好き勝手にいじることができます。このブログのトップページを表示させ、以下のようにスクラッチパッドにコードを入力し、右クリックで「実行」してみます。スクラッチパッドの実行するとJavaScriptが実行され、画面は以下のように変化します。最初のsection要素の背景が緑色になり、文字のサイズが大きくなっています。画面を確認しながらJavaScriptが試せる大変便利なツールだと思います。10はすごく開発に便利なツールを搭載してきました。「調査ツール」と「スクラッチパッド」はぜひセットで使っていきたいツールですね。Blogに以下のような動画が紹介されていました。こちらも大変参考になります。15までのリリーススケジュールは以下のように発表されています。今年も高速リリースは続くようです。11のβ版もリリースされているようです。11でも引き続き開発者向けに多くの機能がリリースされるみたいですね。開発者ツールはさらに充実することになり、「WebGLを利用してページのDOMツリーを3Dで視覚的に表示する機能」や「スタイルエディタという、WebページのCSSをまとめて確認・編集するためのスタイル編集ツール」が追加されるということで、ほんとFirefoxから目が離せないです。maechabinホーム目次トップ。