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

NuxtをTS&SCSSで書くにあたってのLinter&formatterの話

58a2dd4b8125ca200367cbddeed40eeb?s=47 Kyousuke Abe
July 12, 2019
440

 NuxtをTS&SCSSで書くにあたってのLinter&formatterの話

58a2dd4b8125ca200367cbddeed40eeb?s=128

Kyousuke Abe

July 12, 2019
Tweet

Transcript

  1. 57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoy 5.5"N 136°52’57.6"E

    Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E oya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15 57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoy 5.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E oya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15 57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoy 5.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E oya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15 57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoy 5.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E oya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15 57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoy 5.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E oya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15 57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoy 5.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E oya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15 57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoy 5.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E oya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15 57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoy 5.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E oya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15 57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoy 5.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E oya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15 57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoy 5.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E oya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15 57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoy 5.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E oya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15 57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoy 5.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E oya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15 57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E Yahoo! Nagoy 5.5"N 136°52’57.6"E Yahoo! Nagoya Office 35°10'15.5"N 136°52’57.6"E /VYUΛ544$44Ͱॻ͘ʹ͋ͨͬͯͷ -JOUFSGPSNBUUFSͷ࿩  !7VFKT/JHIU/BHPZB
  2. "HFOEB  Θͨ͘͠ʹ͍ͭͯ  7VFͷ޷͖ͳͱ͜Ζ  ࢀߟϓϩδΣΫτͷ঺հ  ࢖ͬͨπʔϧͱͦͷઃఆ 

    ͍ͭͲ͜ͰͲ͏΍ͬͯπʔϧ૸ΒͤΔʁ
  3. Θͨ͘͠ʹ͍ͭͯ { "@context": "http://schema.org", "@type": "Person", "name": "Kyousuke Abe", "alternateName":

    "安部亨佑", "birthPlace": "Iwata, Shizuoka", "birthDate": "1982.9.24", "height": "181 cm", "weight": "68 kg", "gender": "male", "worksFor": "FRAME LUNCH Inc.", "workLocation": "Ohsu, Nagoya-shi”, "jobTitle": "Web engineer", "nationality": "Japanese", "url": "https://kaave.github.io", "sameAs": [ "https://twitter.com/junkjunctions", "https://github.com/kaave" ] } { "likes": [ "Vim-style key binding", "Emacs-style key binding", "ErgoDox", "TypeScript", "Scala", "React", "fish shell", "Twitter", "Music", "Football", "Casual cycling”, "Bodyweight Workout", "Spicy foods", "Dried fruit", "Sweets cooking", "American coffee" ] }
  4. 7VFͷ޷͖ͳͱ͜Ζ  /VYUKT͕ͼͬ͘Γ͢Δ͘Β͍ศར  $444$44Λਂ͘ߟ͑ͣͦͷ··͔͚Δ

  5. ࠓճͷࢀߟϓϩδΣΫτ
 ͱ͍͏͔ɺ๻ͷݸਓαΠτ IUUQTLBBWFHJUIVCJP IUUQTHJUIVCDPNLBBWFHJUIVCQBHFTSD

  6. ͜ΜͳπʔϧΛ࢖ͬͯ·͢  7VFKT/VYUKT  5ZQF4DSJQU  4$44 1PTU$44  (SBQI2-

     8FC(-  (SBQI$.4 )FBEMFTT$.4   (JU)VCJP ˞ΞϓϦέʔγϣϯ͡Όͳ͍͔Βςετ͸୺ંͬͨ
  7. ͜ΜͳπʔϧͰ-'#͍ͯ͠·͢  UTD54ίϯύΠϥ  QSFUUJFSສೳ'PSNBUUFS   &4-JOU+4547VF-JOUFS  

    TUZMFMJOU4$44$44-JOUFS   HMTMMJOUHMTM-JOUFS  ׂѪ   DMBOHGPSNBU$MJLFMBOH'PSNBUUFS  ׂѪ
  8. ॱ൪ʹݟ͖ͯ·͢

  9. UTD

  10. UTDͰνΣοΫ͢Δ  ߏจΤϥʔ  ͓࡞๏తʹඍົͳ΋ͷ ίϯύΠϥͰνΣοΫͰ͖Δ΋ͷ͸
 جຊશ෦ͦ͜Ͱ

  11. UTDPOGJHKTPOͰઃఆͯ͠༗ޮԽ  OP6OVTFE-PDBMTUSVF
 ະ࢖༻ม਺  OP6OVTFE1BSBNFUFSTUSVF
 ؔ਺ͷະ࢖༻Ҿ਺  OP*NQMJDJU3FUVSOTUSVF
 ໭Γ஋Λฦ͢৔߹ͱฦ͞ͳ͍৔߹ཱ͕͍྆ͯ͠

    Δؔ਺  OP'BMMUISPVHI$BTFT*O4XJUDIUSVF
 CSFBLSFUVSO๨ΕTXJUDIจ
  12. Ͱ΋։ൃத͸͏͍͔͟Β
 νΣοΫ༻ʹUTDPOGJHKTPOΛ෼ׂ ˞UTDPOpHKTPOʹ͸্هͷઃఆΛॻ͔ͳ͍GBMTFͰઃఆ

  13. ͪΌΜͱ͜Μͳײ͡ͰઃఆͰ͖·͢
 ҆৺ͯ͠ ˞ͭͭ͜͜DPOTPMFMPHσόοά͠ͳ͕Βઃఆͨ͠ͷͰΦϑΟγϟϧͳ΋ͷ͔Ṗ

  14. QSFUUJFS

  15. QSFUUJFSͰ΍Δ͜ͱ  ϑΥʔϚοτ  UT  KT  TDTT 

    WVF  HRM  KTPO  ZNM ˞&4-JOU΍TUZMFMJOUͰ΋GPSNBUͰ͖Δ͚Ͳɺͦͷ఺͸ͷͪ΄Ͳ
  16. QSFUUJFS͸޷͖ʹ͢Ε͹͍͍ͱ͓΋͍·͢
 ηϛίϩϯͱ͔λϒͱ͔͓޷ΈͰ ˞ݸਓతʹ͸ηϛίϩϯͳ͠ʹ͍ͨ͠ͳʔͱ͓΋͍ͬͯ·͕͢ੈؒͣΕ͢Δͷ͕ݏͰ΍ͬͯͳ͍

  17. &4-JOU

  18. &4-JOUͰ΍Δ͜ͱ  Ϧϯτ ͍Ζ͍ΖνΣοΫ   ݟͨ໨͕Ԛ͍ͱ͔  Ξϯνύλʔϯͱ͔ 

    ࿐ࠎʹόάͬͱΔ΋ͷͱ͔  ͦͷଞ͍Ζ͍Ζ  ϑΥʔϚοτ
  19. ໾ׂ͕͔ͿͬͱΔ  Ұ෦Ϧϯτ
 ˠUTD  ϑΥʔϚοτ
 ˠQSFUUJFS ˠ͔ͿͬͱΔ΋ͷʹ͍ͭͯ͸ɺ
 &4-JOUͰ͸ແࢹ͔ͿͬͱΔଆͷઃఆΛࢀর

  20. ͍͖ͳΓͰ͕͢ɺ͜͏͠·ͨ͠

  21. FYUFOETͯ͠ΔͷΛҰݸҰݸݟͳ͍ͱɺ
 ແବͷͳ͍ઃఆʹ͸ͳΒͳ͍ʜ ˠ͠ΜͲ͍͔ΒɺͳΜͱͳ͘ઃఆͯ͠ίʔυॻ͍ͯɺ
 ؾʹͳͬͨͱ͜Λ͍͖ͬͯ͡Ό͍͍Μ͡Όͳ͍͔ͳʜɻ ˞ຐ๏ͷίϚϯυʲZBSOFTMJOUQSJOUDPOpHNZTQBHIFUUJDPOpHKTPOʳ

  22. TUZMFMJOU

  23. TUZMFMJOUͰ΍Δ͜ͱ  Ϧϯτ ͍Ζ͍ΖνΣοΫ   ݟͨ໨͕Ԛ͍ͱ͔  Ξϯνύλʔϯͱ͔ 

    ࿐ࠎʹόάͬͱΔ΋ͷͱ͔  ͦͷଞ͍Ζ͍Ζ  ϑΥʔϚοτ ˞TDTTͷΈ
  24. ͜Ε΋໾ׂ͕͔ͿͬͱΔ  ϑΥʔϚοτ
 ˠQSFUUJFS

  25. ͓·͚ʹɺੜ4$44ͱ7VFͰઃఆϑΝΠϧΛ
 ෼͚Δඞཁ͕͋Δ ˞ͪͳΈʹ&4-JOU͸ಉҰઃఆϑΝΠϧͰ੾Γ෼͚Δํ๏͕ʜ͋ͬͨؾ͕͢Δʜ

  26. ͱ͍͏Θ͚Ͱɺ͜Ε͕4$44༻

  27. 7VF༻

  28. ͍ͭͲ͜ͰͲ͏΍ͬͯ ૸ΒͤΔ໰୊  ΤσΟλͰXBUDIͱ͔ɺอଘ࣌ͱ͔  XFCQBDLHVMQͰXBUDI͔͚ͯ͠Δ
 OVYU͸ඪ४ͩͱXFCQBDLͰ͔͚ͯΔ   $PNNJUIPPLͰ͔͚Δ

     $*·Θͯ͠ɺQVTIޙʹ͔͚Δ
  29. ࠓճʜͱ͍͏͔๻ͷ΍Γ͔ͨ  ΤσΟλ 74$PEF ֦ு
 UTD
 &4-JOU ECBFVNFSWTDPEFFTMJOU 
 1SFUUJFS

    FTCFOQQSFUUJFSWTDPEF   $PNNJUIPPL
 IVTLZ MJOUTUBHFEͰQSFDPNNJU࣮ߦ ˠͱʹ͔͘ϚζΠίʔυ͕DPNNJU͞Εͳ͖Ό
 ͦΕͰΑ͠ɻ͋ͱͳΔ΂͘XFCQBDLΛγϯϓϧʹ͍ͨ͠ ϓϩμΫγϣϯͳΒͳΜ͔͠Βͷ$*Λ׆༻͢Δ͜ͱΛߟ͑·͢
  30. 74$PEFͷઃఆ ൈਮ ˞อଘ࣌ʹ&4-JOUͰͳ͘GPSNBU0O4BWF QSFUUJFS ͳͷ͸͍ܰʜؾ͕͢Δ͔Β

  31. IVTLZ͸͜Μͳײ͡ ˠUTDΛ૸ΒͤΔͨΊʹؙ͝ͱϏϧυ͔͚ͯɺ ͦͷޙDPNNJU͞ΕΔϑΝΠϧΛݸผνΣοΫ ˞WVFϑΝΠϧΛUTDͷΈͰνΣοΫ͢Μͷ͸ແཧʂͩͱࢥ͏ɻ
 ͋ͱϏϧυ௨Βͳ͍ίϛοτ͕͋ΔͷݏͳͷͰ͜͜ͰϏϧυ͔͚Δͷ͸$*࢖Θͳ͍ݶΓ͠Όʔͳ͍

  32. MJOUTUBHFE͸͜Μͳײ͡ ˞TUZMFMJOU͸QSFUUJFSͷઃఆΛʮແޮԽʯ͚ͨͩ͠ͳͷͰผ్͔͚ͳ͍ͱμϝ

  33. ࠓͷ՝୊  7VFͷUFNQMBUFʹରԠͯ͠ͳ͍ &4-JOUͷϓϩύςΟ͕͋ΔͨΊɺ͍ Ζ͍Ζ໘౗  TUZMFMJOU͕7VFͷTUZMFΛ
 ϑΥʔϚοτͯ͘͠Εͳ͍

  34. 7VFͷUFNQMBUFʹରԠͯ͠ͳ͍
 &4-JOUͷϓϩύςΟ IUUQTHJUIVCDPNNZTUJDBUFBWVFFTMJOUQBSTFS&'#'LOPXOMJNJUBUJPOT

  35. ͩΔ͍͔ΒౖΒΕͨςϯϓϨ͸ؙ͝ͱPGG ˠॴḨςϯϓϨͩ͠ɺ
 ৮Δͷ๻͚͍ͩͩͬͯ͠͏։͖௚Γ

  36. TUZMFMJOU͕7VFͷTUZMFΛ
 ϑΥʔϚοτͯ͘͠Εͳ͍ ˠμϝΒ͍͠ɻ
 ͱ͍͏͔·ͩGJY͸*UTBOFYQFSJNFOUBMGFBUVSF IUUQTTUZMFMJOUJPVTFSHVJEFDMJBVUPpYJOHFSSPST

  37. Ұ୴ద౰ͳTDTTϑΝΠϧ࡞ͬͯϖʔετɺ
 πʔϧ௨͖ͯ͠Ε͍ͳίʔυ࡞ͬͯ࠶౓ίϐϖͰ0, ରॲ๏

  38. ΍Γͨͳ͍Θ

  39. ͱ͍͏Θ͚Ͱɺద౰ʹ·ͱΊ  ҰޱʹϦϯτͬͭͬͯ΋৭ʑ  ίϯύΠϥ࠷ڧɺίϯύΠϥͰݟΕΔͷ͸ίϯ ύΠϥ  1SFUUJFS͸޷͖ʹ͠Α͏޷Έͷ໰୊ͩ͠  &4-JOUͷઃఆ͸͔ͳΓͷপͳͷͰྗൈ͍͍ͯ͜

    ͏  ͍ͭͲ͜ͰͲ͏΍ͬͯݟΔ͔ɺ͸έʔεόΠ έʔε  จ໌ੜ͔͍ͯ͜͠͏ɺਓྨ͸ͦ͏΍ͬͯਐԽ͠ ͖ͯͨ
  40. ͓͠·͍ Ͳ͏΋Ͱͨ͠
 ͱ͜ΖͰɺస৬ઌ୳ͯ͠·͢
 8FCϑϩϯτΤϯυͳΒ݁ߏ৭ʑͰ͖·͢ʂ (JU)VCLBBWF
 5XJUUFS!KVOLKVODUJPOT
 8FCIUUQTLBBWFHJUIVCJP