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

JavaScript AST入門 〜自作Babelプラグインを添えて〜

Avatar for yuuki-katsuta yuuki-katsuta
July 15, 2025
Programming
1
11

JavaScript AST入門 〜自作Babelプラグインを添えて〜

社内勉強会資料です

Avatar for yuuki-katsuta

yuuki-katsuta

July 15, 2025
Tweet

More Decks by yuuki-katsuta

See All by yuuki-katsuta
ReactとUXの話 〜 startTransition を添えて 〜
Avatar for yuuki-katsuta sakiika
0
25

Other Decks in Programming

See All in Programming
Git Sync を超える！OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
Avatar for Tetsuya Kikuchi tkikuc
4
470
AI コーディングエージェントの時代へ：JetBrains が描く開発の未来
Avatar for Masaru Horioka masaruhr
2
220
Workers を定期実行する方法は一つじゃない
Avatar for rokuosan rokuosan
0
130
CLI ツールを Go ライブラリ として再実装する理由 / Why reimplement a CLI tool as a Go library
Avatar for ktr ktr_0731
3
650
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
Avatar for Kuu fumiyakume
18
9.5k
GPUを計算資源として使おう！
Avatar for prime number primenumber
1
290
AIに安心して任せるためにTypeScriptで一意な型を作ろう
Avatar for Yuki Yata arfes0e2b3c
0
270
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
Avatar for Kuniwak orgachem
PRO
11
2.9k
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
Avatar for Marco Roth marcoroth
2
820
バイブコーディング超えてバイブデプロイ〜CloudflareMCPで実現する、未来のアプリケーションデリバリー〜
Avatar for azukiazusa azukiazusa1
2
730
Streamlitで実現できるようになったこと、実現してくれたこと
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
2
230
Gemini CLIの"強み"を知る！ Gemini CLIとClaude Codeを比較してみた！
Avatar for Kota Hisafuru kotahisafuru
2
200

Featured

See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
110
19k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.2k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.4k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
72
4.9k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
50
5.5k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1k

Transcript

  1. +BWB4DSJQU"45ೖ໳ ʙࣗ࡞#BCFMϓϥάΠϯΛఴ͑ͯʙ ࣾ಺ษڧձࢿྉ ೥݄

  2. ࣗ࡞#BCFMϓϥάΠϯΛ࡞ͬͯɺ"45ʹֶ͍ͭͯΜͩ࿩ "45Λ׆༻ͯ͠ɺຊ൪؀ڥͷ)5.-͔Βςετ༻ͷ)5.-ଐੑ EBUBUFTUJE Λ࡟আ͢ΔπʔϧΛ࡞ͬͯΈͨɻ ͦͷաఔͰීஈԿؾͳ͘࢖͍ͬͯΔπʔϧͷཪଆ͕গ͠஌ΕͨͷͰڞ༗Ͱ͖Ε͹ͱࢥ͍·͢ɻ ࿩͢͜ͱ

  3.  "45ͱ͸ ؆୯ͳ֓ཁΛઆ໌  #BCFMͱ͸ +BWB4DSJQUͷτϥϯεύΠϧͷ࢓૊Έ  ࣗ࡞#BCFMϓϥάΠϯʹΑΔ"45ૢ࡞ͷ࣮ફ ࿩͢͜ͱ

  4. ໨ඪ "45Λ׆༻ͨ͠ίʔυม׵ͷՄೳੑΛײ͡ΒΕΔ͜ͱʂ

  5. "45ͱ͸ ந৅ߏจ໦ʢͪΎ͏͠ΐ͏͜͏ͿΜ͗ɺӳBCTUSBDUTZOUBYUSFFɺ"45ʣ͸ɺ௨ৗͷߏจ໦ʢ۩৅ߏ จ໦͋Δ͍͸ղੳ໦ͱ΋ݴ͏ʣ͔Βɺݴޠͷҙຯʹؔ܎ͳ͍৘ใΛऔΓআ͖ɺҙຯʹؔ܎͋Δ৘ใͷ ΈΛऔΓग़ͨ͠ʢந৅ͨ͠ʣ໦ߏ଄ͷ໦Ͱ͋Δɻ IUUQTKBXJLJQFEJBPSHXJLJ&"#%&#"&"#&&$"

  6. "45ͱ͸ ந৅ߏจ໦ʢͪΎ͏͠ΐ͏͜͏ͿΜ͗ɺӳBCTUSBDUTZOUBYUSFFɺ"45ʣ͸ɺ௨ৗͷߏจ໦ʢ۩৅ߏ จ໦͋Δ͍͸ղੳ໦ͱ΋ݴ͏ʣ͔Βɺݴޠͷҙຯʹؔ܎ͳ͍৘ใΛऔΓআ͖ɺҙຯʹؔ܎͋Δ৘ใͷ ΈΛऔΓग़ͨ͠ʢந৅ͨ͠ʣ໦ߏ଄ͷ໦Ͱ͋Δɻ IUUQTKBXJLJQFEJBPSHXJLJ&"#%&#"&"#&&$" ˠϓϩάϥϜίʔυΛ໦ߏ଄Ͱදݱͨ͠΋ͷ ˠσʔλߏ଄Λද͢

  7. "45ͱ͸

  8. "45ͱ͸

  9. "45ੜ੒ͷྲྀΕ ࢀߟαΠτɿIUUQTFTQSJNBPSHEFNPQBSTFIUNM

  10. ࢀߟαΠτɿIUUQTFTQSJNBPSHEFNPQBSTFIUNM "45ੜ੒ͷྲྀΕ

  11.  "45ͱ͸ ؆୯ͳ֓ཁΛઆ໌  #BCFMͱ͸ +BWB4DSJQUͷτϥϯεύΠϧͷ࢓૊Έ  ࣗ࡞#BCFMϓϥάΠϯʹΑΔ"45ૢ࡞ͷ࣮ફ

  12. #BCFMͱ͸ ֦ுߏจΛϒϥ΢βΤϯδϯ͕ཧղͰ͖ΔΑ͏ͳܗࣜʹม׵͢Δ w BTZODBXBJUߏจˠ1SPNJTF w Ξϩʔؔ਺ w +49 Ϟμϯͳ+BWB4DSJQUˠඪ४తͳ+BWB4DSJQU΁ͷߏจม׵

  13. #BCFMͷ࢓૊Έ ϓϩάϥϜίʔυΛ"45ʹม׵͢Δ ม׵ޙ

  14. σʔλߏ଄Λม׵ ม׵ޙ 'VODUJPO&YQSFTTJPOʹม׵ #BCFMͷ࢓૊Έ

  15. "45ΛϓϩάϥϜίʔυʹ໭͢ ม׵લ ม׵ޙ #BCFMͷ࢓૊Έ

  16. 5SBOTGPSNॲཧΛ֦ு͢Δ͜ͱ͕Ͱ͖Δ ˠඪ४ͷม׵͚ͩͰ͸ͳ͘ɺಠࣗͷϧʔϧΛ௥ՃͰ͖Δ ͜ΕΒ͸#BCFMϓϥάΠϯͱͯ͠࡞੒Ͱ͖Δ ඪ४ϓϥάΠϯɿ +49ˠ3FBDUDSFBUF&MFNFOU Ξϩʔؔ਺ˠGVODUJPO ࣗ࡞ϓϥάΠϯɿ ςετଐੑͷࣗಈ࡟আˡࠓ೔࡞ͬͨ΋ͷʂ EFCVHίʔυͷࣗಈ࡟আ #BCFMΛΧελϚΠζ͢Δ

  17. ࣗ࡞#BCFMϓϥάΠϯʹΑΔ"45ૢ࡞ͷ࣮ફ

  18. ͜ΕΛ࣮ݱ͍ͨ͠

  19. ຊ൪؀ڥͷΈಛఆͷ)5.-ଐੑΛ࡟আ͍ͨ͠ ͜ΕΛ࣮ݱ͍ͨ͠

  20. ࣮૷಺༰

  21. ࣮૷಺༰ ଐੑͷ໊લΛऔಘ ࡟আର৅ͳΒ࡟আ +49"UUSJCVUFͱ͍͏ϊʔυʹ๚໰ͨ͠ ʢ&45SFFͱ͍͏ඪ४࢓༷Ͱఆٛ͞Εͨϊʔυʣ

  22. "45&YQMPSFSΛ׆༻͠Α͏

  23. "45Λ׆༻͍ͯ͠Δ਎ۙͳπʔϧ IUUQTHJUIVCDPNGBDFCPPLSFBDUCMPCNBJODPNQJMFS QBDLBHFTCBCFMQMVHJOSFBDUDPNQJMFSTSD#BCFM#BCFM1MVHJOUT 3FBDU$PNQJMFS 1SFUUJFS IUUQTHJUIVCDPNQSFUUJFSQSFUUJFS

  24. ·ͱΊ w ։ൃ࣌ͷσόοΫࢧԉ w ։ൃ޲͚ͱຊ൪޲͚ʹίʔυΛม׵͢Δ w େྔͷιʔείʔυͷҰׅஔ͖׵͑ w ϦϑΝΫλϦϯάπʔϧ࡞੒ "45ͰͰ͖Δ͜ͱ

    ˞ιʔείʔυࣗମΛॻ͖׵͍͑ͨ৔߹͸UTNPSQIͳͲͷผͷπʔϧ͕ద͍ͯ͠·͢ɻ

  25. ࢀߟจݙ wॻ੶ɿ'MVFOU3FBDU wॻ੶ɿ+BWB4DSJQU"45ೖ໳ɹιʔεΛղੳɾՃ޻ͯ͠ੜ࢈ੑʹࠩΛ͚ͭΔʂ wIUUQTBTUFYQMPSFSOFU wIUUQTHJUIVCDPNKBNJFCVJMETCBCFMIBOECPPL wIUUQTHJUIVCDPNCBCFMCBCFMCMPCNBJOQBDLBHFTCBCFMQBSTFSBTUTQFDNE wIUUQTHJUIVCDPNFTUSFFFTUSFF