スキーマと型で拓く Full-Stack TypeScript / TSKaigi 2025

4PIFJ5BLFOP54,BJHJ εΩʔϚͱܕͰ୓͘ 'VMM4UBDL5ZQF4DSJQU

ຊൃදʹ͍ͭͯ 'VMM4UBDL5ZQF4DSJQUΛग़ൃ఺ͱͯ͠ɺlͲΜͳz'VMM4UBDL54͔Β࢝Ί Δͱྑ͍͔ΛൃలՄೳੑ΋ؚΊͯߟ࡯͠·͢ɻ ͦΕΛ౿·͑ͯιϑτ΢ΣΞͷશମΛߏ੒͢ΔΞʔΩςΫνϟɾελΠϧͱ ͯ͠(SBQI2-ʹΑΔʮεΩʔϚۦಈͷ'VMM4UBDL5ZQF4DSJQUʯΛ঺հ͠ ·͢ɻ ͜ͷൃද͕ࠓޙͷ'VMM4UBDL54ͷ޿͕ΓͷҰॿʹͳΕ͹ͱࢥ͍·͢ɻ

ࣗݾ঺հ • 4PIFJ5BLFOP • 4"/6 d • ࠷ॳͷιϑτ΢ΣΞΤϯδχΞͱͯ͠ࢀը
• ιϑτ΢ΣΞྖҬͷٕज़͓Αͼ૊৫ͷ಺੡Խ • 8BOUFEMZ d • ϓϩμΫτ։ൃɾٕज़ج൫ɾϚωδϝϯτͳͲ • ٕज़ɿ3VCZˠ3VCZ 5ZQF4DSJQU (P 1ZUIPO(SBQI2- H31$ • ຊൃද͸4"/6ʹ͓͚ΔऔΓ૊ΈͰ͕͢ɺલ৬ʹ͓͚Δܦݧ΍ಉ࣌୅ͷଞࣾͷऔΓ ૊Έ͔Βଟ͘ͷώϯτΛಘ͍ͯ·͢💡 !"MUFDI@

• εϚϗͰ༧໿ͯ͠ɺ͙͢ʹࣗવͷத΁ • ιϑτ΢ΣΞ΋׆༻ͯ͠ӡӦΛ࣮ݱ • શࠃڌ఺Ҏ্Λల։த 4"/6OE)PNFʹ͍ͭͯ

࣮͸ɺ࠷ॳ͸ϊʔίʔυͰ ্ཱ͕ͪͬͨαʔϏε • ॳظ͔ΒϊʔίʔυπʔϧΛ࢖༻ ͯ͠αʔϏεΛ։ൃɾӡӦ • δϣΠϯͨ࣌͠఺Ͱը໘Ҏ ্ɺΧϥϜ௒ͷσʔλΛ࣋ͭ தن໛αʔϏε
• εϚʔτϩοΫɾΦϯϥΠϯܾࡁ ͳͲෳ਺ͷ֎෦4BB4ͱ΋ଟ֯తʹ ࿈ܞ IUUQTOPUFDPNTBOV@DPNOOGDECD

ࣄۀల։ͷதͰϑϧϦϓϨΠεΛ࣮ࢪ • ࠓޙͷల։Λ౿·͑ͯϑϧϦϓϨΠεΛ։࢝ˠ'VMM4UBDL5ZQF4DSJQUΛ࠾༻ • ࣄۀతʹ΋֦େϑΣʔζͷͨΊ৽αʔϏεల։ʢچγεςϜͷ։ൃʣͱฒߦͯ͠৽γες ϜΛ։ൃɺ೥൒ޙʹҠߦͨ͠ ͜ͷΑ͏ͳڧ౓͕ཁٻ͞ΕΔ։ൃʹ͓͍ͯεΩʔϚۦಈͷ'VMM4UBDL54͕େ׆༂🌸 ڌ఺਺
ݐஙϞσϧ਺ αʔϏεܗଶ αϒεΫ ୯ധɾαϒεΫɾڞಉॴ༗ɾ౩ॴ༗ ҠߦݩγεςϜن໛ ΧϥϜ ΧϥϜ اۀϑΣʔζ γϦʔζ" γϦʔζ#Ϋϩʔζ ༨ஊɿϊʔίʔυͰԯҎ্ௐୡͨ͠ࠃ಺།ҰͷαʔϏε😁

ຊ೔ͷΞ΢τϥΠϯ ࣗݾ঺հɾഎܠઆ໌ˡ͜͜·Ͱ ΞʔΩςΫνϟϨϕϧͷઃܭ ίʔυͰݟΔεΩʔϚۦಈ։ൃ ·ͱΊ

ΞʔΩςΫνϟϨϕϧͷઃܭ

໨ࢦͨ͜͠ͱ zεϐʔυΛ٘ਜ਼ʹͤͣɺ࣋ଓతʹ੒௕͢Διϑτ΢ΣΞΛ࡞Δz ࣄۀͱϓϩμΫτΛத৺ͱͨ͠ϑϧαΠΫϧ։ൃγϯϓϧͳ͜ͱΛγϯϓϧʹ࣮ݱ͠ ͳ͕Βɺઐ໳ੑͷߴ͍໰୊ղܾ͕Ͱ͖Δ࠷খηοτͷٕज़બఆΛͭͭ͠কདྷͷٕज़બ ୒ΛݮΒ͞ͳ్͍தͰڊେͳϦΞʔΩςΫνϟͰ଍ΛࢭΊͳ͍ʜ

࠾༻ͨ͠ΞʔΩςΫνϟ

࠾༻ͨ͠ΞʔΩςΫνϟ ׂͱී௨🤔

Ұา໭ͬͯ༻ޠఆٛɿ ΫϥΠΞϯταΠυαʔόʔαΠυɺϑϩϯτΤϯυόοΫΤϯυ ϥϯλΠϜ۠෼ ੹຿ͷҧ͍ ΫϥΠΞϯταΠυ αʔόʔαΠυ ϑϩϯτΤϯυ όοΫΤϯυ ɾϢʔβʔͱ઀఺Λ࣋ͭ
6* ɾ࣮ࡏͱମݧΛ૑Γग़͢ 69 ɾϏδωεϧʔϧΛ಺แ ɾσʔλϕʔεͱ௚઀࿈ܞ ɾखݩͷσόΠεͰಈ࡞ ɾωοτϫʔΫͷઌͰಈ࡞ ▶︎ ͜ͷೋ͕ͭϓϩάϥϜߏ଄্΋໌֬ʹ෼͔ΕΔ͔͸ઃܭ্ͷબ୒ʹͳΔ

ϑϩϯτΤϯυͱόοΫΤϯυͷ໌֬ͳ෼཭Λબ୒ େࣄʹͨ͜͠ͱɿ • ઃܭ໨ඪɿʢͲͪΒ͔ͱ͍͏ͱʣରਓઐ༻ੑΛॏࢹ͢ΔϑϩϯτΤϯυͱɺγεςϜͱͯ͠ͷ൚ ༻ੑͱυϝΠϯͷෳࡶੑʹ޲͖߹͏όοΫΤϯυ • ૊৫จԽɿϑϧαΠΫϧͰͷ։ൃΛଅਐͭͭ͠ɺઐ໳తͳྖҬ͕͋Δ͜ͱΛೝΊΔ • ٕज़ઓུɿ࣮ߦσόΠεʹ΋ґଘ͠ྲྀಈੑ΋ߴ͍ϑϩϯτΤϯυٕज़ʹରͯ͠ɺൺֱత҆ఆͯ͠
σϓϩΠ΋༰қͳαʔόʔαΠυٕज़ • Ҏ্ͷશͯͱ૬ޓ࡞༻͠ͳ͕ΒਐԽ͢ΔΞʔΩςΫνϟʢޙड़ʣ • બ୒ɿϑϩϯτΤϯυͱόοΫΤϯυΛ෼཭͢Δ • ෼཭ٕज़ͱͯ͠(SBQI2-Λ࠾༻

෼཭ٕज़ͱͯ͠ͷ(SBQI2-ʹ͍ͭͯ • ιϑτ΢ΣΞͷΠϯλʔϑΣΠεΛεΩʔϚͱͯ͠ఆٛ͢Δ • όοΫΤϯυ͸εΩʔϚΛຬͨ͢Α͏ʹ࣮૷͢Δ • ϑϩϯτΤϯυ͸εΩʔϚΛݩʹΫΤϦΛൃߦ͢Δ • ࣮૷͕ΠϯλʔϑΣΠεʹґଘ͢ΔͨΊɺద੾ʹεΩʔϚΛઃܭ͢Δ͜ͱͰૄ݁߹ͷԸܙ͕͋Δ
(SBQI2-ΫΤϦ query SanuAreas { areas { name sites { name rooms { code } } } } { "data": { "areas": [ { "name": "ീϲַ", "sites": [ { "name": "ീϲַ 1st", "rooms": [ { "code": "0103" }, { "code": "0102" } (SBQI2-Ϩεϙϯε

࠾༻ͨ͠ΞʔΩςΫνϟʢ࣮ࡍʣ • ϞϊϨϙ͕ͩ'&#&Λ࿦ཧతʹ෼཭ʢผͷOQNύοέʔδʹͳΔʣ • αʔόʔଆ͸୯Ұͷ/PEFKTϓϩηεͱͯ͠ಈ͔͠ɺ'&#&྆ํͱͯ͠ৼΔ෣͏ • ඞཁʹԠͯ͡'&#&Ͱͷαʔόʔ෼཭ɾσϓϩΠαΠΫϧͷ෼཭ͳͲ΋Մೳ

ਐԽ͢ΔΞʔΩςΫνϟɿ ϑϩϯτΤϯυͷଟ༷Խ

ਐԽ͢ΔΞʔΩςΫνϟɿ ϑϩϯτΤϯυͷଟ༷Խ • Ϣʔεέʔε΍؀ڥʹԠͯ͡ҟͳΔ ϑϩϯτΤϯυΛఏڙ͍ͯ͘͠έʔε • ࠷దͳٕज़͕54ͱ͸ݶΒͳ͍ • ࣮ࡍ4"/6Ͱ͸؅ཧ༻ΞϓϦʹ
ϩʔίʔυٕज़ 3FUPPM Λ࠾༻ • (SBQI2-Ͱ͸ఏڙ͢Δ৘ใ͕ಉ͡Ͱ͋Ε ͹όοΫΤϯυͷมߋͳ͠Ͱల։Ͱ͖Δ ݱ୅ͷ8FCαʔϏε͸࣮ࣾձͷଟ༷ͳεςʔΫϗϧμʔΛר͖ࠐΜͰ՝୊Λղܾ͢Δέʔε΋ଟ͘ͳ͍ͬͯΔͨΊɺ γεςϜ͸ڞ௨͕ͩҟͳΔΞϓϦΛఏڙ͢Δɺͱ͍ͬͨ͜ͱ͸4"/6ʹݶΒͣҙ֎ͱଟ͍ͷͰ͸ͳ͍Ͱ͠ΐ͏͔

ਐԽ͢ΔΞʔΩςΫνϟɿ όοΫΤϯυͷߴ౓Խ

ਐԽ͢ΔΞʔΩςΫνϟɿ όοΫΤϯυͷߴ౓Խ • ֎෦γεςϜʹྲྀͨ͠ΓɺෳࡶͳॲཧΛ αϒγεςϜͰ࣮ݱ͢Δέʔε • (SBQI2-εΩʔϚ͑͞ຬͨͤ͹ɺඞཁͳ෦෼ ͚ͩผγεςϜͱͯ͠෼཭ɾ౷߹͕༰қʢࢧ ԉٕज़͕๛෋ʣ
• ܾΊଧͪͰ͸ͳٕ͘ज़తબ୒ࢶ͕͋Δ ͜ͱ͕த௕ظతʹਖ਼͍͠ਐԽΛଅ͢

εϐʔυΛ٘ਜ਼ʹ͠ͳ͍ͭͷ޻෉ όοΫΤϯυͱϑϩϯτΤϯυΛ෼͚Δ͜ͱͰൃੜ͢ΔΦʔόʔϔουʹରॲɿ • ։ൃ࣌ɿαʔόʔͷىಈɾ࿈ܞ͕໘౗ʹͳΔ • ➡ϑϩϯτΤϯυͷ/FYUKTαʔόʔʹόοΫΤϯυಉࠝ✅ίϚϯυͰىಈɾऴྃ • ӡ༻࣌ɿΠϯϑϥ΍$*$%͕ෳࡶʹ •
➡ϞϊϨϙΛ7FSDFMʹ࿈ܞͯ͠αʔόϨεʹ͓೚ͤ • ✅ચ࿅͞Εͨ։ൃϓϥοτϑΥʔϜͰɺΤϯδχΞ͸ϓϩμΫτ։ൃʹूத • ࣮ߦ࣌ɿωοτϫʔΫΛܦ༝͢Δ͜ͱʹΑΔίετɾ଎౓૿ • ➡αʔόʔαΠυ͔Βͷ(SBQI2-ݺͼग़͠͸τϥϯεϙʔτ૚Λ)551͔Βࠩ͠ସ͑ • ✅༨෼ͳαʔόϨεɾϑΝϯΫγϣϯͷىಈΛ཈͑Δ͜ͱ͕Ͱ͖ͨ

໨ࢦͨ͜͠ͱʢ࠶ܝʣ zεϐʔυΛ٘ਜ਼ʹͤͣɺ࣋ଓతʹ੒௕͢Διϑτ΢ΣΞΛ࡞Δz

໨ࢦͨ͜͠ͱʢ࠶ܝʣ zεϐʔυΛ٘ਜ਼ʹͤͣɺ࣋ଓతʹ੒௕͢Διϑτ΢ΣΞΛ࡞Δz 'VMM4UBDL5ZQF4DSJQUͰ࣮ݱ

໨ࢦͨ͜͠ͱʢ࠶ܝʣ zεϐʔυΛ٘ਜ਼ʹͤͣɺ࣋ଓతʹ੒௕͢Διϑτ΢ΣΞΛ࡞Δz εΩʔϚʹΑΔ෼཭Ͱ࣮ݱ

໨ࢦͨ͜͠ͱʢ࠶ܝʣ zεϐʔυΛ٘ਜ਼ʹͤͣɺ࣋ଓతʹ੒௕͢Διϑτ΢ΣΞΛ࡞Δz

ίʔυϨϕϧͰݟΔ εΩʔϚͱܕ͕΋ͨΒ͢Ձ஋

࠷ॳʹ͓࿳ͼ🙏 ൃද࣌ؒͷ౎߹΋͋Γ(SBQI2-Y5ZQF4DSJQUΛ࢖ͬͨ։ൃͷΠϩϋ͔ΒຊηογϣϯͰ ѻ͏͜ͱ͸Ͱ͖·ͤΜͰͨ͠ɻ ࢝ΊΔࡍͷखҾ͖ͱͯ͠͸ڈ೥ͷ54,BJHJͰͷ!IPLBDDIB͞ΜʹΑΔ5ZQF4DSJQUͱ (SBQI2-Ͱ࣮ݱ͢Δܕ҆શͳ"1*࣮૷ ͕େมஸೡͳηογϣϯͱͳ͍ͬͯ·͢🙌 ຊηογϣϯͰ͸ϑϩϯτΤϯυ͔ΒόοΫΤϯυ·ͰεΩʔϚΛ௨ͯ͡ܕ͕෇͍͍ͯΔ͜ ͱΛલఏͱͯ͠εΩʔϚۦಈͷྲྀΕʹ͍ͭͯݟ͍͖ͯ·͢ɻ <ৄ͍͠ํ޲͚>্هൃදͱͷࡉ͔ͳٕज़બఆͷҧ͍
(SBQI2-4%- εΩʔϚఆٛݴޠ Λ࢖ͬͨʮεΩʔϚϑΝʔετʯͷΞϓϩʔνΛ࠾༻ (SBQI2-ίʔυੜ੒͸ϑϩϯτΤϯυ΋όοΫΤϯυ΋(SBQI2-$PEFHFOͰ౷Ұ όοΫΤϯυͰ͸ͦΕΛ(SBQI2-:PHB্Ͱಈ͔͢ߏ੒ʹͳ͍ͬͯΔ IUUQTTQFBLFSEFDLDPNIPLBDDIBUTLBJHJ

͓୊ͦͷɿશ෦԰Λදࣔ͢Δ ΤϦΞʼڌ఺ʼ෦԰

type Query { areas: [Area!]! } """ΤϦΞʢྫɿീϲַ,Տޱބʣ""" type Area {
name: String! sites: [Site!]! } """ڌ఺ʢྫɿീϲַ1st,ീϲַ2ndʣ""" type Site { nth: String! rooms: [Room!]! } """෦԰""" type Room { Code: String! } (SBQI2-εΩʔϚΛఆٛ͢Δ • ΤϯτϦϙΠϯτΛఆٛ • ֤ΦϒδΣΫτΛఆٛ • ೔ຊޠ΋ซه͢Δ • ϢϏΩλεݴޠͷఆٛʹͳΔ • ΦϒδΣΫτಉ࢜Λܨ͙ schema.graphql

όοΫΤϯυɿڌ఺ʹؚ·ΕΔ෦԰ΛऔಘͰ͖ΔΑ͏ʹ͢Δྫ • (SBQI2-$PEFHFO4FSWFS1SFTFUͰ਽ܗΛίʔυੜ੒ import type { SiteResolvers } from
"../__generated__/types"; export const Site: SiteResolvers = { rooms: async (parent, _arg, ctx) => { // Implementation of the resolver. // // // // }, }; resolvers/Site.ts

όοΫΤϯυɿڌ఺ʹؚ·ΕΔ෦԰ΛऔಘͰ͖ΔΑ͏ʹ͢Δྫ • (SBQI2-$PEFHFO4FSWFS1SFTFUͰ਽ܗΛίʔυੜ੒ import type { SiteResolvers } from
"../__generated__/types"; export const Site: SiteResolvers = { rooms: async (parent, _arg, ctx) => { // Implementation of the resolver. // // // // }, }; resolvers/Site.ts • ੜ੒͞Εͨ਽ܗʹରͯ͠σʔλϑΣονΛ࣮૷ • ͜ͷ৔߹͸σʔλϕʔεͱͷ΍ΓऔΓʹ1SJTNBΛར༻͍ͯ͠Δ return ctx.prisma.room.findMany({ where: { siteId: parent.id, }, });

ϑϩϯτΤϯυɿ෦԰Λදࣔ͢Δίϯϙʔωϯτͷྫ • 3FBDUίϯϙʔωϯτͷϑΝΠϧʹ ࢀর͢Δ(SBQI2-ͷσʔλ΋ఆٛ • 'SBHNFOU$PMPDBUJPOͱ͍͏ඞਢख๏ const Fragment =
graphql(` fragment RoomForCalendar on Room { code } `); type Props = { FragmentType<typeof Fragment> }; export function Room({ roomData }: Props) { const room = useFragment(Fragment, roomData); return ( <div style={roomStyle}> {room.code} </div> ); } room.tsx

ϑϩϯτΤϯυɿ෦԰Λදࣔ͢Δίϯϙʔωϯτͷྫ • ྫɿ෦԰ʹઃඋ͕෇͍ͨ৔߹ͷରԠ • มߋ͕ίϯϙʔωϯτͰ׬݁͢Δ✅ const Fragment = graphql(`
fragment RoomForCalendar on Room { code facility { name type } } `); type Props = { FragmentType<typeof Fragment> }; export function Room({ roomData }: Props) { const room = useFragment(Fragment, roomData); return ( <div style={roomStyle}> {room.code} {facilityIcon(room.facility.type)} {facilityLabel(room.facility.type)} </div> ); } room.tsx

͓୊ͦͷɿ৽͍͠αʔϏεϓϥϯͷల։ എܠɿ্ཱͪ͛ͷ։ൃͱฒߦͯ͠ɺ్த͔ΒͭͷαʔϏεϓϥϯ͕࢝ಈ

6OJPOܕΛ׆༻ͨ͠ࣄۀల։ɿܕϨϕϧ มߋ͢΂͖ՕॴΛܕΤϥʔͰัଊ ➡मਖ਼ՕॴΛϦετΞοϓ ✅αʔϏεϓϥϯΛػಈతʹల։ ஫ʣ౰વͳ͕ΒυϝΠϯͷؔ৺ࣄΛεΩʔϚͱܕʹͲͷΑ͏ʹɾͲͷఔ౓൓өͤ͞Δ͔ͱ͍͏υϝΠϯͷ৘ใઃܭ͸࠷ॏཁʹͳΓ·͢ εΩʔϚ͔Βੜ੒͞Εͨܕʹରͯ͠໢ཏνΣοΫΛॻ͍͓ͯ͘͜ͱͰɾɾɾ switch (provider.type) { case
"SubscriptionProvider": handleSubscriptionProvider(provider); case "BusinessProvider": handleBusinessProvider(provider); default: { // ৽αʔϏεΛεΩʔϚʹ൓ө͢Δͱ͜͜ͰܕΤϥʔ͕ൃੜ const _exhaustiveCheck: never = provider.type; } }

εΩʔϚͱܕʹΑΔ։ൃΛͯ͠Έͯ վΊͯΞϓϦέʔγϣϯશମΛ၆ᛌͯ͠Έ·͢ɿ ɾϑϩϯτΤϯυ͸εΩʔϚʹج͍ͮͯΫΤϦΛൃߦ͢Δॊೈͳ։ൃ͕Ͱ͖Δ ɾόοΫΤϯυ͸ͭͷεΩʔϚΛܨ͙໾ׂΛ༩͑ΒΕΔ͜ͱͰਫ਼౓ͷߴ͍࣮૷͕Ͱ͖Δ ಉ࣌ʹ։ൃ࣌ͱ࣮ߦ࣌ͷݕূόϥϯεͷྑ͞ʹ΋஫໨͍ͨ͠ͱ͜ΖͰ͢ɿ ɾܕɿ։ൃ࣌ʹ5ZQF4DSJQUʹΑΔܕνΣοΫ✅ʢϑΟʔυόοΫ଎౓ॏࢹʣ ɾεΩʔϚɿ։ൃ࣌ʹՃ࣮͑ͯߦ࣌΋ݕূ✅ʢ҆શੑॏࢹʣ
ԿΑΓεΩʔϚͱ͍͏ந৅౓ͷߴ͍هड़Λى఺ʹ͢Δ͜ͱ͸ɺνʔϜʹڞ௨ݴޠΛ΋ͨΒ͠·͢ɻ ඞવతʹ$VSTPS%FWJOͳͲͷ"*ίʔσΟϯάͱ΋ൈ܈ʹ૬ੑ͕ྑ͘ͳΓ·͢ɻ ૯ͯ͡εΩʔϚۦಈͷ։ൃ͸୯ͳΔܕ҆શੑΛ௒͑ΔՁ஋Λ࣋ͭɺͱݴ͑ΔͰ͠ΐ͏ɻ

·ͱΊ

ࠓ೔͓఻͑ͨ͜͠ͱ • εΩʔϚۦಈ'VMM4UBDL5ZQF4DSJQUͷΞʔΩςΫνϟ • (SBQI2-Λ׆༻ͯ͠ϑϩϯτΤϯυͱόοΫΤϯυʹڥքΛ࡞Δ • ϑϩϯτΤϯυͷଟ༷Խ΍όοΫΤϯυͷ෼ׂɾ֦ுͳͲͷൃలύλʔϯ • ϫϯϓϩηεԽɺΠϯϓϩηεԽɺϓϥοτϑΥʔϜ׆༻ͳͲͷςΫχοΫ
• εΩʔϚۦಈͰͷ։ൃ • εΩʔϚఆ͔ٛΒϑϩϯτΤϯυɾόοΫΤϯυͷ࣮૷·Ͱ • εΩʔϚ͔Βܕʹམͱ͠ࠐΉ͜ͱͰࣄۀల։ੑΛ֫ಘ͢Δྫ

೥୅ͷιϑτ΢ΣΞΛ5ZQF4DSJQUͰ૑Δ ࠷ޙʹɾɾɾ ೥୅ʹ࢝·ͬͨଟ͘ͷ8FCαʔϏε͸ɺ੒௕ͱڞʹٕज़ɾ૊৫ͷεέʔϧͷ՝୊ʹ औΓ૊ΜͰ͖·ͨ͠ɻεΩʔϚ΍઴ਐతܕ෇͚ͷٕज़΋౰ॳ͸ະ੒ख़Ͱͨ͠ɻ ͦͯ͠ࠓɺࢲ͕ͨͪఏҊ͢Δͷ͸ɺʮεΩʔϚͱܕΛ࣠ʹͨ͠'VMM4UBDL5ZQF4DSJQUʯͱ ͍͏۩ମతͳղܾࡦͰ͢ɻ ͜Ε͸୯ʹ։ൃޮ཰ͷ໰୊Ͱ͸ͳ͘ɺ࣋ଓՄೳͰՁ஋͋Διϑτ΢ΣΞΛ࡞ΔͨΊͷຊ࣭ తͳΞϓϩʔνͷҰͭͰ͢ɻ ͥͻօ͞Μͷݱ৔Ͱ΋ࢼͯ͠Έ͍ͯͩ͘͞ʂ

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

"QQFOEJY

෼཭ٕज़ʹ͓͚Δ(SBQI2-ͷཱͪҐஔ • ݺͼग़͠ଆͷॊೈੑ͕13$ΑΓ΋ߴ͘ɺϑϩϯτΤϯυͱόοΫΤϯυͷ੹຿ͷڥք ͕มΘΔ ▶︎ ͜ͷ݁Ռͱͯ͠ϑϩϯτΤϯυͷల։ੑ͕ߴ͘ͳΔ • ಉ࣌ʹ࠷దԽͱͷτϨʔυΦϑ͕͋ΔͨΊɺ͜ͷதͰൺֱͯ͠બ୒͢Δ͜ͱʹͳΔ "1*DVTUPNJ[BUJPOTQFDUSVNUSBEFP
ff 1SPEVDUJPO3FBEZ(SBQI2-<YY>

αʔόʔαΠυʹ͓͚Δ(SBQI2-ݺͼग़͠ import { YogaLink } from "@graphql-yoga/apollo-link"; function createApolloClientForServer(...)
{ return new ApolloClient({ // มߋ఺͸͜Ε͚ͩ link: new YogaLink({ fetch: yoga.fetch, endpoint: yoga.graphqlEndpoint, }), // ... }); } ɾ"QPMMP$MJFOUͷMJOLΛมߋ͢Δ͜ͱͰΠϯϓϩηεʹͰ͖Δ

3FBM8PSME(SBQI2-4DIFNB ɾεΩʔϚΛҭ͍ͯͯ͘ͱ͜͏͍͏άϥϑ͕ग़དྷ͍ͯ͘

(SBQI2-ؔ࿈ͷ͓͢͢Ίࢿྉू • 5ZQF4DSJQUͱ(SBQI2-Ͱ࣮ݱ͢Δܕ҆શͳ"1*࣮૷ • IUUQT[FOOEFWVCJF@EFWBSUJDMFTBEFFFF • (SBQI2-ͷޡղSFUIJOLJOHHSBQIRM • IUUQTTQFBLFSEFDLDPNTPOBUBSESFUIJOLJOHHSBQIRM •
1SPEVDUJPO3FBEZ(SBQI2- • IUUQTCPPLQSPEVDUJPOSFBEZHSBQIRMDPN • (SBQI2-͋Δ͍͸3FBDUʹ͓͚Δࣗ཯తͳσʔλऔಘʹ͍ͭͯ • IUUQTTQFBLFSEFDLDPNRVSBNZGSBHNFOUDPNQPTJUJPOPGHSBQIRM • (SBQI2-αʔόͷߏ੒ཁૉΛ੔ཧ͢Δ • IUUQTTQFBLFSEFDLDPNJ[VNJOHSBQIRMTFSWFSUFDIOPMPHZTFMFDUJPO

όοΫΤϯυ಺ͷϨΠϠϦϯά

スキーマと型で拓く Full-Stack TypeScript / TSKaigi 2025

スキーマと型で拓く Full-Stack TypeScript / TSKaigi 2025

More Decks by Altech

Other Decks in Technology

Featured

Transcript