Hatena Blog Tags
はてなブログ トップ
dataURL
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

dataURL

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
日常のプログラミングめも•1ヶ月前

base64エンコード形式の文字列データをページに埋め込む

概要 S3のプライベートバケットに保管されている画像を表示したい。 S3からオブジェクトを取得し、それをbase64エンコードしたものをData URLを使用してブラウザに埋め込み、画像を表示することを行なったので それをメモとして残します。 Data URL とは Data URL は data: スキームが先頭についたURLで、データをインラインで文書に埋め込むことができます。 スキーム(data:)、MIMEタイプ、base64トークン、データ自体の4つの部品で構成されます。 data:[<mediatype>][;base64],<data> データが文字の場合は、そのまま指定すること…

#Rails#画像#dataURL#base64

関連ブログ

ローファイ日記•14日前

自作WASM Runtimeでグレースケール処理を動かすまで

あらすじ udzura.hatenablog.jp tl;dr 自作WASM Runtimeでグレースケール処理を動かした グレースケール処理はRustで書いたもの WebAssembly specificationはテストケース付きで公開されてるので便利

ギターマン十八号•3ヶ月前

CORS制約のあるページに張られている別ドメインの画像をzipにまとめてダウンロードさせるChromeアドオンを作った

github.com めっちゃくちゃ大変でした。 Misskey.ioでは、画像を media.misskeyusercontent.jp ってドメインから配信してるんです。 で、サービスURLは misskey.io というわけです。 これをChromeアドオンのContent Scriptなり、Script Injectでやろうとすると、fetch()がCORSに阻まれてできない。canvas経由も同じくCORSでダメ。 というわけで、CORS制約を受けないservice worker(background.js)でやろうとするんですが、これがまた大変でした。 URL.createObje…

よくあることだ•6ヶ月前

input type="file"で写真撮影orライブラリからファイルを選択する

★完成形★ iPhone 写真またはビデオを撮る 写真を選択 ファイルを選択 Android カメラ メディアを選択 コード <template> <div class="root"> isAndroid?:{{ isAndroid }} <div class="button1" @click="pickImagesOrSelect()">@Capacitor/Camera</div> <div class="button1" @click="changeFn()">input type="file"</div> <input type="file" @change="handleFileCh…

Enjoy*Study•6ヶ月前

Markdownでスライドを作れるMarpがとても良かった(助けられた)

SQLをたくさん書いたスライドを作る必要があり、SQLはシンタックスハイライトした状態にしたかったので、 まずはMarkdownで元ネタ書いて、SQLはコードブロックで書いておく 上記を元にPowerPointにして、SQLはVS Code上でシンタックスハイライトしたものを張り付け といったことを考えていたのですが、スライドが大量になりそうなので(最終的に250ページなった)、PowerPointに持って行くのはしんどいな、、と思っていたところ、Marpというツールを見つけました。 Markdownで書いたものを、スライド形式にしてくれるツールです。 Marpの紹介自体はいろんな記事があるの…

Mirrativ Tech Blog•9ヶ月前

モバイルアプリ上の WebAssembly 製ライブゲームで発生した例外を捕捉して計測する

こんにちは、エンジニアのちぎら(@_naru_jpn)です。ミラティブでは、配信中のゲームに視聴者が介入できるゲームとライブ配信が融合した次世代のゲーム体験を提供しており、この体験を ライブゲーミング と呼んでいます。 ライブゲーミングは、Unity から WebGL 向けにビルドされた WebAssembly 製のゲームを、アプリに配置したウェブブラウザ上で動作させることによって実現しています。*1 今回は UnityでモバイルWebGLゲーム開発を頑張る話 の「メモリリークによって発生するクラッシュ」にも書かれているような、捕捉は難しいがユーザー影響があるような例外の発生を捕捉して、計測を…