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

Quasar ことはじめ

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

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
250
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
130
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
2
560
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
2
1.7k
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
510
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
1
440
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
150
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
83
Be33a704f251c77162896ac5ba03e9ac?s=48 azuki
0
27

Other Decks in Programming

See All in Programming
A2cd163fd3cfca5204b0d8f0c17eea29?s=48 yujif
2
230
06641ec93c5914e0db74cddff2ec6004?s=48 objectiveaudio
0
110
C20b9829daddbee16e359b0a750660a5?s=48 thomasvitale
0
180
Eae7b6aeee72d3081b01d09a2d675f9a?s=48 akkeylab
5
850
9bda8755a689204677a198ee85c0eb07?s=48 banjun
PRO
0
130
A760a90c9afd981004343b9861f1e8b4?s=48 daipresents
0
180
9bf923e39671cde83584e3e926296c13?s=48 kishikawakatsumi
7
1.1k
7a33106dde82ecc65a220eaf9d131222?s=48 patrickjahr
0
130
7850a83d81b034248782d63e7dcf7974?s=48 tatsuya4451
0
470
7d709dd44f86dc8f2b7ddb4c48145dfc?s=48 jollyjoester
2
330
D07d36d7d3263da869c7d030ba4a64a6?s=48 y__mattu
1
420
0620564f0125b8b3b7f4fe40c10b8b4e?s=48 tattn
2
180

Featured

See All Featured
79acae287842acf29084005533a7fb3b?s=48 hursman
111
9.5k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
98
15k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
14
660
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
84
3.6k
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
25
4.1k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
128
22k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
44
2.5k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
92
4.1k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
593
210k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
482
150k
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
0
86

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