Template Literal Types で「単位を持つ数値」の文字列型をきれいに扱いたい

2021/03/10 10 users Template Literal Types 単位 数値

(この記事には一部うまくいってない部分が残ってるので、解決し次第追記します) ブラウザの二次元上の座標を計算するコードを書いていると、 px, rem, flex などの数値が入り乱れて、それらを文字列で管理してると扱いが難しくなります。また、ブラウザの DOM API は、コンテキスト次第で string | number みたいなノリ... 続きを読む

画像に関する新しい DOM API の紹介 - pixiv inside

2018/12/13 21 users pixiv inside API ECMAscript 画像

こんにちは、福岡オフィスでエンジニアをしている petamoriken です。 ECMAScript と DOM API が好きで、気づいたらいつも仕様を眺めています。よろしくお願いします。 この記事では画像に関する新しい DOM API を紹介します。一般的に DOM API は二つのブラウザによる実装があれば安定していると言われていますが、プロ... 続きを読む

HTMLCollection は Iterable なのか？ - Qiita

2017/11/13 21 users Qiita iterable Bab core-js W3C

TL; DR WHATWG, W3C DOM API 的には HTMLCollection は Iterable となっていないが、 W3C WebIDL 的には Iterable になっている。 Chrome, Firefox では HTMLCollection が Iterable として実装されており、Safari は 11 から Iterable になっている。また core-js(bab... 続きを読む

[JS]これなら簡単で便利！要素がビューポートに表示されているかを判定できる -Intersection Observer | コリス

2017/08/10 65 users ビューポート getBoundingClientRect

スクロールした際にヘルプや広告を表示したり、無限スクロールでコンテンツを読み込ませたり、画像の遅延ロードなど、要素がビューポートに表示されているかをトリガーにするのには、なかなか面倒なJavaScriptが必要でした。 例えば、スクロールやサイズ変更のイベントを取得し、getBoundingClientRect()などのDOM APIでビューポートからの相対位置を手動で計算します。 この今までの方... 続きを読む

将来は標準のDOM APIを使うのがより身近になると思ってる - やってる

2016/04/30 131 users 標準 将来 RxJS フレームワーク ライブラリ

最近、標準のDOM API は別に悪くない、と考えるようになった。 そう考えて劇的に何か変わるかというと、現時点では使うライブラリの選択により慎重になるという気分的なものかもしれない。 気分が変わった結果として、僕は直近のプロジェクトのごくふつうのWebページでは、標準のDOM API を直接さわる形に変更した。 フレームワーク は使わずRxJSのみ使っている。結果、パフォーマンスと細かいUIの挙... 続きを読む

JavaScriptのレベル別書籍のまとめ · GitHub

2015/12/17 504 users ライブラリ 前提 言語 支持 GitHub

js.md 前提: 完成していて、比較的支持を集めていて、JavaScriptを中心にした書籍 (DOM APIよりは言語を中心とした内容) レベル 初心者 プログラム初心者 ちょっと触った事がある初心者 中級者 他の言語をやったことあるけどJavaScriptは初心者 ライブラリでしかJavaScriptを使ってない中級者 たまにJavaScript使ってる人 上級者 調べて普通に書ける人 書籍... 続きを読む

DOM APIとinnerHTMLは等価ではない - 泥のように

2011/06/05 87 users innerHTML

2011年06月(1) 2011年05月(5) 2011年04月(7) 2010年09月(1) 2010年07月(1) 2010年02月(1) 2010年01月(1) 2009年12月(2) 2009年11月(1) 2009年07月(1) 2009年06月(1) 2009年05月(2) 2009年02月(1) 最近、徳丸本をじわじわ読んでいるのですが、DOM based XSSの話が書いてあったの... 続きを読む

檜山正幸のキマイラ飼育記 - ブラウザでミニマムXML (0)

2005/09/26 31 users 檜山正幸 キマイラ飼育記 続き物 備忘 ブラウザ

ブラウザでミニマムXML (0) 雑記／備忘 | 09:59 | XMLネタで続き物を書こうかと思います。 「プログラミング言語：JavaScript ＋ 実行環境：ブラウザ」という組み合わせは、もっとも普及したプログラミング環境だと言えるでしょう。テキストエディタさえあれば、いますぐ、だれでもプログラミングをはじめられます。さらにブラウザには、いちおうDOM APIも備わっているので、もっとも普... 続きを読む