Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Blob URL Scheme
Search
mex-ichikawa
August 28, 2014
Programming
0
400
Blob URL Scheme
Tsukiji.front #1 での発表資料です。
デモリンク1:
http://goo.gl/vWp1yN
デモリンク2:
http://goo.gl/5TH7Lc
mex-ichikawa
August 28, 2014
Tweet
Share
More Decks by mex-ichikawa
See All by mex-ichikawa
Three.js vs Unity5
mex_ichikawa
0
53
WebAudioAPIで(目的の)SE作れなかった話
mex_ichikawa
0
30
Bower + WebComponents
mex_ichikawa
0
27
gulp + React
mex_ichikawa
2
380
Other Decks in Programming
See All in Programming
SpringBoot+MyBatisで例外が出たときどこを見るか
syukai
0
110
Doctrine ORMでValue Objectを扱う方法4選 #phpstudy / 4 ways to handle Value Objects with Doctrine ORM
77web
4
110
Java 22 Overview
kishida
1
170
pixivアプリでマルチモジュールを実現するまで
gatosyocora
1
130
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.2k
元気予報
suu_mire0726
0
860
Netty Chicago Java User Group 2024-04-17
sullis
0
130
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
490
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
220
1인 개발자로 행복하게 살기 - GDG 송도 헬로월드 2024
benjaminkim
1
5.6k
二郎系ラーメンのコールで学ぶ AST 解析
memory1994
PRO
7
1.7k
スクラムチームと認知負荷 - ニフティのスクラムトーク Vol2. / NIFTY Tech Talk #18
niftycorp
PRO
1
120
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
273
13k
Happy Clients
brianwarren
91
6.4k
Making Projects Easy
brettharned
108
5.5k
Making the Leap to Tech Lead
cromwellryan
123
8.5k
Done Done
chrislema
178
15k
Principles of Awesome APIs and How to Build Them.
keavy
120
16k
Web development in the modern age
philhawksworth
202
10k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
A Modern Web Designer's Workflow
chriscoyier
688
190k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
29
6k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
Transcript
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より効率いい場面があるの で使い分けて • 派手さはないけど、地味に便利なのでたまに思 い出して下さい。。。
終わり! ありがとうございました