Blob URL Scheme 使ってみたよ 2014/08/28 mex-ichikawa / Tsukiji.front

自己紹介 ● mex-ichikawa ● プログラマ ● Hubot飼いはじめました ● 主にエオルゼアに居ます

はじめに 今回は、 Blob URL Scheme というモノのハナシ

まず、URLスキームとは リソースに到達するための 手段を記述したもの

具体的には？ http://〜 ftp://〜 itms-apps://〜 ↑な感じでURLの頭に付いてる奴がスキーム

じゃあ、Blob URL Scheme とは URL表記で Blobにアクセスする 手段

…もうちょっと詳しく ● スキームは blob: ● Blobに対して一時的にURLを発行する ● URLを発行したBlobはメモリに常駐する ● URLは完全ランダム ● ブラウザ対応はwindow.URLをチェック （対応ブラウザ：http://goo.gl/09LIIL）

Blob URL Scheme の作成 window.URL.createObjectURL({blob,file})

実際に作ってみる DEMO URL発行デモ

で、何に使うの？ わからん。 …けど、動的に生成したリソースに 静的リソースと同じ手段でアクセスできる

利用ケースを模索(1) DEMO アップロード画像のプレビュー

利用ケースを模索(2) DEMO Workerスクリプトの動的生成

Blob URL Schemeの使いドコロ ● 動的に生成したリソースやローカルファイルを簡 単に扱えるようにできる ● サーバに依存しないWebツールとか ● Data URL Schemeより効率いい場面があるの で使い分けて ● 派手さはないけど、地味に便利なのでたまに思 い出して下さい。。。

終わり! ありがとうございました