4WFMUF,JUͰ+BNTUBDLΛࢼ͢ !TIJCF δϟϜδϟϜʂ+BNTUBDLWPM

ࣗݾ঺հ !TIJCF ࣲా ࿨ف / Kazuki Shibata גࣜձࣾNJDSP$.4ͷڞಉ૑ۀऀ $00ɻ ԿͰ΋԰ɻ41"͕޷͖ɻ

ϏϡʔΛੜ੒͢ΔϥΠϒϥϦ 3FBDU΍7VFͱҟͳΓɺϥΠϒϥϦͷίʔυΛ ΄ͱΜͲؚ·ͳ͍7BOJMMB+4ʹ͍ۙܗͰίϯύΠ ϧ͞ΕΔ Ծ૝%0.Λ׶͑ͯ࠾༻͓ͯ͠ΒͣɺมߋΛ໋ྩ తʹ࣮ߦ͢Δ

໋ྩతͳॲཧ const { count } = this.state; this.setState({ count: count + 1 }) ; count += 1 ; 3FBDU 4WFMUF

No content

4WFMUFͷΞϓϦέʔγϣϯ༻ϑϨʔϜϫʔΫ 3FBDUͰ͍͏ͱ͜Ζͷ/FYUKT 7VFͰ͍͏ͱ͜Ζͷ/VYUKT 7JUF͕࠾༻͞Ε͍ͯΔͷͰϏϧυ͕ߴ଎ ·ͩϕʔλ൛ 4WFMUF,JUͱ͸

"EBQUFS ͦͷ໊ͷ௨ΓɺϏϧυޙͷग़ྗܗࣜΛࢦఆͰ͖Δػೳɻ BEBQUFSTUBUJD શϖʔδΛ͋Β͔͡Ί੩తੜ੒͢Δ༻ BEBQUFSOPEF 443͢Δ༻ BEBQUFSWFSDFM 7FSDFMʹσϓϩΠ͢Δ༻ BEBQUFSOFUMJGZ /FUMJGZʹσϓϩΠ͢Δ༻ +BNTUBDLͳΒίϨ

4WFMUF,JUͷߏ଄ ϑΝΠϧߏ੒͸/FYU΍/VYUͱ͍ۙ TWFMUFϑΝΠϧͰϖʔδΛఆٛ UTϑΝΠϧͰ"1*Λఆٛ

UTϑΝΠϧʹΑΔ"1*ͷఆٛྫ import db from '$lib/database' ; /* * * @type {import('@sveltejs/kit').RequestHandler } */ export async function get({ params }) { // the `slug` parameter is available because this file // is called [slug].json.js const { slug } = params ; const article = await db.get(slug) ; if (article) { return { body: { articl e } } ; } }

-PBEؔ਺ʢ/FYUKTͷHFU4UBUJD1SPQT૬౰ͷ΋ͷʣ export async function load({ page, fetch, session, stuff }) { const url = `/blog/${page.params.slug}.json` ; const res = await fetch(url) ; if (res.ok) { return { props: { article: await res.json( ) } } ; } return { status: res.status , error: new Error(`Could not load ${url}` ) } ; }

Ϗϧυ࣌ɺ41"ભҠ࣌ʹಈ࡞͢Δ UTϑΝΠϧʹͯ੩తԽͨ͠+40/ Λऔಘ͠ʹ͍͘ͷ͕௨ྫͬΆ͍ ड͚औͬͨ΋ͷΛςϯϓϨʔτଆʹ ౉ͯ͠දࣔͷྲྀΕ MFUʹҧ࿨ײ -PBE͔ΒͷදࣔͷྲྀΕ export function load({ error, status }) { return { props: { title: `${status}: ${error.message}` } } ; } export let title ;

{title}

1SFGFUDI ϦϯΫઌΛϓϦϑΣονʢࣄલऔಘʣͯ͘͠ΕΔػೳɻ 1$ͳΒΦϯϚ΢εɺϞόΠϧͳΒλον࣌ʹMPBEؔ਺Λݺͼग़͢͜ͱͰ αʔόʔ͔ΒͷϨεϙϯεͷλΠϜϥάΛܰݮͰ͖Δɻ What is SvelteKit ? ˞ͪͳΈʹ/VYU΍/FYU͸σϑΥϧτͰ͸7JFXQPSU൑ఆͰϓϦϑΣον͢Δ

एׯϋϚͬͨ΍ͭɻ ؀ڥม਺Λઃఆ͢ΔͨΊʹ͸QSF fi Yͱͯ͠7*5&@Λ͚ͭΔඞཁ͕͋Δɻ *NQPSUNFUBFOW7*5&@)0(&ͰࢀরͰ͖Δɻ ؀ڥม਺ VITE_API_KEY=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX X VITE_SERVICE_ID=XXXXXXXXXX

ϒϩάΛ࡞ͬͯΈͨ 63- IUUQTXXXNZUIJOLJOHTOFU (JU)VC IUUQTHJUIVCDPNTIJCFNZUIJOLJOHT -JHIUIPVTF 1$ .PCJMF

ࠔͬͨΒݟΔͱ͜Ζ ެࣜυΩϡϝϯτҰ୒ IUUQTLJUTWFMUFEFWEPDT

4WFMUF,JU͸ܰྔɺ଎͍ˠ+BNTUBDLͳ8FCαΠτʹ͸૬ੑྑͦ͞͏ ·ͩόά͕ଟ͍ҹ৅͕͋ΔͷͰɺW·Ͱ͸҆қʹΦεεϝͰ͖ͳ͍ ࠓޙ͡Θ͡ΘདྷΔؾ͕͢ΔͷͰɺઌۦऀʹͳΓ͍ͨํ͸ͥͻ ·ͱΊ

Thanks :) !TIJCF