Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ASTをいじいじして僕のかんがえた最強のDXを得る

 ASTをいじいじして僕のかんがえた最強のDXを得る

Shinobu Hayashi

November 12, 2020
Tweet

More Decks by Shinobu Hayashi

Other Decks in Technology

Transcript

  1. Who am I Shinobu Hayashi(林 仁) a.k.a. @Shinyaigeek Web Frontend Engineer

    Web Performanceのことを考えたり, ASTをイジイジする のが好きです. 夏バイト生として, ASGでお世話になってます.
  2. Agenda • ASTとは ◦ 概説 ◦ ASTの恩恵 • ASTをどうイジイジするのか(JavaScriptの場合) ◦

    ライブコーディングタイム • 僕が最近ASTで作っていたもの • まとめ
  3. ASTとは Abstract Syntax Tree, 抽象構文木 Tree とあるように, プログラムの文法構造を Tree 構造で表現したものになります.

    Tree 構造なので, それぞれのプログラムの節々 を Node と言います. if文 条件 === 変数 hoge リテラル値 “bar” then 関数を実行 fuga 二項演算子 if( hoge === “bar” ) { fuga() }