Vue.js経験日数2日で、あるサービスを作ってみた - Speaker Deck

Vue.js経験日数2日で、あるサービスを作ってみた

Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

7VFKTܦݧ೔਺೔Ͱɺ ͋ΔαʔϏεΛ࡞ͬͯΈͨ

Slide 2

Slide 2 text

ࣗݾ঺հʢ͕͓·Δʣ ॴଐɿגࣜձࣾΞΠΤϯλʔɹେࡕࢧళ ɹɹɹ3%ɹ೥ೖࣾ ɹɹɹεϚʔτεϐʔΧʔΤόϯδΣϦετ ۀ຿ɿΧʔϦϯάࢧԉπʔϧ։ൃ ɹɹɹεϚʔτεϐʔΧʔݚڀ։ൃ ɹɹɹ)PMP-FOTݚڀ։ൃ ɹɹɹ"84αʔϏεݚڀ ߴഅɹ޺య !HBPNBS ޷͖ͳݴ༿ɿͶ͐$MPWB ͔ͨ͏·ɹͻΖͷΓ

Slide 3

Slide 3 text

ࣗݾ঺հ εϚʔτεϐʔΧʔΞϓϦ։ൃೖ໳ େ޷ධൃചதʂ

Slide 4

Slide 4 text

ϲ݄લ

Slide 5

Slide 5 text

͜ͷษڧձͰ7VFͷΠϩϋΛ஌Δ

Slide 6

Slide 6 text

ౙٳΈதͷ ೔ؒͰ࡞ͬͨ

Slide 7

Slide 7 text

୭Ͱ΋ొ࿥Ͱ͖Δ ιʔγϟϧΞϓϦ

Slide 8

Slide 8 text

ΈΜͳͷθϩΧϩϦʔ

Slide 9

Slide 9 text

θϩΧϩϦʔཧ࿦ͱ͸ ͍Ζ͍Ζͳ৯΂෺ΛθϩΧϩϦʔͰ͋Δͱ ҏୡΈ˓͓ࢯ͕ఏএͨ͜͠ͱʹ༝དྷ͢Δ

Slide 10

Slide 10 text

Χεςϥ খ͘͞௵ͨ͠ΒΧϩϦʔθϩ

Slide 11

Slide 11 text

υʔφπ ͕ۭ͍݀ͯΔ͔ΒθϩΧϩϦʔ

Slide 12

Slide 12 text

γεςϜߏ੒

Slide 13

Slide 13 text

'JSFCBTF)PTUJOH %#'JSFTUPSF ʘ͕ۭ͍݀ͯΔ͔ΒθϩΧϩϦʔʗ

Slide 14

Slide 14 text

؀ڥߏங

Slide 15

Slide 15 text

࠷ॳʹͨ͜͠ͱ npm install -g vue-cli

Slide 16

Slide 16 text

npm install vuetify --save 7VFUJGZΛΠϯετʔϧ

Slide 17

Slide 17 text

npm install firebase --save pSFCBTFΛΠϯετʔϧ

Slide 18

Slide 18 text

׬੒

Slide 19

Slide 19 text

WUPPMCBS WUFYUpFME WMJTU WCUOͷGBC qPBUJOHBDUJPOCVUUPO

Slide 20

Slide 20 text

WEJBMPH

Slide 21

Slide 21 text

σϞಈը

Slide 22

Slide 22 text

7VFΛ࢖ͬͯΈͨײ૝

Slide 23

Slide 23 text

w ͓࡞๏Λ཈͑Ε͹αΫοͱ࡞ΕΔ w WVFUJGZͳͲͰϦονͳ΋ͷ͕࡞ΕΔ w UFYUDIBOHFͰड͚औͬͨΓ͢Δඞཁ͕ͳ͍WNPEFMศརʂ w WTIPX WJGศརͩͶ w 7VF͸ద౰ʹ΍Ε͹ͦΕͳΓͷ΋ͷ͕࡞ΕΔ w .BUFSJBMJ[FͷΞΠίϯ͕0TBLB.FUSPͱࣅ͗͢X w 'JSFCBTFਆʂ

Slide 24

Slide 24 text

ࠂ஌

Slide 25

Slide 25 text

"[VSF5FDI-BCʹͯొஃ͠·͢ʂ

Slide 26

Slide 26 text

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ