CompressionStream でブラウザで gzip 圧縮する

2024/09/03 14 users gzip pako Deflate バンドルサイズ JS実装

モダンなブラウザは JS API として gzip や deflate が使えます。 昔から Chrome に搭載してるのは知ってたんですが、今見たらだいたい搭載してました。 わかってる人向けに言うと、バンドルサイズ大きめの JS実装の pako や zlib.js が不要になって、ブラウザネイティブの(たぶんHTTP上のgzip展開と同等の)高速な実装が... 続きを読む

全デバイス・全ブラウザで PDF を読みたい - Kaizen Platform 開発者ブログ

2021/07/19 18 users Kaizen Platform PDF 全デバイス SVG

TL;DR PDF を画面に埋め込む方法は、iframe, object, embed, Viewer（3rd party library の利用）がある。 ブラウザネイティブの PDF 表示機能はブラウザ差異が大きいため、PDF を canvas や svg に変換して表示するライブラリやビューアーを利用した方が安定する。 しかし 3rd party library / service の利用はバンド... 続きを読む

Chrome の新機能 Blink LazyLoad の要点と注意点 – PSYENCE:MEDIA

2018/12/06 13 users 福井 PSYENCE 一方 Webフロントエンドエンジニア

この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2018 の投稿記事です。 こんにちは。Webフロントエンドエンジニアの福井です。 最近 Chrome からブラウザネイティブの遅延読み込み機能である Blink Lazyload が試験的に公開されました。非常に便利である一方でいくつか気にしなければならない点があると感じた... 続きを読む

Web Components を支えるPolyfillライブラリ ::ハブろぐ

2014/06/22 74 users templates ハブろぐ Web Components

Web Components を今つかえる技術にするライブラリたち ご存じの通り、Web Components はまだ仕様策定の途上段階（Templatesとかもうやることなさそうだけど）にあり、ブラウザの実装もまだまだこれからの段階。 「憎まれっ子世にはばかる」がソフトウェアにも適用される格言であったことを噛みしめている今、Web Components がブラウザネイティブでサポートされるのは、... 続きを読む

HTML5周辺技術のWebGLとJavaScriptでジニーエフェクト | ClockMaker Blog

2012/02/16 38 users WebGL canvas GPU Safari Chrome

JavaScriptでMac定番のジニーエフェクトを作ってみました。今回利用したのはHTML5周辺技術のWebGLというもので、プラウザネイティブでGPUを利用できる機能です。 デモを見る (要：Chrome/WebGLを有効にしたSafari) WebGLとCanvasの違い 今回はWebGLを使っているため再生可能な環境が限られています。本当は再生できる環境を増やすためにWebGLではなくCa... 続きを読む