Quasar ことはじめ

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

Transcript

1. 2VBTBS
   ͜ͱ͸͡Ί WLBOTBJ
   NFFUVQ
   
   
   4"8
2. WLBOTBJ
   NFFUVQ
   
   
   
   2VBTBS
   ͜ͱ͸͡Ί $(whoami) • ࢯ໊
   Ճ౻
   फҰ࿠
   ࡀ
   ‣େࡕࡏॅɾѪ஌ग़਎
   • ϋϯυϧωʔϜ
   4"8
   ‣5XJUUFS
   !B[VLJ@FBUFS
   ‣(JU)VC
   B[VLJQFOHVJO
   • ॴଐ
   גࣜձࣾ
   .4&/
   ‣৽ଔ೥໨ 2 Vue.js FreeBSD Linux macOS
3. WLBOTBJ
   NFFUVQ
   
   
   
   2VBTBS
   ͜ͱ͸͡Ί 2VBTBS
   ͱ͸ • 7VFKT
   ͷϑϨʔϜϫʔΫ
   ‣2VBTBS
   'SBNFXPSL
   ͷਖ਼ࣜ൛
   • 6*
   ίϯϙʔωϯτ͕๛෋
   • 41"
   ΍
   18"
   &MFDUSPO
   ΞϓϦέʔγϣϯͷ࡞੒͕༰қ 3
4. WLBOTBJ
   NFFUVQ
   
   
   
   2VBTBS
   ͜ͱ͸͡Ί 2VBTBS
   ͷ
   6*
   ίϯϙʔωϯτ • 7VFUJGZ
   ͷίϯϙʔωϯτΛ͍͍ͩͨ໢ཏ
   ‣#SFBEDSVNCT
   $BSPVTFM
   $PMPS
   1JDLFS
   ͳͲ
   • ͍͔ͭ͘ͷίϯϙʔωϯτ͸εΫϦϓτ͔Βಈతʹݺͼग़͕͠Մೳ
   ‣%JBMPH
   ΍
   /PUJGZ
   ͳͲΛϓϥάΠϯͱͯ͠
   +BWB4DSJQU
   ͔Βݺͼग़͠ 4
5. WLBOTBJ
   NFFUVQ
   
   
   
   2VBTBS
   ͜ͱ͸͡Ί 2VBTBS
   ͷ௕ॴ • ϚϧνϓϥοτϑΥʔϜͰͷΞϓϦέʔγϣϯ։ൃʹରԠ
   ‣σεΫτοϓ
   ΞϓϦ։ൃ
   &MFDUSPO
   ‣ϞόΠϧΞϓϦ։ൃ
   $PSEPWB
   • 6TFS
   "HFOU
   Λݕग़͢Δϔϧύ͕༏ल
   ‣04ɾϒϥ΢βɾόʔδϣϯͳͲ͕औಘՄೳ
   ‣ϓϥοτϑΥʔϜʹΑͬͯॲཧͷ੾Γସ͕͑༰қ 5
6. WLBOTBJ
   NFFUVQ
   
   
   
   2VBTBS
   ͜ͱ͸͡Ί 2VBTBS
   ΠϯετʔϧɾϓϩδΣΫτ࡞੒ • 2VBTBS
   $-*
   ΛάϩʔόϧΠϯετʔϧ
   ‣7VF
   $-*
   ͷΠϯετʔϧ͸ෆཁ
   ‣npm install @quasar/cli -g • 7VF
   $-*
   
   ͱಉ༷ʹ
   2VTBS
   $-*
   ͰϓϩδΣΫτͷ࡞੒͕Մೳ
   ‣ґଘύοέʔδͷΧελϚΠζ΋Մೳ
   ‣quasar create project-name 6
7. WLBOTBJ
   NFFUVQ
   
   
   
   2VBTBS
   ͜ͱ͸͡Ί ར༻͢Δίϯϙʔωϯτͷએݴ • ઃఆϑΝΠϧ
   quasar.conf.js
   Λฤू
   ‣σϑΥϧτͰ͍͔ͭ͘ઃఆ͞Ε͍ͯΔ
   • 4'$
   ͰίϯϙʔωϯτΛར༻
   ‣quasar.conf.js
   Ͱهड़͍ͯ͠ΔͷͰ
   import
   ͸ෆཁ 7
8. WLBOTBJ
   NFFUVQ
   
   
   
   2VBTBS
   ͜ͱ͸͡Ί ϓϩδΣΫτͷϏϧυ • ։ൃ༻αʔόͷىಈ
   ‣quasar dev • ຊ൪༻ͷ੩తϑΝΠϧΛੜ੒
   ‣quasar build ‣੒Ռ෺͸
   dist
   σΟϨΫτϦ഑Լʹੜ੒ 8
9. WLBOTBJ
   NFFUVQ
   
   
   
   2VBTBS
   ͜ͱ͸͡Ί ։ൃϞʔυΛมߋ͢Δํ๏ • σϑΥϧτͰ͸
   41"
   ͷ։ൃϞʔυ
   ‣quasar mode add dev-mode
   Ͱ։ൃϞʔυΛ௥Ճ
   - ྫ
   quasar mode add electron
   • ։ൃαʔόΛىಈ͢ΔࡍʹϞʔυΛࢦఆ
   ‣quasar dev -m dev-mode
   Ͱ։ൃ༻αʔόͷϞʔυΛมߋ
   - ྫ
   quasar dev -m electron 9
10. WLBOTBJ
    NFFUVQ
    
    
    
    2VBTBS
    ͜ͱ͸͡Ί 2VBTBS
    Λ༻͍ͨྫ • ςΩετΤσΟλΛ࡞੒
    ‣։ൃϞʔυΛ
    &MFDUSPO
    ʹมߋ
    ‣ΤσΟλΤϯδϯ͸
    "DF
    Λ࢖༻ 10
11. WLBOTBJ
    NFFUVQ
    
    
    
    2VBTBS
    ͜ͱ͸͡Ί ࠓޙαϙʔτͯ͠΄͍͜͠ͱ • طଘͷϓϩδΣΫτ΁ͷ
    OQN
    ܦ༝ͷΠϯετʔϧ
    ‣-BSBWFM.JY
    ͰҰॹʹίϯύΠϧग़དྷͳ͍
    - ϏϧυͰੜ੒͞ΕΔ
    index.html
    ΛΫϥΠΞϯτʹ౉͢ͱ͍͏खஈ͸͋Δ
    ‣$%/
    ܦ༝ͰͷΠϯετʔϧ͸Մೳ
    - 7VF
    ΋
    $%/
    ܦ༝ͰΠϯετʔϧ͕ඞཁ
    11
12. WLBOTBJ
    NFFUVQ
    
    
    
    2VBTBS
    ͜ͱ͸͡Ί ·ͱΊ • 2VBTBS
    Ͱ
    ෯޿͍։ൃΛαϙʔτ
    ‣41"
    18"
    &MFDUSPO
    ͳͲ
    • 6*ίϯϙʔωϯτ͕ॆ࣮
    ‣7VFUJGZ
    ͱ΄΅ಉ౳ͷ಺༰ 12
13. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠