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
520
Quasar ことはじめ
v_kansai meetup #9 の発表資料です。
SAW
August 21, 2019
Tweet
Share
More Decks by SAW
See All by SAW
メイキング・オブ・PHPカンファレンス 〜PHPカンファレンス関西2024の運営スタッフが語る舞台裏〜
azuki
0
37
ブラウザでテキストを読み上げる
azuki
0
49
計画性ないけれどノリと勢いだけで地方でも勉強会を開くすゝめ 〜 PHPカンファレンス関西2024 の懇親会 LT のその後 〜
azuki
0
34
GraphQL 入門
azuki
1
54
JavaScript で音声認識を試してみよう
azuki
0
41
Voice Recognition in JavaScript
azuki
0
21
Nuxt で GraphQL のクエリを送信する方法
azuki
2
92
関西の IT 勉強会コミュニティをもっと盛り上げたい!!
azuki
0
64
Postman で GraphQL のクエリを送ってみよう
azuki
0
330
Other Decks in Programming
See All in Programming
GNU Makeの使い方 / How to use GNU Make
kaityo256
PRO
13
4.4k
CREってこういうこと? 体験入社 - 提案資料 - / what-is-cre-trial-employment
shinden
1
620
Deep Dive into React Stream/Serialize
mugi_uno
4
880
Slackワークフローで感謝を伝える機能/WiFi 自動接続/Figma to React Component/障害レポート君 Team3@NOT A HOTEL
nakaohiroshi
0
190
slog登場に伴うloggerの取り回し手法の見直し / kamakura.go #6
arthur1
0
160
Embedding it into Ruby code
soutaro
2
400
ペパボOpenTelemetry革命
pyama86
2
1.2k
TypeScript 関数型スタイルでバックエンド開発のリアル
naoya
49
16k
otelcol receiver 自作RTA / Pepabo Tech Conference #22 春のSREまつり
arthur1
0
1.1k
Productivity is Messing Around and Having Fun
hollycummins
1
180
Dev ContainersとTestcontainers
bells17
3
100
slow types ってなんだろう?
karad
0
210
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
133
6.3k
The Language of Interfaces
destraynor
151
23k
Designing with Data
zakiwarfel
96
4.8k
Building an army of robots
kneath
300
41k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
323
20k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
275
13k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
12
1.1k
Building Applications with DynamoDB
mza
88
5.7k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
How GitHub (no longer) Works
holman
305
140k
The Brand Is Dead. Long Live the Brand.
mthomps
49
31k
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
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠