Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Nuxtのプロダクション事例

Fb278d07d86fb8cc00b0f14bb5f66612?s=47 tameto
August 06, 2018

 Nuxtのプロダクション事例

Fb278d07d86fb8cc00b0f14bb5f66612?s=128

tameto

August 06, 2018
Tweet

Transcript

  1. /VYUͷϓϩμΫγϣϯࣄྫ /VYU.FFUVQ <.0/>ҝ౻ΞΩϥ

  2. ໨࣍ ‣ ࣗݾ঺հ ‣ Ͳ͏ͯ͠/VYUΛ࢖͏ͷ͔ʁ ‣ /VYUͷσϝϦοτ ‣ /VYUͷϓϩμΫγϣϯࣄྫ঺հ ‣

    ࣮ࡍʹؔΘͬͨؔΘ͍ͬͯΔ੍࡞ࣄྫΛ͝঺հ͠·͢ɻ ‣ ·ͱΊ
  3. ࣗݾ঺հ ‣ ॴଐ ‣ גࣜձࣾ30-0 ‣ 69ʴ։ൃΛத৺ʹडୗͰγεςϜ։ൃΛͭͭࣗࣾ͠αʔϏε։ൃɻ ‣ ࢓ࣄ಺༰ ‣

    ຊ৬͸"84େ޷͖ͳ1)1 -BSBWFM ͷόοΫΤϯυΤϯδχΞ ‣ αʔό 1)1PS(P ϑϩϯτ 3FBDU /FYU PS7VF /VYU ΞϓϦ ‣ ΞΧ΢ϯτ ‣ 5XJUUFSɿ!"LJSB5BNFUP ҝ౻ ΞΩϥ
  4. Ͳ͏ͯ͠/VYUΛ࢖͏ͷ͔ʁ ‣ ֶशίετ͕௿͍ ‣ 3FBDUKT /FYU Λࠓ·Ͱ࢖༻͍ͯ͠·ֶ͕ͨ͠शίετ͕ߴ͍ɻͦΕʹରͯ͠7VFKT͸ ௿ͯ͘ϚʔΫΞοϓνʔϜΛר͖ࠐΈ΍͍͢ɻ ‣ ߋʹ/VYUʹؔͯ͠͸WVFKTपΓͷઃఆ΋৭ʑͱ΍ͬͯ͘ΕΔҝɺศརɻ

    ‣ /FYUΑΓ΋շదɻ ‣ ଎౓໘Ͱ΋ͦ͏Ͱ͕͢ɺ։ൃ໘Ͱ΋շదʹߦ͏ࣄ͕ग़དྷΔɻ ‣ σΟϨΫτϦߏ੒΋γϯϓϧͰ͢͠ɺׂͱେ͖ΊͷγεςϜͰ΋ରԠ͢Δࣄ͕ग़དྷ·͢ɻ ‣ ίϛϡχςΟϕʔεͰ׆ൃʹ։ൃ͞Ε͍ͯΔɻ ‣ /VYU΋ొ৔͢ΔͷͰߋʹظ଴ɻ
  5. /VYUͷσϝϦοτ ‣ ಛʹ͋Γ·ͤΜɻ ‣ ͍͍ͯ͠͏ͷͰ͋Ε͹ɺ/VYUҎ֎࢖Θͳ͘ͳͬͯ͠·ͬͯ3FBDUΛ๨Ε͔ ͚͍ͯΔ͙Β͍ɻKTYͱ͔ݟΔͱͪΐͬͱϏϏΓ·͢ɻ
 ‣ ·ͩ·ͩ৘ใ͕গͳ͍෦෼΋͋Δͷͱɺ7VFKTͷϑϨʔϜϫʔΫͱ͍͏ࣄ Ͱศརʹ͍ͯ͠Δ෼ɺएׯॻ͖ํ͕ҧͬͨΓ޻෉͕ඞཁͰ͕͢ɺ໰୊ແ͠ʂ

  6. /VYUͷϓϩμΫγϣϯࣄྫ঺հ ͝ґཔᶃ ΦγϟϨͰ41"ͳ੡඼঺հαΠτΛ࡞Γ͍ͨɻ

  7. ґཔᶃ/VYU /FUMJGZ ‣ /VYUͳΒ௨ৗͷ)5.- K2VFSZ͚ͩͰ͸දݱ͢Δࣄ͕೉͍͠ɺঢ়ଶ؅ཧͰͷ$44Ξχϝʔ γϣϯʹΑΔɺάϥϑΟΧϧͳΞχϝʔγϣϯΛ࣮૷͢Δࣄ͕ग़དྷΔɻ ‣ ·ͨɺ/VYU͸OQNSVOHFOFSBUFͰ؀ڥʹґଘ͠ͳ͍੩తϑΝΠϧ΋ੜ੒Ͱ͖ɺ /FUMJGZΛ࢖༻͢Ε͹$*Ͱࣗಈੜ੒ࣗಈσϓϩΠϗεςΟϯά͕εϚʔτʹग़དྷ·͢ɻ ‣

    ϥΠϒϥϦͷΠϯετʔϧ΋ෆཁɻ ʷ /VYU /FUMJGZͰ੡඼঺հαΠτΛ࡞੒͠·ͨ͠ɻ
  8. ґཔᶃ/VYU /FUMJGZ

  9. /VYUͷϓϩμΫγϣϯࣄྫ঺հ ͝ґཔᶄ /VYUͰXPSEQSFTTͷ༷ͳϒϩάΛ࡞Γ͍ͨ

  10. ґཔᶄ/VYU $POUFOUGVM ‣ )FBESFTT$.4ͷ$POUFOUGVMΛ࢖͑͹؆୯ʹ$.4Λ࡞੒͢Δࣄ͕ग़དྷ·͢ɻ ‣ /FUMJGZ $POUFOUGVMͷXFCIPPLΛ࢖༻͢ΔࣄʹΑΓɺ"1*Ͱ͸ͳ͘શͯ੩తϑΝΠϧ Ͱ࣮ݱ͢Δࣄ΋ՄೳͰ͢ɻ ‣ ྉۚ΋$POUFOUGVMʹؔͯ͠͸΄΅΄΅ແྉͰ࢖͏ࣄ͕ग़དྷ·͢ɻ

    ‣ ϥΠϒϥϦ͸$POUFOUGVMͷ4%,ɺWVFNBSLEPXOΛΠϯετʔϧ͢Δඞཁ͕͋Γ·͢ɻ ʷ /VYU $POUFOUGVMͰ#MPHΛ࡞੒͠·ͨ͠ɻ ʷ
  11. ґཔᶄ/VYU $POUFOUGVM

  12. ґཔᶄ/VYU $POUFOUGVM $.4͕࡞ΕΔͷ͸Θ͔ͬͨʂ Ͱ΋ϝʔϧૹ৴͸Ͳ͏͢Ε͹͍͍ͷʁ

  13. ґཔᶄ/VYU $POUFOUGVM 4FOE(SJE ͦ͏͍͏࣌͸ɾɾɾ4FOE(SJE ‣ 4FOE(SJEΛ࢖͑͹"1*ܗࣜͰϝʔϧΛૹ৴͢Δࣄ͕ग़དྷ·͢ʂ ‣ ͪ͜Β΋ ௨݄·Ͱ͸ແྉͰ࢖༻͢Δࣄ͕ग़དྷ·͢ɻྉۚ΋ $POUFOUGVMʹؔͯ͠͸΄΅΄΅ແྉͰ࢖͏ࣄ͕ग़དྷ·͢ɻ

  14. /VYUͷϓϩμΫγϣϯࣄྫ঺հ ͝ґཔᶅ ٸᬎΠϕϯτΞϓϦ͕ඞཁʹɻνϟοτ෇͖ͷΞ ϓϦ࡞ͬͯʂ

  15. ґཔᶅ/VYU 'JSFCBTF 18" ‣ /VYUͳΒ18"Λ؆୯ʹ࣮ݱ͢Δࣄ͕ՄೳͰ͢ɻόοΫ͸'JSFCBTFͷΈͰαʔόϨεͰͱ ͯ΋εϚʔτͳߏ੒ʹͳ͍ͬͯ·͢ɻ ‣ 'JSFCBTFͷ'JSFTUPSFΛ࢖͏ࣄʹΑΓշదʹνϟοτ͕Ͱ͖ɺը૾͸'JSF4UPSBHFɺ)PTUJOH ͸'JSFCBTF)PTUJOHɺϩάΠϯपΓ͸'JSFCBTF"VUIFOUJDBUJPOͰ࣮ݱ͍ͯ͠·͢ɻ ‣

    18" 'JSFCBTFͰϓογϡ௨஌΋࣮ݱग़དྷ·͢ɻͪ͜Β͸݄຤ʹϦϦʔε༧ఆͰ͢ɻ ʷ /VYU 'JSFCBTF 18"Ͱνϟοτ8&#ΞϓϦΛ࡞Γ ·ͨ͠ɻ ˞ΞϓϦͱ΄΅΄΅มΘΓ·ͤΜɻ ʷ
  16. ґཔᶅ/VYU 'JSFCBTF 18"

  17. /VYUͷϓϩμΫγϣϯࣄྫ঺հ ͝ґཔᶆ (PPHMF4MJEFͷ༷ʹฤू͕ग़དྷΔɺ ϏδωεϞσϧਤ࡞੒πʔϧΛ࡞Γ͍ͨʂ

  18. ґཔᶆ/VYU 443  'JSFCBTF HP HJO  ($1 ‣ ͪ͜Β͸࠷ۙ࿩୊ͷϏδωεϞσϧਤղͷ8&#πʔϧΛݱࡏ։ൃ͓ͯ͠Γ·͢ɻ

    ‣ ߏ੒ͱͯ͠͸'JSFCBTFͷ'JSF4UPSFΛ/P42-ͱͯ͠ѻ͍ɺ࡞੒ͨ͠47(σʔλΛ อଘ͢Δҝʹ࢖༻͍ͯ͠·͢ɻ ‣ Ϣʔβʔσʔλ౳͸جຊతʹ($1ͷ3%#Λ࢖༻ͯ͠ɺHPͰ3&45"1*Ͱ࣮૷ͯ͠ ͍·͢ɻͪ͜Β͸೥಺ϦϦʔε༧ఆͰ͢ɻ ʷ /VYU 'JSFCBTF HP HJO  ($1Ͱ੡࡞தɻ ʷ ʷ
  19. ґཔᶆ/VYU 443  'JSFCBTF HP HJO  ($1

  20. /VYUͷϓϩμΫγϣϯࣄྫ঺հ ͝ґཔᶇ շదͳٻਓγεςϜΛ࡞Γ͍ͨʂ

  21. ґཔᶇ/VYU 443  HP HJO  ($1 "QPMMPDMJFOU ‣ ͪ͜Β͸·ͩެද͸ग़དྷ·ͤΜ͕ɺࠓճ͸'JSFCBTF͸࢖Θͣϑϩϯτ/VYUɺόο

    ΫHPMBOH HJO Ͱ࡞੒͍ͯ͠·͢ɻ ‣ ·ͨɺ࠷ۙ஫໨͞Ε͍ͯΔ(SBQI2-ͷઃܭʹͳ͍ͬͯ·͢ɻ/VYU "QPMMP $MJFOUͷ૊Έ߹Θͤ͸3FBDUΑΓ΍Γ΍͍͢Ͱ͢ɻ ‣ ͪ͜Β͸དྷ݄ลΓʹϕʔλ൛Ͱެ։༧ఆͰ͢ɻ ʷ /VYU HP HJO  ($1 "QPMMPDMJFOU੡࡞தɻ ʷ ʷ
  22. ґཔᶇ/VYU 443  HP HJO  ($1 "QPMMPDMJFOU

  23. /VYUͷϓϩμΫγϣϯࣄྫ঺հ ͝ґཔᶈ ࠓͷαΠτΊͪΌͪ͘Όॏ͍ʂ ϦϓϨΠεͯ͠΄͍͠ʂ

  24. ґཔᶈ"84 1)1 'VFM1)1 ὎($1 (P HJO  /VYU ‣ ࠓͷςϦϠΩ1$൛͸ॾʑͷࣄ৘ʹΑΓͱͯ΋ॏ͍Ͱ͢ʂ

    ‣ ݩʑ͸1)1 MBSBWFM  /VYUͰϦχϡʔΞϧ༧ఆͰ͕ͨ͠ɺ΋ͬͱϞμϯʹ͍ͨ͠ʂߴ଎Ͱ շదʹɻ ‣ ݁Ռɺ(P HJO  /VYUʹ͠·ͨ͠ɻͲͷ͙Β͍ͷมԽ͕͋Δָ͔͠Έʹ͍ͯͯͩ͘͠͞ʂ ງߐ͞ΜͷتͿإָ͕͠ΈͰ͢ʂ ʷ άϧϝΞϓϦςϦϠΩͷγεςϜΛ "84 1)1 'VFM1)1 ͔Β ($1 (P HJO  /VYUʹઈࢍҠߦத ʷ
  25. ґཔᶈ"84 1)1 'VFM1)1 ὎($1 (P HJO  /VYU

  26. ·ͱΊ /VYU࠷ߴʂ શ෦/VYUͰ͍͚·͢ʂ

  27. ͍͞͝ʹ ࣮͸ࢲɺ3FBDU/BUJWFͷํ͕ಘҙͳΜͰ͢ɻ PS݄ʹຊग़͢༧ఆͰ͢ɻ ϋϜΧπ͓͡͞Μ!INLUTV ͙͙ͨ·Ծ૝௨՟$50!HHUNUNHH ג '"$5#"4&࠷ߴٕज़੹೚ऀ

  28. ͍͋ͭ͞ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ