Nuxtはいいぞ / nuxt.js is good

994abc15f0cfc4010e8125dba1bcfae7?s=47 ちげ
March 24, 2019

Nuxtはいいぞ / nuxt.js is good

高専カンファ×学生LT in大阪での発表スライド
Nuxt.jsは便利です。

994abc15f0cfc4010e8125dba1bcfae7?s=128

ちげ

March 24, 2019
Tweet

Transcript

  1. 1.
  2. 5.

    N ߴ ౳ֶ ߍ ֶ ߍ ๏ ਓ ֯ ઒

    υ ϫ ϯ ΰ ֶ Ԃ ώϥΪϊ໌ே 1SP8 Baskerville Old Face Θ͔Βͳ͔ͬͨͷͰҰ൪ࣅͯΔ΍ͭ
  3. 6.
  4. 7.
  5. 8.
  6. 9.
  7. 10.
  8. 11.
  9. 12.

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

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

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

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

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

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

    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); } } ϗήϗήʙ ϗήϗήʙ ϗήϗήʙ ϑ Ρʙʙ ʂ  ϗήϗήʙ̐
  13. 20.
  14. 22.
  15. 23.
  16. 25.
  17. 26.
  18. 27.
  19. 28.
  20. 29.

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

    <template> <!-- HTML --> </template> <script> // Javas Cript </script> <style> /* CSS */ </style> JOEFYWVF
  21. 30.

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

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

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

    <script> export default { data(){ return{ menu:false } }, methods:{ openMenu(){ this.menu = true } } } </script> JOEFYWVF
  23. 35.

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

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

    %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 ίϯϙʔωϯ τ
  25. 41.
  26. 43.
  27. 45.
  28. 46.
  29. 48.