Slide 1

Slide 1 text

/VYUKTͰ͸͡ΊΔ 443 ͜ͱ͸͡Ί *5LBBTBO--$

Slide 2

Slide 2 text

͋ͱ෼Ͱ/VYUKTͱ443΍Γ·͢

Slide 3

Slide 3 text

/VYUKT؀ڥߏங

Slide 4

Slide 4 text

OQYDSFBUFOVYUBQQZPVSBQQOBNF OQNSVOEFW

Slide 5

Slide 5 text

$npx create-nuxt-app [your app] "YJPTͷΠϯετʔϧɹʢ"1*ΞΫηεʣ /VYUKTͷ؀ڥߏங ϚςϦΞϧσβΠϯ ͜Εશ෦ʂ

Slide 6

Slide 6 text

͋ͱ͸ SVOEFW Ҏ্

Slide 7

Slide 7 text

ϧʔςΟϯά QBHFTσΟϨΫτϦʹϑΝΠϧஔ͚ͩ͘

Slide 8

Slide 8 text

SSR อଘޙɺࣗಈͰଈ࣌൓ө

Slide 9

Slide 9 text

API axios.get('https://api.doorkeeper.jp/events/') .then((res) => { var data = res.data; console.log(data); callback(null, {data: res.data}) }) .catch((e) => { callback({ statusCode: 404, message: 'ϖʔδ ͕ݟ͔ͭΓ·ͤΜ' }) }) K2VFSZͷ"1*ϝιουͱ΄΅Ұॹʂ

Slide 10

Slide 10 text

V-for {{item.event.title}}

Slide 11

Slide 11 text

OQYDSFBUFOVYUBQQ "YJPTͷΠϯετʔϧɹʢ"1*ΞΫηεʣ /VYUKTͷ؀ڥߏங ϚςϦΞϧσβΠϯ 443Ͱ'ແ͠Ͱଈ࣌൓ө

Slide 12

Slide 12 text

/VYUKTͨͷ͍͠ʂ 443௒ϥΫͨͷ͍͠ʂ

Slide 13

Slide 13 text

ιʔείʔυ͸ͪ͜Β HJTUͨͷ͠ ͍ʂ

Slide 14

Slide 14 text

ຊ೔͸ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ