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

Quasar ことはじめ

Be33a704f251c77162896ac5ba03e9ac?s=47 SAW
August 21, 2019
Programming
1
220

Quasar ことはじめ

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

Be33a704f251c77162896ac5ba03e9ac?s=128

SAW

August 21, 2019
Tweet

More Decks by SAW

See All by SAW
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
2
470
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
2
1.1k
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
370
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
1
300
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
120
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
71
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
16

Other Decks in Programming

See All in Programming
3f2e97dc4e6a5daaf1cb8a406c533176?s=48 knqyf263
3
670
4cd9f68f08d2200de34043e4ce049d03?s=48 yagieng
4
450
2ddd3d3e0d92ad45884bdcbef3a514a8?s=48 chiaoteni
2
350
A3db1cdacad2a1b5de5af000a1c94fda?s=48 xrxoxcxox
2
300
53850955f15249a1a9dc49df6113e400?s=48 line_developers
5
1.5k
E66449b8260b07a1cf51c5ab5eaa8180?s=48 dunglas
0
110
0063efb4c7066273b877fdabcdcd15b3?s=48 dora1998
0
130
B3f560d34c14a9113e5024bc34ac26a0?s=48 heyitsmohit
1
210
56eecc8d10c342264eea5b90f3cb1306?s=48 hokila
1
270
9a22d09f92d50fa3d2a16766d0ba52f8?s=48 fabpot
0
130
7fccfb690a818ed2f3a15fc21d426d5a?s=48 texmeijin
0
120
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
160

Featured

See All Featured
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
23
3.7k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
26
1.8k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
256
36k
78b475797a14c84799063c7cd073962f?s=48 holman
460
280k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
346
20k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
107
11k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
284
18k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
176
14k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
358
62k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
9
1.2k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1349
190k
78b475797a14c84799063c7cd073962f?s=48 holman
448
130k

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. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠