Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Blob URL Scheme

Avatar for mex-ichikawa mex-ichikawa
August 28, 2014
Programming
0
560

Blob URL Scheme

Tsukiji.front #1 での発表資料です。
デモリンク1: http://goo.gl/vWp1yN
デモリンク2: http://goo.gl/5TH7Lc

Avatar for mex-ichikawa

mex-ichikawa

August 28, 2014
Tweet

More Decks by mex-ichikawa

See All by mex-ichikawa
Three.js vs Unity5
Avatar for mex-ichikawa mex_ichikawa
0
58
WebAudioAPIで(目的の)SE作れなかった話
Avatar for mex-ichikawa mex_ichikawa
0
34
Bower + WebComponents
Avatar for mex-ichikawa mex_ichikawa
0
38
gulp + React
Avatar for mex-ichikawa mex_ichikawa
2
420

Other Decks in Programming

See All in Programming
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
400
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
290
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
170
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
200
dchart: charts from deck markup
Avatar for Anthony Starks ajstarks
3
990
AI & Enginnering
Avatar for codelynx codelynx
0
110
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
110
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
220
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
460
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
4
700
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490

Featured

See All Featured
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
55
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
120
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.6k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
6.9k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
240

Transcript

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

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

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

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

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

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

  7. …もうちょっと詳しく • スキームは blob: • Blobに対して一時的にURLを発行する • URLを発行したBlobはメモリに常駐する • URLは完全ランダム

    • ブラウザ対応はwindow.URLをチェック （対応ブラウザ：http://goo.gl/09LIIL）

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

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

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

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

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

  13. Blob URL Schemeの使いドコロ • 動的に生成したリソースやローカルファイルを簡 単に扱えるようにできる • サーバに依存しないWebツールとか • Data

    URL Schemeより効率いい場面があるの で使い分けて • 派手さはないけど、地味に便利なのでたまに思 い出して下さい。。。

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