,B[VTIJ,POPTV !LB[VTIJLPOPTV -:$PSQPSBUJPO ࣾ಺πʔϧ͔Βੜ·Εͨ044 lUTSFNPWFVOVTFEz ʹΑΔϑϩϯτΤϯυ։ൃͷޮ཰Խͱ඼࣭ͷ޲্ 6*5ʷ#PO fi SF'SPOUFOE.FFUVQ

HJUIVCDPNMJOFUTSFNPWFVOVTFE

. ├── node_modules/ ├── src/ │ ├── App.tsx │ ├── Button.tsx │ └── Heading.tsx └── package.json ػೳͷ঺հ

// src/App.tsx import { ReactNode } from 'react'; import { render } from 'react-dom'; import { Button } from './Button'; const App = () => ( ); render(, document.querySelector('#app')); // src/Heading.tsx export const Heading = () =>

My Sample App

; // src/Button.tsx export const Button = ({ children }: { children?: ReactNode }) => ( {children} ); export const label = 'button label'; #FGPSF

// src/App.tsx import { ReactNode } from 'react'; import { render } from 'react-dom'; const App = () => ( ); render(, document.querySelector('#app')); // src/Button.tsx export const Button = ({ children }: { children?: ReactNode }) => ( {children} ); "GUFS

@@ -11,12 +11,7 @@ const App = () => ( render(, document.querySelector('#app')); -// src/Heading.tsx -export const Heading = () =>

My Sample App

; - // src/Button.tsx export const Button = ({ children }: { children?: ReactNode }) => ( {children} ); - -export const label = 'button label'; %JGG

UTSFNPWFVOVTFEͱ͸ FYQPSU͞Ε͍ͯΔ͜ͱͰؾ͖ͮʹ͍͘σουίʔυΛࣗಈͰ࡟আ͢Δπʔϧ w ;FSPDPO fi H w UTDPO fi HKTPOΛ΋ͱʹʮ࢖ΘΕ͍ͯΔʯ͜ͱΛ൑அ w ඞཁͳϑΝΠϧ͸PQUJPOͰແࢹͰ͖Δ

τϐοΫ w Ϟνϕʔγϣϯ w 5ZQF4DSJQUίʔυΛม׵͢Δͱ͸Ͳ͏͍͏͜ͱ͔ w ม׵͢Δํ๏ w πʔϧ͕΋ͨΒͨ͠ޮՌ w 044Խ

Ϟνϕʔγϣϯ 5ZQF4DSJQUίʔυΛม׵͢Δͱ͸Ͳ͏͍͏͜ͱ͔ ม׵͢Δํ๏ πʔϧ͕΋ͨΒͨ͠ޮՌ 044Խ

Ϟνϕʔγϣϯ w ίϯϙʔωϯτϥΠϒϥϦͷஔ͖׵͑Λ͖͔͚ͬʹσουίʔυ໰୊͕ݦࡏԽ w Ϟδϡʔϧͷґଘؔ܎Λ୧Δඞཁ͕͋Γ؆୯ʹ࡟আͰ͖ͳ͍ w ࣗಈԽͰ͖Ε͹ຬ଍

Ϟνϕʔγϣϯ 5ZQF4DSJQUίʔυΛม׵͢Δͱ͸Ͳ͏͍͏͜ͱ͔ ม׵͢Δํ๏ πʔϧ͕΋ͨΒͨ͠ޮՌ 044Խ

ߏจ໦ ίʔυ͸ߏจ໦ʹม׵͞ΕΔ export const message: string = 'hello world';

5ZQF4DSJQUίϯύΠϥ͕΍͍ͬͯΔ͜ͱ ߏจ໦ͷঢ়ଶͰܕνΣοΫ΍+BWB4DSJQU΁ͷม׵ॲཧ͕ߦΘΕΔ export const message = 'hello world'; export const message: string = 'hello world'; ίʔυ ߏจ໦ ߏจ໦ ίʔυ QBSTF DPOWFSU QSJOU

5ZQF4DSJQUίʔυΛม׵͢Δͱ͸Ͳ͏͍͏͜ͱ͔ ߏจ໦ͷϊʔυΛ௥Ճɾ࡟আɾฤू͢Δૢ࡞Λॻ͘͜ͱ ߏจ໦ ߏจ໦ ૢ࡞

5ZQF4DSJQU"457JFXFS

Ϟνϕʔγϣϯ 5ZQF4DSJQUίʔυΛม׵͢Δͱ͸Ͳ͏͍͏͜ͱ͔ ม׵͢Δํ๏ πʔϧ͕΋ͨΒͨ͠ޮՌ 044Խ

5ZQF4DSJQU$PNQJMFS"1* ͕΍Δ͜ͱ ࣗ෼Ͱ΍Δ͜ͱ ύʔε ϓϦϯτ τϥόʔε τϥόʔε֤ͨ͠ϊʔυͷૢ࡞

5ZQF4DSJQU$PNQJMFS"1*Λ࣮ࡍʹ࢖ͬͯΈΔ export const message: string = 'hello world';

import ts, { Node, ScriptTarget } from "typescript"; const code = ` export const message: string = 'hello world'; `; const sourceFile = ts.createSourceFile( "src/index.ts", code, ScriptTarget.ES2022 ); const visitor = (depth: number) => (node: Node) => { console.log( `${Array(depth).fill("-").join("")}> [${ ts.SyntaxKind[node.kind] }] ${node.getText(sourceFile)}` ); ts.forEachChild(node, visitor(depth + 1)); }; ts.forEachChild(sourceFile, visitor(1));

-> [FirstStatement] export const message: string = 'hello world'; --> [ExportKeyword] export --> [VariableDeclarationList] const message: string = 'hello world' ---> [VariableDeclaration] message: string = 'hello world' ----> [Identifier] message ----> [StringKeyword] string ----> [StringLiteral] 'hello world' -> [EndOfFileToken]

UTNPSQIͰૢ࡞͕ΑΓ؆୯ʹ w 5ZQF4DSJQU$PNQJMFS"1*͸গ͠ϋʔυϧ͕ߴ͍ w $PNQJMFS"1*ͷϘΠϥʔϓϨʔτίʔυΛ࡟ݮͰ͖Δ w Α͘࢖͏ૢ࡞Λؔ਺ͱͯ͠ఏڙ w ϩʔϨϕϧͳ"1*ʹ΋ΞΫηεͰ͖Δ UTNPSQIΛ׆༻͢Δ͜ͱͰΑΓεϐʔσΟʹ࣮ݱͰ͖ͨ

Ϟνϕʔγϣϯ 5ZQF4DSJQUίʔυΛม׵͢Δͱ͸Ͳ͏͍͏͜ͱ͔ ม׵͢Δํ๏ πʔϧ͕΋ͨΒͨ͠ޮՌ 044Խ

։ൃΛৼΓฦͬͯ w ࣾ಺πʔϧ͸͢΂ͯͷέʔεΛΧόʔ͢Δඞཁ͸ͳ͍ w ίʔυϨϏϡʔͰ඼࣭Λ୲อ w ϥΠϒϥϦͷҠߦ࡞ۀΛߴ଎Խ

೾ٴͨ͠ޮՌ w ϩδοΫʹઐ೦Ͱ͖ΔͨΊϦϑΝΫλϦϯάͷϋʔυϧ͕Լ͕Δ w ؾ͔ͮͳ͔ͬͨσουίʔυͷଘࡏ͕໌Β͔ʹͳΔ

Ϟνϕʔγϣϯ 5ZQF4DSJQUίʔυΛม׵͢Δͱ͸Ͳ͏͍͏͜ͱ͔ ม׵͢Δํ๏ πʔϧ͕΋ͨΒͨ͠ޮՌ 044Խ

044ԽͷܦҢ ϓϩμΫτͷϦϙδτϦ಺ʹ࣮૷ ݕূͰ͖ͨλΠϛϯάͰผϦϙδτϦʹ੾Γग़͠ ࣾ಺/1.Ͱެ։ (JUIVCͰ044Խ

044ԽͷϝϦοτ w ࣾ֎Ͱࣗ෼͕࡞ͬͨίʔυΛ࢖͑Δ w ࣾ಺ͷೝ஌౓ΛߴΊΔ͜ͱ͕Ͱ͖Δ w ۀ຿࣌ؒΛ࢖ͬͯπʔϧΛվળͰ͖Δ w ࣾ಺ͷผϦϙδτϦʹల։͠΍͘͢ͳͬͨ

·ͱΊ w ϥΠϒϥϦͷҠߦͰൃੜ͢Δσουίʔυͷ࡟আΛࣗಈԽ w ίʔυͷม׵͸͖ͭͭΊΔͱߏจ໦ͷม׵ॲཧΛॻ͘͜ͱ w 5ZQF4DSJQU$PNQJMFS"1*͸ͦΜͳʹ೉͘͠ͳ͍ w πʔϧ࡞Γ͸ϓϩμΫτ։ൃͷݱ৔Ͱ΋໾ʹͨͭ w 044ԽͰࣾ֎ʹؐݩɾࣾ಺ʹల։

HJUIVCDPNMJOFUTSFNPWFVOVTFE