Share via

IE10 における新しい Blob コンストラクター

  • Article

Windows 8 Release Preview の IE10 では Blob コンストラクター (英語) のサポートが追加されています。File API: Writer W3C 草案 (英語) で進行中のインターフェイスである BlobBuilder インターフェイス (英語) の IE10 におけるサポートについては、以前に紹介し、デモで確認 (英語) していただきました。このインターフェイスを使用すると、開発者はクライアント PC 上のファイルを処理できます。最近、W3C ワーキング グループは新しい Blob コンストラクター (英語) を支持し、BlobBuilder インターフェイス (英語) を非推奨扱いとしました。この記事では、これら 2 つの違いについて説明します。

Blob コンストラクターと BlobBuilder インターフェイスの比較

Blob コンストラクターと BlobBuilder インターフェイスのどちらを使っても、Web 開発者はクライアント上にファイルを作成できます。違いは構文です。BlobBuilder では、append メソッドを別に呼び出すときに BLOB の各部分を追加する必要があるのに対し、Blob コンストラクターは引数の配列を取ることができます。それでは、BlobBuilder と Blob の両方を使って、単純なテキスト ファイルを作成する方法を見てみましょう。

// using the Blob constructor

var textBlob1 = new Blob(["Hello", " world!"], { type: "text/plain", endings: "transparent" });

 

// using the MSBlobBuilder interface

var bb = new MSBlobBuilder();

bb.append("Hello");

bb.append(" world!");

var textBlob2 = bb.getBlob("text/plain");

Blob コンストラクターは、BLOB に挿入するコンテンツの配列とオプションの辞書オブジェクトという 2 つの引数を取ります。辞書オブジェクトには、type と endings の 2 つのメンバーを含めることができます。BLOB のコンテンツの配列には、BLOB オブジェクト、テキスト文字列または配列バッファーを含めることができます。

Firefox および Chrome の最新バージョンも Blob コンストラクターをサポートしています。IE10 では、新しい Blob コンストラクターに加えて、プレフィックスが付いた MSBlobBuilder も引き続きサポートしています。現時点では、Firefox と Chrome もそれぞれのベンダー プレフィックスが付いた BlobBuilder インターフェイスをサポートしています。

Blob コンストラクター機能検出

すべての新しい機能をお勧めするのと同様に、コードを実行しているブラウザーで Blob コンストラクターを利用できるかどうかを確認するために、機能検出を使用することをお勧めします (英語)。次のように使うことができます。

if (typeof Blob !== "undefined") {

// use the Blob constructor

} elseif (window.MSBlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder) {

// use the supported vendor-prefixed BlobBuilder

} else {

// neither Blob constructor nor BlobBuilder is supported

}

F12 開発者ツールのコンソール ウィンドウを開いたまま BlobBuilder テスト ドライブ デモ (英語) を実行すると、BLOB が Blob コンストラクターを使って構築されているか、BlobBuilder を使って構築されているかがログ記録されます。

Blob コンストラクターを IE10 に追加すると、ブラウザーが異なっても動作する標準準拠のコードを記述できます。

— Internet Explorer 担当グループ プログラム マネージャー Sharon Newman

Comments

  • Anonymous
    July 27, 2012
    The comment has been removed

  • Anonymous
    July 30, 2012
    IE9になってから、随分と軽くなりましたね(7で正式版にすぐアップデートした者ですよ)。 Chrome並でメモリ使用量がIE10で大幅に削減できているといいです。 楽しみにしております。 最近のタブブラウザは速いがかなりメモリを消費するので改善して下さい。

  • Anonymous
    August 06, 2012
    The comment has been removed