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

Quasar ことはじめ

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

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
0
87
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
2
480
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
2
1.4k
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
410
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
1
350
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
130
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
73
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
20

Other Decks in Programming

See All in Programming
9a3693c0c3d12f2fbae51792dd6a1344?s=48 akito0107
0
220
C6860c38adec703e995505b9afa12c83?s=48 yumemi
1
110
50443a0c666aa1020f2f757582e6e45c?s=48 suzukiot
0
300
Bc7114ad3cf4d2d703dc71782e61ba43?s=48 alperhankendi
1
150
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
0
120
14c9795d267f5b85abb98ca5e8780646?s=48 ntaro
0
170
Defdf943f6e9bfc3d3cd856d9d9e0f9b?s=48 takutakahashi
3
310
Fb469a72f1b12726aea391f479dc1b6d?s=48 gernotstarke
0
390
Cd34440e6c181704f318319e131af68d?s=48 naokioouchi
1
310
2bb4e388d19b8cf62410775f662b15cc?s=48 kyokomitsuoka
0
110
32ae0ae04b5c4f1b29ee9e8826823fbc?s=48 joergneumann
0
150
37618b4d60cf3d1f43f7196253264edc?s=48 numeroanddev
1
240

Featured

See All Featured
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
23
3.9k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
145
6.6k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
347
20k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
272
16k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
31
3.4k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
14
720
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
401
20k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
112
10k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
18
1.2k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1346
190k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
288
110k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.4k

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