「脱jQuery」をめぐる議論は何年も前からありますが、jQueryの使い勝手のよさは無視できません。ところが、WHATWGのDOM StandardではjQuery風の使いやすいAPIが考案されています。 jQueryがリリースされた2006年当時、人気になった理由の1つは、jQueryを使えばDOM要素を簡単に選択、移動し、コンテンツを変更できたからでした。当時はIE7に悩まされ、ECMASc…

Giulio Mainardi

フロントエンド開発を勉強中です。

もうjQueryには頼らない！素のJavaScriptでDOMを操作するための基礎知識

2017/04/27

Sebastian Seitz

556

古いブラウザーのサポートが必要ないなら、もうjQueryを使わなくてもいいかもしれません。 DOM操作が必要なとき、真っ先にjQueryを使うことを考えます。しかし、素のJavaScriptのDOM APIだけでも、実はかなりのことができるのです。また、IE10以下のサポートが終了したため、今後は素のJavaScriptによるDOM操作を心配なく使えます。記事では、素のJavaScriptで一般…

Sebastian Seitz

哲学とコンピューターサイエンスを専攻しました。現在はクラックメタルバンドでベースを演奏しながらWeb開発者として働いています。

Reactを使わずにReduxでステート管理してわかったアプリ設計のコツ

2016/11/23

Moritz Kröger

ReduxといえばReactと組み合わせて使うものーーですが、あえて素のJavaScriptを使ってテトリスを開発した著者が得られた、気づきとは？私はゼロからなにかを作ったり、全体がどのように動作するのかを理解したりするのが好きな開発者の一人です。このようなことに熱中するのは仕事としては不要と認識していますが、特定のフレームワーク、ライブラリー、モジュールの裏側の認識や理解を助けてくれることは間…

Moritz Kröger

ベルリン在住のドイツ人のフロントエンド開発者です。通常、ドイツ人はとても長い複合語を好みますが、私は短い関数のほうが好きです。

SVGをもっと使いこなすために知っておきたい、HTML DOMとSVG座標の相互変換

2016/09/21

Craig Buckler

Web制作でもよく使うようになったSVG。インタラクションなどを作るときにハマるのが座標に関する理解です。HTMLと組み合わせて使うときの座標の変換方法について解説します。クールな人はもれなくSVGを使います。ただ、すばらしいSVGも、DOMやベクターインタラクションと一緒に使おうとすると複雑になります。 SVGは独自の座標系を持っており、viewbox属性を介して定義されます。たとえば、vie…

Craig Buckler

1995年に処女作としてIE2.0でページを作ったイギリス人のフリーランスWebコンサルタントです。以来、スタンダード、アクセシビリティとHTML5のテクニックの伝道者として活躍し、SitePointでは1000以上の記事を書いています。ツイッターのアカウントは@craigbuckler。