Nuxtはいいぞ2 / nuxtjs is good 2

Nuxtはいいぞ2 / nuxtjs is good 2

994abc15f0cfc4010e8125dba1bcfae7?s=128

ちげ

May 02, 2020
Tweet

Transcript

  1. 1.
  2. 2.

    ͪ͛ ʓө૾੍࡞ ʓ8FC αΠ τ੍࡞ ʓσβΠ ϯ͕ಘҙ ʓ࠷ۙ 'JHNBͰ 6*

    ࡞ͬ ͯΔ ʓ޷͖ͳήʔ Ϝ͸ .JOFDSBGU ʓण࢘͸פϒϦ ʓು͸͖͢ম͖͕޷͖ !$IJHF@
  3. 4.
  4. 5.
  5. 6.
  6. 7.
  7. 8.
  8. 9.

    <body> <h1>λΠ τϧ ʂ </h1> <p>͜Μʹͪ͸ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ

    </p> <ul> <li>ण࢘</li> <li>͖͢ম͖</li> <li>ຣ஡</li> </ul> </body> λΠ τϧ ʂ ͜Μʹͪ͸ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ ɾ ण࢘ ɾ ͖͢ম͖ ɾ ຣ஡
  9. 10.

    <body> <h1>λΠ τϧ ʂ </h1> <p>͜Μʹͪ͸ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ

    </p> <ul> <li>ण࢘</li> <li>͖͢ম͖</li> <li>ຣ஡</li> </ul> </body> λΠ τϧ ʂ ͜Μʹͪ͸ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ ɾ ण࢘ ɾ ͖͢ম͖ ɾ ຣ஡
  10. 11.

    h1 { background: gray; color: white; } p { text-decoration:

    underline; } ul { list-style-type: decimal; } λΠ τϧ ʂ ͜Μʹͪ͸ ʂ ͪ͛ͬ ͯݺΜͰͶ ʂ ̍ ण࢘ ͖͢ম͖ ຣ஡
  11. 12.

    var roop = 5 var hoge = "ϗήϗήʙ" var foo

    = "ϑΡʙʙ ʂ " for(var i=0; i < roop; i++){ if(i==3){ console.log(foo); }else{ console.log(hoge+i); } } ϗήϗήʙ ϗήϗήʙ ϗήϗήʙ ϑ Ρʙʙ ʂ  ϗήϗήʙ̐
  12. 17.
  13. 19.
  14. 20.
  15. 22.
  16. 23.
  17. 24.
  18. 25.
  19. 26.

    جຊ͸7VFKT ͭͷWVFϑ Ν Π ϧʹ )5.- $44 +4Λॻ͘ 7VFͷಠࣗهड़Ξ Ϧ

    <template> <!-- HTML --> </template> <script> // Javas Cript </script> <style> /* CSS */ </style> JOEFYWVF
  20. 27.

    <template> <div v-for=”list in lists”> {{ list }} </div> </template>

    <script> export default { data(){ return{ lists : [”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”] }}} </script> JOEFYWVF
  21. 28.

    <template> <div v-for=”list in lists”> {{ list }} </div> </template>

    <script> export default { data(){ return{ lists : [”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”] }}} </script> JOEFYWVF ഑ྻΛ͍ΕΔ
  22. 29.

    <template> <div v-for=”list in lists”> {{ list }} </div> </template>

    <script> export default { data(){ return{ lists : [”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”] }}} </script> JOEFYWVF ഑ྻͷத਎ ల։
  23. 30.

    <template> <div v-for=”list in lists”> {{ list }} </div> </template>

    <script> export default { data(){ return{ lists : [”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”] }}} </script> JOEFYWVF MJTUΛςΩε τͰදࣔ
  24. 31.

    <template> <div v-for=”list in lists”> {{ list }} </div> </template>

    <div>ΓΜ͝</div> <div>Έ͔Μ</div> <div>͍ͪ͝</div> JOEFYWVF JOEFYIUNM [”ΓΜ͝”,”Έ͔Μ”,”͍ͪ͝”]
  25. 33.

    <template> <div @click=”openMenu()”> Click! </div> <div v-if=”menu”> MENU </div> </template>

    <script> export default { data() { return { menu: false } }, methods: { JOEFYWVF
  26. 34.

    <script> export default { data() { return { menu: false

    } }, methods: { openMenu() { this.menu = true } } } </script> JOEFYWVF PQFO.FOV ؔ਺͕࣮ߦ ͞Εͨ࣌ʹ USVF ʹ͢Δ
  27. 37.

    ˡ֎෦$44ͱ͔ը૾ͱ͔ ˡίϯϙʔωϯ τ ࢠ ˡϨΠ Ξ΢ τ Λઃఆ ˡϖʔδΛ࡞Δ ˡ7VFͷϓϥά

    Π ϯ ˡ੩తϑ Ν Π ϧஔ͖৔ ˡ7VFY࢖͏ ͱ ͖ ϑ Υϧμߏ଄ components assets layouts pages plugins static store
  28. 41.

    %PDVNFOU)5.-pMF -BZPVU 1BHF w BTZOD%BUB w NJEEMFXBSF w GFUDI w

    TDSPMM5P5PQ w IFBE w USBOTJUJPO w MBZPVU w WBMJEBUF 0QUJPOBM1BHF$IJME ίϯϙʔωϯ τ 0QUJPOBM 1BHF$IJME ίϯϙʔωϯ τ
  29. 43.
  30. 45.