Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Quasar ことはじめ
Search
SAW
August 21, 2019
Programming
1
530
Quasar ことはじめ
v_kansai meetup #9 の発表資料です。
SAW
August 21, 2019
Tweet
Share
More Decks by SAW
See All by SAW
Eloquent で relation を扱う基礎
azuki
0
23
メイキング・オブ・PHPカンファレンス 〜PHPカンファレンス関西2024の運営スタッフが語る舞台裏〜
azuki
0
39
ブラウザでテキストを読み上げる
azuki
0
51
計画性ないけれどノリと勢いだけで地方でも勉強会を開くすゝめ 〜 PHPカンファレンス関西2024 の懇親会 LT のその後 〜
azuki
0
35
GraphQL 入門
azuki
1
57
JavaScript で音声認識を試してみよう
azuki
0
46
Voice Recognition in JavaScript
azuki
0
24
Nuxt で GraphQL のクエリを送信する方法
azuki
2
110
関西の IT 勉強会コミュニティをもっと盛り上げたい!!
azuki
0
68
Other Decks in Programming
See All in Programming
ruby.wasm 最前線 2024 - wasmでMockServerをつくる #rubykaigi
lnit
2
250
バリデーション付きフォームを宣言的に実装する / Declaratively Implementing a Form with Validation
studio_rookery
0
160
The Final Frontier of Web Development: React Server Components vs Jakarta EE
ivargrimstad
0
410
「正の影響力」を目指して書くこと
honey32
2
110
[RubyKaigi 2024] Ruby Mixology 101: adding shots of PHP, Elixir, and more
palkan
1
400
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
800
Using Ruby in the browser is wonderful
ledsun
1
1.6k
Goでリフレクションする、その前に / Kansai.go #1
utgwkk
4
520
Reactive Java REST APIs, FTW? Virtual JUG 2024
mraible
PRO
0
400
Good first issues of TypeProf
mame
4
3k
Good intentions gone bad
evaferreira
0
110
How to implement a RubyVM with PHP?
memory1994
PRO
3
1.4k
Featured
See All Featured
Web Components: a chance to create the future
zenorocha
306
41k
Teambox: Starting and Learning
jrom
128
8.5k
Fontdeck: Realign not Redesign
paulrobertlloyd
77
5k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Documentation Writing (for coders)
carmenintech
60
4k
Designing the Hi-DPI Web
ddemaree
276
33k
Creatively Recalculating Your Daily Design Routine
revolveconf
211
11k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
12
1.1k
Become a Pro
speakerdeck
PRO
13
4.6k
Ruby is Unlike a Banana
tanoku
96
10k
The Language of Interfaces
destraynor
151
23k
Transcript
2VBTBS͜ͱ͡Ί WLBOTBJNFFUVQ 4"8
WLBOTBJNFFUVQ 2VBTBS͜ͱ͡Ί $(whoami) • ࢯ໊Ճ౻फҰ ࡀ ‣େࡕࡏॅɾѪग़
• ϋϯυϧωʔϜ4"8 ‣5XJUUFS!B[VLJ@FBUFS ‣(JU)VCB[VLJQFOHVJO • ॴଐגࣜձࣾ.4&/ ‣৽ଔ 2 Vue.js FreeBSD Linux macOS
WLBOTBJNFFUVQ 2VBTBS͜ͱ͡Ί 2VBTBSͱ • 7VFKTͷϑϨʔϜϫʔΫ ‣2VBTBS'SBNFXPSLͷਖ਼ࣜ൛ • 6*ίϯϙʔωϯτ͕๛
• 41"18" &MFDUSPOΞϓϦέʔγϣϯͷ࡞͕༰қ 3
WLBOTBJNFFUVQ 2VBTBS͜ͱ͡Ί 2VBTBSͷ6*ίϯϙʔωϯτ • 7VFUJGZͷίϯϙʔωϯτΛ͍͍ͩͨཏ ‣#SFBEDSVNCT $BSPVTFM $PMPS1JDLFSͳͲ
• ͍͔ͭ͘ͷίϯϙʔωϯτεΫϦϓτ͔Βಈతʹݺͼग़͕͠Մೳ ‣%JBMPH/PUJGZͳͲΛϓϥάΠϯͱͯ͠+BWB4DSJQU͔Βݺͼग़͠ 4
WLBOTBJNFFUVQ 2VBTBS͜ͱ͡Ί 2VBTBSͷॴ • ϚϧνϓϥοτϑΥʔϜͰͷΞϓϦέʔγϣϯ։ൃʹରԠ ‣σεΫτοϓΞϓϦ։ൃ&MFDUSPO ‣ϞόΠϧΞϓϦ։ൃ$PSEPWB •
6TFS"HFOUΛݕग़͢Δϔϧύ͕༏ल ‣04ɾϒϥβɾόʔδϣϯͳͲ͕औಘՄೳ ‣ϓϥοτϑΥʔϜʹΑͬͯॲཧͷΓସ͕͑༰қ 5
WLBOTBJNFFUVQ 2VBTBS͜ͱ͡Ί 2VBTBSΠϯετʔϧɾϓϩδΣΫτ࡞ • 2VBTBS$-*ΛάϩʔόϧΠϯετʔϧ ‣7VF$-*ͷΠϯετʔϧෆཁ ‣npm install
@quasar/cli -g • 7VF$-*ͱಉ༷ʹ2VTBS$-*ͰϓϩδΣΫτͷ࡞͕Մೳ ‣ґଘύοέʔδͷΧελϚΠζՄೳ ‣quasar create project-name 6
WLBOTBJNFFUVQ 2VBTBS͜ͱ͡Ί ར༻͢Δίϯϙʔωϯτͷએݴ • ઃఆϑΝΠϧquasar.conf.jsΛฤू ‣σϑΥϧτͰ͍͔ͭ͘ઃఆ͞Ε͍ͯΔ • 4'$ͰίϯϙʔωϯτΛར༻
‣quasar.conf.jsͰهड़͍ͯ͠ΔͷͰimportෆཁ 7
WLBOTBJNFFUVQ 2VBTBS͜ͱ͡Ί ϓϩδΣΫτͷϏϧυ • ։ൃ༻αʔόͷىಈ ‣quasar dev •
ຊ൪༻ͷ੩తϑΝΠϧΛੜ ‣quasar build ‣ՌdistσΟϨΫτϦԼʹੜ 8
WLBOTBJNFFUVQ 2VBTBS͜ͱ͡Ί ։ൃϞʔυΛมߋ͢Δํ๏ • σϑΥϧτͰ41"ͷ։ൃϞʔυ ‣quasar mode add
dev-modeͰ։ൃϞʔυΛՃ - ྫquasar mode add electron • ։ൃαʔόΛىಈ͢ΔࡍʹϞʔυΛࢦఆ ‣quasar dev -m dev-modeͰ։ൃ༻αʔόͷϞʔυΛมߋ - ྫquasar dev -m electron 9
WLBOTBJNFFUVQ 2VBTBS͜ͱ͡Ί 2VBTBSΛ༻͍ͨྫ • ςΩετΤσΟλΛ࡞ ‣։ൃϞʔυΛ&MFDUSPOʹมߋ ‣ΤσΟλΤϯδϯ"DFΛ༻ 10
WLBOTBJNFFUVQ 2VBTBS͜ͱ͡Ί ࠓޙαϙʔτͯ͠΄͍͜͠ͱ • طଘͷϓϩδΣΫτͷOQNܦ༝ͷΠϯετʔϧ ‣-BSBWFM.JYͰҰॹʹίϯύΠϧग़དྷͳ͍ - ϏϧυͰੜ͞ΕΔindex.htmlΛΫϥΠΞϯτʹ͢ͱ͍͏खஈ͋Δ
‣$%/ܦ༝ͰͷΠϯετʔϧՄೳ - 7VF$%/ܦ༝ͰΠϯετʔϧ͕ඞཁ 11
WLBOTBJNFFUVQ 2VBTBS͜ͱ͡Ί ·ͱΊ • 2VBTBSͰ෯͍։ൃΛαϙʔτ ‣41" 18" &MFDUSPOͳͲ
• 6*ίϯϙʔωϯτ͕ॆ࣮ ‣7VFUJGZͱ΄΅ಉͷ༰ 12
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠