<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>CIOを目指しつつの8makiのアレ &#187; browser</title>
	<atom:link href="http://blog.8maki.jp/tag/browser/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.8maki.jp</link>
	<description>俺と周りの変態リタラシーを埋める</description>
	<lastBuildDate>Sun, 05 Sep 2010 14:56:22 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/tag/browser/feed" />
		<item>
		<title>最新ブラウザに見る昨今のJavascript事情</title>
		<link>http://blog.8maki.jp/2009/02/newbrowser_and_javascript.html</link>
		<comments>http://blog.8maki.jp/2009/02/newbrowser_and_javascript.html#comments</comments>
		<pubDate>Tue, 17 Feb 2009 03:38:20 +0000</pubDate>
		<dc:creator>8maki</dc:creator>
				<category><![CDATA[survey]]></category>
		<category><![CDATA[テクノロジー]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[googleTechTalk]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://blog.8maki.jp/?p=307</guid>
		<description><![CDATA[
			
				
			
		
先日、会社で勉強会を行いました。  私がモデレーターを仰せつかったので、最近ひたすら実装に使っているJavascriptについて調査。
下記の動画を元に、各ブラウザの新バージョンの比較と、昨今のJavascrip事情についてシェアしました。

前半では、各ブラウザの新バージョンについて比較しています。簡単に表にまとめてみます。↓



 
リリース
新機能


Firefox 3.1
2009年春


パフォーマンスの向上
ビデオ/オーディオタグの追加
プライベートモードの追加




Safari 4
OS X 10.6 に合わせて


パフォーマンスの向上
デスクトップアプリケーションとしての機能向上
ACID3にパス
Revampled dev tools の追加




Internet Explorer 8
2009年初旬


バックグラウンドでの処理
Web Clips機能の追加
タブごとにプロセスが動作




Opera 10
2009年予定


ACID3にパス
ビデオ/オーディオタグの追加




Google Chrome
2008年11月に1.0リリース


プライベートモード（シークレットモード）
タブごとにプロセスが動作





注目すべきは、IE8 もタブごとのプロセス動作になる、ということでしょうか。  加えてFF3.1 とOpeara10で、ビデオ/オーディオタグがサポートされます。そうするとFlashで動画を見る必要もなくなるかもしれませんね。
Firefox 3.1では、オープンソースのオーディオコーデック「Ogg Vorbis」およびビデオコーデック「Ogg Theora」に対するネイティブサポートが追加される見通しだ。また、新版ではこのほかに「HTML5」がサポートされるもようで、これによりFirefox 3.1では音声および動画のhtmlタグが機能するようになる。
» 「Firefox 3.1」ベータ版リリースは8月19日を目標に&#8211;「HTML5」をサポート:ニュース &#8211; CNET Japan
 注目の速さに関しては、以下のようなグラフで説明されていました。ちなみに3種類のツールで出した結果のひとつです。（見にくいですが、Chrome b1 &#62; Safari 4.0 &#62; Firefox 3.1 &#62; Firefox 3.0.1 &#62; Safari 3.1.2 &#62; Opeara 9.5.2 &#62; IE 8b2 &#62; IE 7 となっています）

また、動画の後半では、新しく導入されるJavascriptの新機能（新関数）の紹介がされています。



 
特徴
対応ブラウザ


postMessage
別のiframeに対してメッセージを送れる。
全ブラウザ


Cross-Domain XHR
クロスドメインでも扱えるXMLHttpRequest
FF3.1/IE8


Class Name
getElementByClassNameによるエレメントの取得
Safari3.1/FF3.0/Opera9.6


Selector API
document.querySelectorAll(&#8221;div p&#8221;)のようにエレメント取得を簡易化
IE8/Safari4/FF3/Opera10


Traversal [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F02%2Fnewbrowser_and_javascript.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.8maki.jp%2F2009%2F02%2Fnewbrowser_and_javascript.html&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>先日、会社で勉強会を行いました。  私がモデレーターを仰せつかったので、最近ひたすら実装に使っているJavascriptについて調査。</p>
<p><a href="http://www.youtube.com/watch?v=bsad6dr8Kzo&amp;eurl=http://blog.8maki.jp/" target="_blank">下記の動画</a>を元に、各ブラウザの新バージョンの比較と、昨今のJavascrip事情についてシェアしました。</p>
<p align="center"><object width="425" height="344" data="http://www.youtube.com/v/bsad6dr8Kzo&amp;hl=ja&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/bsad6dr8Kzo&amp;hl=ja&amp;fs=1" /><param name="allowfullscreen" value="true" /></object></p>
<p>前半では、各ブラウザの新バージョンについて比較しています。簡単に表にまとめてみます。↓</p>
<table border="0">
<tbody>
<tr>
<td> </td>
<td>リリース</td>
<td>新機能</td>
</tr>
<tr>
<td>Firefox 3.1</td>
<td>2009年春</td>
<td>
<ul>
<li>パフォーマンスの向上</li>
<li><span style="color: #ff0000;">ビデオ/オーディオタグの追加</span></li>
<li>プライベートモードの追加</li>
</ul>
</td>
</tr>
<tr>
<td>Safari 4</td>
<td>OS X 10.6 に合わせて</td>
<td>
<ul>
<li>パフォーマンスの向上</li>
<li>デスクトップアプリケーションとしての機能向上</li>
<li><a href="http://ja.wikipedia.org/wiki/Acid3" target="_blank">ACID3</a>にパス</li>
<li>Revampled dev tools の追加</li>
</ul>
</td>
</tr>
<tr>
<td>Internet Explorer 8</td>
<td>2009年初旬</td>
<td>
<ul>
<li>バックグラウンドでの処理</li>
<li>Web Clips機能の追加</li>
<li><span style="color: #ff0000;">タブごとにプロセスが動作</span></li>
</ul>
</td>
</tr>
<tr>
<td>Opera 10</td>
<td>2009年予定</td>
<td>
<ul>
<li>ACID3にパス</li>
<li><span style="color: #ff0000;">ビデオ/オーディオタグの追加</span></li>
</ul>
</td>
</tr>
<tr>
<td>Google Chrome</td>
<td>2008年11月に1.0リリース</td>
<td>
<ul>
<li>プライベートモード（シークレットモード）</li>
<li><span style="color: #ff0000;">タブごとにプロセスが動作</span></li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>注目すべきは、IE8 もタブごとのプロセス動作になる、ということでしょうか。  加えてFF3.1 とOpeara10で、ビデオ/オーディオタグがサポートされます。そうするとFlashで動画を見る必要もなくなるかもしれませんね。</p>
<blockquote><p>Firefox 3.1では、オープンソースのオーディオコーデック「Ogg Vorbis」およびビデオコーデック「Ogg Theora」に対するネイティブサポートが追加される見通しだ。また、新版ではこのほかに「HTML5」がサポートされるもようで、これによりFirefox 3.1では音声および動画のhtmlタグが機能するようになる。</p>
<p>»<a href="http://japan.cnet.com/news/media/story/0,2000056023,20378488,00.htm" target="_blank"> 「Firefox 3.1」ベータ版リリースは8月19日を目標に&#8211;「HTML5」をサポート:ニュース &#8211; CNET Japan</a></p></blockquote>
<p> 注目の速さに関しては、以下のようなグラフで説明されていました。ちなみに3種類のツールで出した結果のひとつです。（見にくいですが、Chrome b1 &gt; Safari 4.0 &gt; Firefox 3.1 &gt; Firefox 3.0.1 &gt; Safari 3.1.2 &gt; Opeara 9.5.2 &gt; IE 8b2 &gt; IE 7 となっています）</p>
<p><img class="aligncenter size-full wp-image-314" title="browser_speed" src="http://blog.8maki.jp/wp-content/uploads/2009/02/browser_speed.png" alt="browser_speed" width="357" height="310" /></p>
<p>また、動画の後半では、新しく導入されるJavascriptの新機能（新関数）の紹介がされています。</p>
<table border="0">
<tbody>
<tr>
<td> </td>
<td>特徴</td>
<td>対応ブラウザ</td>
</tr>
<tr>
<td>postMessage</td>
<td>別のiframeに対してメッセージを送れる。</td>
<td>全ブラウザ</td>
</tr>
<tr>
<td>Cross-Domain XHR</td>
<td>クロスドメインでも扱えるXMLHttpRequest</td>
<td>FF3.1/IE8</td>
</tr>
<tr>
<td>Class Name</td>
<td>getElementByClassNameによるエレメントの取得</td>
<td>Safari3.1/FF3.0/Opera9.6</td>
</tr>
<tr>
<td>Selector API</td>
<td>document.querySelectorAll(&#8221;div p&#8221;)のようにエレメント取得を簡易化</td>
<td>IE8/Safari4/FF3/Opera10</td>
</tr>
<tr>
<td>Traversal API</td>
<td>エレメント間の移動の簡易化（.nextElementSiblingなど）</td>
<td>全ブラウザ</td>
</tr>
<tr>
<td>HTML5 Dragging</td>
<td>HTML5のドラッグ＆ドロップイベントをサポート</td>
<td>FF3.1</td>
</tr>
<tr>
<td>Bounding</td>
<td>getBoundingClinetRectメソッドにより、エレメントの絶対位置を取得</td>
<td>IE</td>
</tr>
<tr>
<td>Javascript Threads</td>
<td>Javascriptのスレッド化</td>
<td> </td>
</tr>
</tbody>
</table>
<p>特筆すべきはやはりJavascriptのスレッド化ですが、うちの社長いわく、「Javascriptをスレッド化したらDOMの処理とかめんどくさそうだよね」とのこと。ロックでもかけたりするのでしょうか。本動画の例でも、３D画像の描画を使っていて、DOMの扱いは触れられていませんでした。（もしかしたら口頭でしゃべってたかも）</p>
<p>とはいえ、Javascriptも日々進化しており、本格的にJavascriptを中心としたブラウザの開発が進んでいることが実感される動画でした。</p>
<p>ちなみに、スピーカーの<a href="http://ejohn.org/" target="_blank">John Resig</a>さんはｊQueryの作者としても有名みたいです。Mozilla でJavascriptのエバンジェリストとして働かれているようで、Javascriptのプロですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.8maki.jp/2009/02/newbrowser_and_javascript.html/feed</wfw:commentRss>
		<slash:comments>708</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.8maki.jp/2009/02/newbrowser_and_javascript.html" />
	</item>
	</channel>
</rss>
