1 of 8

DOM操作 完全に理解した

梶塚太智

2 of 8

自己紹介

  • 梶塚太智
  • 今日が誕生日で15歳になります　
    • みんなで祝おう！
  • 主にRustやJavaScriptなどを使ってます
  • やってること
    • Stackなど自作言語の制作
    • Webフロントエンド開発
  • 登壇は↑で得た知見を共有します

3 of 8

なぜ今DOM操作なのか？

  • Reactなどのフレームワークが多く使われている
    • コンポーネントが便利でDOMを意識することが少ない
  • ならば基礎に返って素のJavaScriptでDOM操作を学ぶことに意義がある

4 of 8

基本(おさらい)

  • IDから要素を取得

​

  • 要素の属性を取得

​

  • 要素の属性を変更

5 of 8

スタイル変更

  • スタイルを取得

​

  • スタイルを変更

​

​

  • 共通点が見えてきましたか？次でそれを説明します！

6 of 8

共通点

  • DOMはオブジェクト指向の木構造
  • 基本的に要素のアトリビュートがDOMのプロパティになる

7 of 8

  • Rustの`web-sys`クレートでDOM操作が可能
  • 私の開発してるStack.jsもそれで実装されている
  • Stack.jsではスタック指向でDOM操作をします

Webアセンブリ

8 of 8

最後に

  • ご清聴ありがとうございました！

​