🍃このブログは移転しました。
3秒後、自動的に移動します・・・。

DOM ready events considered harmful | HTTP 203 の要点まとめ

なかなか気になるタイトルの動画が出てたので。

DOM ready events considered harmful | HTTP 203 - YouTube

こういうコード、ほんとに懐かしいな・・・w

// コレとか
$(() => {});

// コレとか
document.addEventListener("DOMContentLoaded", () => {}, false);

これまではめちゃめちゃよく使われてきたけど、実はよろしくないよっていう話。

続きを読む

html-rewriter-wasmでHTMLをパースする

HTMLファイルをパースして、

  • 特定の文字列を抜き出したり
  • 特定の属性を書き換えたものを書き出したり

ってことをやりたい時、今までは`cheerio`を使うことが個人的には多かった。

GitHub - cheeriojs/cheerio: Fast, flexible, and lean implementation of core jQuery designed specifically for the server.

懐かしい`jQuery`的な記法で操作できる・・とはいえ、もはや`jQuery`のことぜんぜん覚えてなくて、生DOMのAPIばっか使っちゃったり。
かといって、`cheerio`が内部で使ってるHTMLのASTパーサーである`parse5`や`htmlparser2`をそのまま使うのは、ローレベルすぎて乗り気じゃなかったり。

というところで、なんか代用できるものはないかな?って思ってたところで、`HTMLRewriter`のことを思い出したという話。

続きを読む