Go で言うところのアレは TypeScript で言うとコレ / Kyoto.なんか #7

Kyoto.なんか #7
https://kyoto-nanka.connpass.com/event/365370/

Transcript

1. id:susisu / 2025-08-23 Kyoto.ͳΜ͔ #7 GoͰݴ͏ͱ͜ΖͷΞϨ͸ TypeScriptͰݴ͏ͱίϨ
4. ࠷ۙॻ͍ͨTypeScript
5. ࠷ۙॻ͍ͨTypeScriptʢ̍ʣ • ಠཱͳ worker Λෳ਺ىಈͯ͠δϣϒΛॲཧͯ͠΋Β͏ main workerα workerβ workerγ ⋮ δϣϒΛΤϯΩϡʔ
6. ࠷ۙॻ͍ͨTypeScriptʢ̍ʣ • main ͷऴྃ࣌ʹ͸ worker ΋ॲཧதͷδϣϒ͕ऴΘΓ࣍ୈఀࢭͤ͞Δ main workerα workerβ workerγ ⋮ ܬͷޫ SIGTERM
7. • API αʔόʔ͔ΒͷετϦʔϜΛӬଓԽͭͭ͠ΫϥΠΞϯτʹ΋ฦ͢ app server ࠷ۙॻ͍ͨTypeScriptʢ̎ʣ req handler worker API server DB client ϦΫΤετ ϦΫΤετ ىಈ
8. • API αʔόʔ͔ΒͷετϦʔϜΛӬଓԽͭͭ͠ΫϥΠΞϯτʹ΋ฦ͢ app server ࠷ۙॻ͍ͨTypeScriptʢ̎ʣ req handler worker API server DB client Ϩεϙϯε Ϩεϙϯε ӬଓԽ Ϩεϙϯε
9. • ΫϥΠΞϯτ్͕தͰ੾அ͞Εͯ΋ӬଓԽͳͲͷॲཧ͸ଓ͚Δ app server ࠷ۙॻ͍ͨTypeScriptʢ̎ʣ req handler worker API server DB client X X ӬଓԽ Ϩεϙϯε
10. app server req handler worker API server DB client X X ӬଓԽ Ϩεϙϯε main workerα workerβ workerγ ⋮ ܬͷޫ SIGTERM Go͔ʁ
11. ͍͔ʹ΋GoͰॻ͖ͦ͏ • ಠཱͨ͠ worker → goroutine • தஅγάφϧͷ఻೻ → context • worker ؒͷσʔλૹड৴ → channel
12. TypeScriptͰ͸Ͳ͏͢Δʁ • ಠཱͨ͠ worker → ? • தஅγάφϧͷ఻೻ → ? • worker ؒͷσʔλૹड৴ → ?
13. goroutine • ܰྔεϨου, ฒߦɾฒྻॲཧ go func() { time.Sleep(time.Second) fmt.Println("Pong") }() fmt.Println("Ping") // Ping // (1s) // Pong
14. goroutine → async function • ϚϧνεϨου͕ཉ͍͠ͳΒ Web Workers ͳͲ͕ඞཁ͚ͩͲ (async function() { await setTimeout(1000); console.log("Pong"); })(); console.log("Ping"); // Ping // (1s) // Pong
15. context • தஅγάφϧͷ఻೻ ctx, cancel := context.WithCancel(context.Background()) startWorker(ctx) // ... cancel()
16. context → AbortController • DOM Standard Ͱఆٛ͞Ε͍ͯΔ AbortController ͕࢖͑Δ const ac = new AbortController(); startWorker(ac.signal); // ... ac.abort();
17. context • ϦΫΤετείʔϓͷ஋ͷ఻೻ʹ΋࢖ΘΕΔ ctx := context.WithValue(context.Background(), "requestId", "c0ffee") handler(ctx) // handler: ctx.Value("requestId") // = "c0ffee"
18. context → ? • ୯ʹΦϒδΣΫτΛҾ਺Ͱ౉͢ͷ͕جຊ͚ͩͲ... const ctx = { requestId: "c0ffee" }; handler(ctx); // handler: ctx.requestId; // = "c0ffee"
19. context → AsyncLocalStorage • Ҿ਺Λ౉͢ͷ͕೉͍࣌͠͸ AsyncLocalStorage (ඇඪ४) ͕ศར͔΋ const storage = new AsyncLocalStorage<{ requestId: string }>(); const ctx = { requestId: "c0ffee" }; storage.run(ctx, () => { handler(); }); // handler: storage.getStore()?.requestId; // = "c0ffee"
20. channel • goroutine ؒͷσʔλͷૹड৴ c := make(chan int) go func() { for n := 0; n < 10; n++ { c <- n } close(c) }() for n := range c { fmt.Println(n) } // 0, 1, 2, ..., 9
21. channel → Streams • Streams API ͰࣅͨΑ͏ͳ͜ͱ͕Ͱ͖·͢ const { readable, writable } = new TransformStream<number, number>(); (async function() { const writer = writable.getWriter(); for (let n = 0; n < 10; n++) { await writer.write(n); } await writer.close(); })(); for await (const n of readable) { console.log(n); } // 0, 1, 2, ..., 9
22. channel • ͪͳΈʹऴྃΛ଴͚ͭͩͳΒ c := make(chan struct{}) go func() { // ... close(c) }() // ... <-c
23. channel → await • await ͰΑ͍Ͱ͢Ͷ const promise = (async function() { // ... })(); // ... await promise;
24. ·ͱΊʢ̍ʣ • Go Ͱݴ͏ͱ͜ΖͷΞϨ͸ TypeScript Ͱݴ͏ͱίϨ • goroutine → async function • context → AbortController, AsyncLocalStorage • channel → Streams ͳͲ
25. ·ͱΊʢ̎ʣ • TypeScript Λॻ͍͍ͯͯ΋ৗʹ TypeScript Ͱߟ͍͑ͯΔΘ͚Ͱ͸ͳ͍ • ࣮ࡍ͸ߟ͑΍͍͢ݴޠ΍ϝϯλϧϞσϧ΋࢖ͬͯߟ͍͑ͯΔ • ࠓճ͸ͨ·ͨ· Go ͬΆ͔ͬͨ • ৭ʑ஌͍ͬͯΔͱศར