Pro Yearly is on sale from $80 to $50! »

Quasar ことはじめ

Be33a704f251c77162896ac5ba03e9ac?s=47 SAW
August 21, 2019

Quasar ことはじめ

v_kansai meetup #9 の発表資料です。

Be33a704f251c77162896ac5ba03e9ac?s=128

SAW

August 21, 2019
Tweet

Transcript

  1. 2VBTBS͜ͱ͸͡Ί WLBOTBJNFFUVQ  4"8

  2. WLBOTBJNFFUVQ   2VBTBS͜ͱ͸͡Ί $(whoami) • ࢯ໊Ճ౻फҰ࿠ ࡀ  ‣େࡕࡏॅɾѪ஌ग़਎

    • ϋϯυϧωʔϜ4"8 ‣5XJUUFS!B[VLJ@FBUFS ‣(JU)VCB[VLJQFOHVJO • ॴଐגࣜձࣾ.4&/ ‣৽ଔ೥໨ 2 Vue.js FreeBSD Linux macOS
  3. WLBOTBJNFFUVQ   2VBTBS͜ͱ͸͡Ί 2VBTBSͱ͸ • 7VFKTͷϑϨʔϜϫʔΫ ‣2VBTBS'SBNFXPSLͷਖ਼ࣜ൛ • 6*ίϯϙʔωϯτ͕๛෋

    • 41"΍18" &MFDUSPOΞϓϦέʔγϣϯͷ࡞੒͕༰қ 3
  4. WLBOTBJNFFUVQ   2VBTBS͜ͱ͸͡Ί 2VBTBSͷ6*ίϯϙʔωϯτ • 7VFUJGZͷίϯϙʔωϯτΛ͍͍ͩͨ໢ཏ ‣#SFBEDSVNCT $BSPVTFM $PMPS1JDLFSͳͲ

    • ͍͔ͭ͘ͷίϯϙʔωϯτ͸εΫϦϓτ͔Βಈతʹݺͼग़͕͠Մೳ ‣%JBMPH΍/PUJGZͳͲΛϓϥάΠϯͱͯ͠+BWB4DSJQU͔Βݺͼग़͠ 4
  5. WLBOTBJNFFUVQ   2VBTBS͜ͱ͸͡Ί 2VBTBSͷ௕ॴ • ϚϧνϓϥοτϑΥʔϜͰͷΞϓϦέʔγϣϯ։ൃʹରԠ ‣σεΫτοϓΞϓϦ։ൃ&MFDUSPO ‣ϞόΠϧΞϓϦ։ൃ$PSEPWB •

    6TFS"HFOUΛݕग़͢Δϔϧύ͕༏ल ‣04ɾϒϥ΢βɾόʔδϣϯͳͲ͕औಘՄೳ ‣ϓϥοτϑΥʔϜʹΑͬͯॲཧͷ੾Γସ͕͑༰қ 5
  6. WLBOTBJNFFUVQ   2VBTBS͜ͱ͸͡Ί 2VBTBSΠϯετʔϧɾϓϩδΣΫτ࡞੒ • 2VBTBS$-*ΛάϩʔόϧΠϯετʔϧ ‣7VF$-*ͷΠϯετʔϧ͸ෆཁ ‣npm install

    @quasar/cli -g • 7VF$-*ͱಉ༷ʹ2VTBS$-*ͰϓϩδΣΫτͷ࡞੒͕Մೳ ‣ґଘύοέʔδͷΧελϚΠζ΋Մೳ ‣quasar create project-name 6
  7. WLBOTBJNFFUVQ   2VBTBS͜ͱ͸͡Ί ར༻͢Δίϯϙʔωϯτͷએݴ • ઃఆϑΝΠϧquasar.conf.jsΛฤू ‣σϑΥϧτͰ͍͔ͭ͘ઃఆ͞Ε͍ͯΔ • 4'$ͰίϯϙʔωϯτΛར༻

    ‣quasar.conf.jsͰهड़͍ͯ͠ΔͷͰimport͸ෆཁ 7
  8. WLBOTBJNFFUVQ   2VBTBS͜ͱ͸͡Ί ϓϩδΣΫτͷϏϧυ • ։ൃ༻αʔόͷىಈ ‣quasar dev •

    ຊ൪༻ͷ੩తϑΝΠϧΛੜ੒ ‣quasar build ‣੒Ռ෺͸distσΟϨΫτϦ഑Լʹੜ੒ 8
  9. WLBOTBJNFFUVQ   2VBTBS͜ͱ͸͡Ί ։ൃϞʔυΛมߋ͢Δํ๏ • σϑΥϧτͰ͸41"ͷ։ൃϞʔυ ‣quasar mode add

    dev-modeͰ։ൃϞʔυΛ௥Ճ - ྫquasar mode add electron • ։ൃαʔόΛىಈ͢ΔࡍʹϞʔυΛࢦఆ ‣quasar dev -m dev-modeͰ։ൃ༻αʔόͷϞʔυΛมߋ - ྫquasar dev -m electron 9
  10. WLBOTBJNFFUVQ   2VBTBS͜ͱ͸͡Ί 2VBTBSΛ༻͍ͨྫ • ςΩετΤσΟλΛ࡞੒ ‣։ൃϞʔυΛ&MFDUSPOʹมߋ ‣ΤσΟλΤϯδϯ͸"DFΛ࢖༻ 10

  11. WLBOTBJNFFUVQ   2VBTBS͜ͱ͸͡Ί ࠓޙαϙʔτͯ͠΄͍͜͠ͱ • طଘͷϓϩδΣΫτ΁ͷOQNܦ༝ͷΠϯετʔϧ ‣-BSBWFM.JYͰҰॹʹίϯύΠϧग़དྷͳ͍ - ϏϧυͰੜ੒͞ΕΔindex.htmlΛΫϥΠΞϯτʹ౉͢ͱ͍͏खஈ͸͋Δ

    ‣$%/ܦ༝ͰͷΠϯετʔϧ͸Մೳ - 7VF΋$%/ܦ༝ͰΠϯετʔϧ͕ඞཁ 11
  12. WLBOTBJNFFUVQ   2VBTBS͜ͱ͸͡Ί ·ͱΊ • 2VBTBSͰ෯޿͍։ൃΛαϙʔτ ‣41" 18" &MFDUSPOͳͲ

    • 6*ίϯϙʔωϯτ͕ॆ࣮ ‣7VFUJGZͱ΄΅ಉ౳ͷ಺༰ 12
  13. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠