Quasar ことはじめ

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

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
340
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
2
900
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
340
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
1
230
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
110
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
62
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
10

Other Decks in Programming

See All in Programming
29bfc9e2bc82b775a30af70be3196386?s=48 hannaprinz
0
110
C302e84057a922dce0ecbe80207e3fcc?s=48 mu_zaru
0
290
822cde5b176ef140171a27f8294c2bd8?s=48 andycraig
0
570
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
1
950
018058d75600e02954f48b471765ae3a?s=48 yuki384
0
190
58c7dad4dc33a4aeec9f4e63e9355528?s=48 otty375
0
120
C302e84057a922dce0ecbe80207e3fcc?s=48 mu_zaru
1
200
Acb6390b6c4b5192f40e10601b63dafc?s=48 twkiiim
0
1.2k
1c15b628769dda4ccee6ef6417c25df2?s=48 ihiroaki
1
100
A10e41b0a61d59f2258d7f6172c33479?s=48 kaityo256
0
430
3ed241740309c9b4adfeccc6212465b0?s=48 mfunaki
0
170
98ac184c3c4fc1c046fe1f3c669a6746?s=48 y7g
1
150

Featured

See All Featured
5f83ef806155b403c3393160ce51f955?s=48 jlugia
215
16k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
477
150k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
119
15k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
113
6.8k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
115
4.7k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
175
14k
78b475797a14c84799063c7cd073962f?s=48 holman
458
270k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
323
14k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
51
2.6k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
83
4.5k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
9
1.3k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
13
790

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