Maximum size of a <canvas> element
I'm working with a canvas element with a height of 600 to 1000 pixels and a width of several tens or hundreds of thousands of pixels. However, after a certain number of pixels (obviously unknown), the canvas no longer display shapes I draw with JS. Does anyone know if there's a limit? Tested both in Chrome 12 and Firefox 4.
ServiceWorkerの落とし穴8選 - Repro Tech Blog
はじめに Reproで開発を担当しているEdward Fox (edwardkenfox) です。2021年頃から Repro Booster というプロダクトの立ち上げに携わっており、開発を通して得た知見を共有できればと思い立ち筆を取るに至りました。4年ぶりのテックブログ執筆で少しばかり緊張していますが（？）、張り切ってやっていこうと思います。 Repro Boosterとは 2022年11月に正式リリースした、ウェブサイトの表示速度向上を実現するサービスです。「タグを入れたその日から、Webサイトが速くなる」というタグラインのもと、タグ（JavaScript）の設置だけでウェブサイトの表示速度が簡単に実現できるということで、リリース以来多くのお客様・サイトでご利用いただいています。 Repro BoosterではServiceWorkerと呼ばれる技術を最大限活用して多くの機能が実現さ
拡張子に Web アプリを関連付ける File Handling API の使い方 - 株式会社カブク
はじめに File Handling API がデフォルトで有効化された Chrome 102 と Edge 102 がリリースされました。この機能により、 MIME タイプや拡張子に Web アプリを関連付けて開けるようになります。派手な機能のわりには全然話題になっていないように感じるのですが、気のせいでしょうか？ 私は DXF（CAD 用のファイル形式の 1 つ）の中身を覗くツールを Web アプリとして作っています。試しに拡張子 .dxf を当該アプリに関連付けられるようにしてみました。 実装 ざっくり言うとこれだけです。 マニフェストに file_handlers フィールドを持たせる スクリプトから window.launchQueue.setConsumer() を呼び出して、関連付けて開かれたファイルを取得する ファイルを取得しさえすれば、あとは <input type="f
今Partytownがヤバい。JavaScript Sandboxの未来はどっちだ？
概要 Partytownというプロジェクトが先月発表された。このプロジェクト自体はWebのパフォーマンス向上(3rd Party Scriptによるブロッキングの低減)を主目的としているが、実質ブラウザにおけるJavaScript Sandboxの方向性に一石を投じるものであるとして自分は理解した。本稿ではこちらについて背景とともに解説を試みる。 WebブラウザにおけるJavaScript Sandbox JavaScriptで記述されたWebアプリケーションにおいて、たとえばプラグイン機構を実現したいなど、他Partyが提供あるいはユーザ自身が記述したスクリプトを、ホストとなるアプリケーションに影響を与えることなく実行することを許可したい、というケースはままある。2000年代に跋扈したブログパーツの類はWebコンテンツに対するプラグインの代表例とも言えるが、埋め込み先ページに対しての全権
DOMMatrix: 2D / 3D 変形（アフィン変換）の行列を扱う DOM API - 株式会社カブク
DOMMatrixReadOnly と DOMMatrix でできる操作を見ていきましょう。 DOMMatrixReadOnly／DOMMatrix 初期化 コード例は DOMMatrix で記述しますが、 DOMMatrixReadOnly でも同じように使えます。 // 単位行列 new DOMMatrix() // 2D 変形用の 2×3 行列: 6 要素の配列 [a, b, c, d, e, f] new DOMMatrix([1, 2, 3, 4, 5, 6]) // 3D 変形用の 4×4 行列: 16 要素の配列 [m11, m12, ..., m44] new DOMMatrix([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]) // CSS transform で有効な文字列 new DOMMatrix('m
[Web フロントエンド] Elm に心折れ Mint に癒しを求める | Kabuku Developers Blog
こんにちは、 Elm Elm – A delightful language for reliable webapps https://elm-lang.org/ はじめに · An Introduction to Elm （Elm 公式ガイド日本語訳） https://guide.elm-lang.jp/ Elm は関数型の小さな言語仕様を持つ altJS です。 Redux が影響を強く受けた ことでも有名ですね。 “No Runtime Exceptions” は魅力的ですし、何より興味深いのは The Elm Architecture です。 Redux にはあまりセンスを感じられなかったのですが、 The Elm Architecture はとても良さげに見えました。 Elm が持つ 代数的データ型 と パターンマッチ、状態の不変性、 レコードの部分更新式 などとうまく馴染み、簡
![[Web フロントエンド] Elm に心折れ Mint に癒しを求める | Kabuku Developers Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/d253af95307425bc2d32a67dc0ddfd70fbf3ad98/height=288;version=1;width=512/https%3A%2F%2Fwww.kabuku.co.jp%2Fwp%2Fwp-content%2Fuploads%2F2020%2F03%2Fcut1_horagai-1200x801.jpg)
[Web フロントエンド] 状態更新ロジックをフレームワークから独立させる - 株式会社カブク
はじめに はじめまして。 null です。最近の悩みは 2 歳半の息子が言うことを聞いてくださらないことです。 2 歳児もそうなのですが、 ソフトウェアフレームワークに振り回されてるって感じること、稀によくありませんか？？ ある程度の学習コストがかかるのは当然としても、冗長な書き方を要求されるわ、かゆいところに手が届かないわ、実データ投入したらパフォーマンス問題だらけだわ、バージョンアップしたら動かなくなるわで、あぁ私いま振り回されてるなぁ、みたいな。 「じゃあ使わなければいい」「じゃあ自分で作ればいい」という話ではなく、「必要以上には依存しない方が無難だよね」「フレームワークの外へ切り出せるところは切り出してみよう」という話をします。 続きを 3 行で 状態更新ロジックってフレームワーク非依存にできそうだよね でもフレームワークによって状態をイミュータブル（状態更新=状態オブジェクト生成
![[Web フロントエンド] 状態更新ロジックをフレームワークから独立させる - 株式会社カブク](https://cdn-ak-scissors.b.st-hatena.com/image/square/897d9c48832ba7e3a66c89a7941ffe151d3d8705/height=288;version=1;width=512/https%3A%2F%2Fwww.kabuku.co.jp%2Fwp%2Fwp-content%2Fuploads%2F2019%2F05%2Fcut20_bunsin-1200x801.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - vitejs/vite: Next generation frontend tooling. It's fast!