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
560
Quasar ことはじめ
v_kansai meetup #9 の発表資料です。
SAW
August 21, 2019
Tweet
Share
More Decks by SAW
See All by SAW
Laravel や Symfony で手っ取り早く OpenAPI のドキュメントを作成する
azuki
2
110
Provide/Inject で TypeScript の恩恵を受ける方法
azuki
3
84
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
240
OSS contributor への第一歩を踏み出すまでの物語
azuki
1
170
Eloquent で relation を扱う基礎
azuki
0
97
メイキング・オブ・PHPカンファレンス 〜PHPカンファレンス関西2024の運営スタッフが語る舞台裏〜
azuki
0
61
ブラウザでテキストを読み上げる
azuki
0
110
計画性ないけれどノリと勢いだけで地方でも勉強会を開くすゝめ 〜 PHPカンファレンス関西2024 の懇親会 LT のその後 〜
azuki
0
55
GraphQL 入門
azuki
1
110
Other Decks in Programming
See All in Programming
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
mayuki
1
1.4k
Make Impossible States Impossibleを 意識してReactのPropsを設計しよう
ikumatadokoro
0
170
リアーキテクチャxDDD 1年間の取り組みと進化
hsawaji
1
220
タクシーアプリ『GO』のリアルタイムデータ分析基盤における機械学習サービスの活用
mot_techtalk
4
1.4k
Jakarta EE meets AI
ivargrimstad
0
600
AI時代におけるSRE、 あるいはエンジニアの生存戦略
pyama86
6
1.1k
Quine, Polyglot, 良いコード
qnighy
4
640
OSSで起業してもうすぐ10年 / Open Source Conference 2024 Shimane
furukawayasuto
0
100
LLM生成文章の精度評価自動化とプロンプトチューニングの効率化について
layerx
PRO
2
190
Jakarta EE meets AI
ivargrimstad
0
530
Macとオーディオ再生 2024/11/02
yusukeito
0
370
距離関数を極める! / SESSIONS 2024
gam0022
0
280
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
65
4.4k
How GitHub (no longer) Works
holman
310
140k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Rails Girls Zürich Keynote
gr2m
94
13k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
120
Building Applications with DynamoDB
mza
90
6.1k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Why Our Code Smells
bkeepers
PRO
334
57k
How STYLIGHT went responsive
nonsquared
95
5.2k
Designing the Hi-DPI Web
ddemaree
280
34k
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
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠