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
590
Quasar ことはじめ
v_kansai meetup #9 の発表資料です。
SAW
August 21, 2019
Tweet
Share
More Decks by SAW
See All by SAW
PHP で学ぶ OAuth 入門
azuki
2
240
EditorConfig を使ってみよう
azuki
1
57
Symfony でサクッと作る REST API サーバー
azuki
1
93
Vite の Library Mode を使って Vue のコンポーネントをライブラリ化する
azuki
1
130
Laravel や Symfony で手っ取り早く OpenAPI のドキュメントを作成する
azuki
2
230
Provide/Inject で TypeScript の恩恵を受ける方法
azuki
3
120
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
330
OSS contributor への第一歩を踏み出すまでの物語
azuki
2
280
Eloquent で relation を扱う基礎
azuki
0
140
Other Decks in Programming
See All in Programming
AWS Summit Hong Kong 2025: Reinventing Programming - How AI Transforms Our Enterprise Coding Approach
dwchiang
0
130
ComposeでWebアプリを作る技術
tbsten
0
130
プロフェッショナルとしての成長「問題の深掘り」が導く真のスキルアップ / issue-analysis-and-skill-up
minodriven
8
1.9k
Embracing Ruby magic
vinistock
2
170
Making TCPSocket.new "Happy"!
coe401_
1
3.3k
KANNA Android の技術的課題と取り組み
watabee
0
200
Vibe Coding の話をしよう
schroneko
14
3.7k
プロダクトエンジニアのしごと 〜 受託 × 高難度を乗り越えるOptium開発 〜
algoartis
0
190
複雑なフォームの jotai 設計 / Designing jotai(state) for Complex Forms #layerx_frontend
izumin5210
6
1.5k
読書シェア会 vol.4 『ダイナミックリチーミング 第2版』
kotaro666
0
110
GitHub Copilot for Azureを使い倒したい
ymd65536
1
330
AI時代の開発者評価について
ayumuu
0
230
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
42
7.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
How to train your dragon (web standard)
notwaldorf
91
6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
700
Speed Design
sergeychernyshev
29
930
The Pragmatic Product Professional
lauravandoore
33
6.6k
GitHub's CSS Performance
jonrohan
1031
460k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.6k
Into the Great Unknown - MozCon
thekraken
38
1.7k
Adopting Sorbet at Scale
ufuk
76
9.3k
Rails Girls Zürich Keynote
gr2m
94
13k
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
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠