事例で見るVue.js

by Katsushi OUGI

Slide 1

Slide 1 text

ࣄྫͰݟΔ7VFKT

Slide 2

Slide 2 text

ઔ ࠀࢸ ͓͏͗ ͔ͭ͠ IUUQTXXXGBDFCPPLDPN"/50/ גࣜձࣾετϩϘείʔϓ IUUQTUSPCFTDPQFOFU ɾϑϩϯτΤϯυΤϯδχΞ ɾʮֆͰݟͯΘ͔Δ 8FCΞϓϦ ։ൃͷ࢓૊Έʯ

Slide 3

Slide 3 text

ϑϩϯτΤϯυΤϯδχΞͱݴ͍ͭͭ΋ʜ ɾ+BWB4DSJQU։ൃ ɾ)5.-$44ϚʔΫΞοϓ ɾ8PSE1SFTT։ൃ ɾϑϩϯτͷςΫχΧϧσΟϨΫγϣϯ ɾ/&8 ϫΠϠʔϑϨʔϜΛॻ͍ͨΓͷσΟϨΫγϣϯۀ຿ ɾ/&83VCZPO3BJMT։ൃ

Slide 4

Slide 4 text

΍Δ͜ͱ͕ଟ͍ʜ

Slide 5

Slide 5 text

ͦͷதͰ΋+BWB4DSJQUͰԿΛ΍͍ͬͯΔ͔ʁ ɾ޿ࠂҊ݅ͷ'MBTIϥΠΫͳΞχϝʔγϣϯ ɾاۀαΠτ ɾ8FCΞϓϦέʔγϣϯͷϑϩϯτΤϯυ

Slide 6

Slide 6 text

ඞཁͳ஌ࣝ Canvas SVG jQuery ES6 Gulp Webpack Node WebGL CSS Git

Slide 7

Slide 7 text

΍Δ͜ͱ͕ଟ͍ʜ

Slide 8

Slide 8 text

ָΛͯ͠։ൃ͍ͨ͠

Slide 9

Slide 9 text

ͦ͜Ͱɾɾɾ 7VFKT

Slide 10

Slide 10 text

7VFKTͷҰ൪޷͖ͳϙΠϯτΛҰݴͰݴ͏ͱ γϯϓϧͰɺͲΜͳεέʔϧͷΞϓϦέʔγϣ ϯͰ΋࡞੒Ͱ͖Δɺঃʑʹ࠾༻ՄೳͳελοΫ Λඋ͑ͨ࠷খͷίΞΛ͍࣋ͬͯ·͢ɻ IUUQTKQWVFKTPSHΑΓ

Slide 11

Slide 11 text

ͬ͘͟Γͱͨ͠ϙδγϣϯతʹ͸͜Μͳײ͡ 8&#αΠτ 8&#ΞϓϦέʔγϣϯ ϞδϡʔϧΛ࢖͑͹΋ͬͱ ͬͪ͜ΑΓʹ΋

Slide 12

Slide 12 text

ϑϨʔϜϫʔΫͱ͍͏ΑΓ͸ϥΠϒϥϦ

Slide 13

Slide 13 text

ͦ΋ͦ΋ͲΜͳͱ͖ʹϑϨʔϜϫʔΫΛ࢖͏ͷʁ

Slide 14

Slide 14 text

఻౷తͳ΢ΣϒΞϓϦͷ௨৴ IUUQXXXZBIPPDPKQ サーバー )5.-ͷϑΥʔϜཁૉͰσʔλΛαʔόʔαΠυʹૹ৴ͯ͠ɺαʔόʔଆͰෳࡶͳॲཧɻ αʔόʔଆͰݕࡧ݁ՌϖʔδΛ৽ͨʹϨϯμϦϯάͯ͠)5.-දࣔɻ

Slide 15

Slide 15 text

Ϟμϯͳ΢ΣϒΞϓϦͷ௨৴ IUUQTBCFNBUW サーバー αʔόʔͱ͸"KBYͰ௨৴ɻνϟϯωϧΛ੾Γସ͑ͯ΋ը໘ͷ͢΂͕ͯ࠶ඳըͤͣʹɺ ඞཁͳՕॴͷΈ࠶ඳը͢Δɻ

Slide 16

Slide 16 text

Ϟμϯͳ΢ΣϒΞϓϦͷͬ͘͟Γͱͨ͠ߏ੒ API PCサイト SPサイト iPhoneアプリ Androidアプリ શσόΠεڞ௨"1*Ͱ"+"9Λར༻ͨ͠௨৴ αʔόʔଆͰ͸7JFXͷ։ൃ͸͠ͳ͍ɻ

Slide 17

Slide 17 text

ɾैདྷ͸αʔόʔଆͰ୲͍ͬͯͨෳࡶͳॲཧͷ Ұ෦ɺΛϑϩϯτଆͰ୲͏ඞཁ͕Ͱ͖ͯͨɻ ɾK2VFSZΦϯϦʔͰɺBKBYͱ bIPHF` IUNM Ͱ࡞Δ ͷ͸ෳࡶͳ࢓༷ʹରԠͰ͖ͳͯ͘΋͏ແཧɻ ʢͰ͖ͨͱͯ͠΋ϝϯςφϯεͰ͖ͳ͍ෳࡶոحͳίʔυʣ +BWB4DSJQUϑϨʔϜϫʔΫͷొ৔

Slide 18

Slide 18 text

༗໊ͳϑϨʔϜϫʔΫΛͬ͘͟Γͱ঺հ

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

3FBDU ɾϑϨʔϜϫʔΫͱ͍͏͔7JFXͷϥΠϒϥϦ ɾ3FEVYͳͲΛར༻ͯ͠ϑϨʔϜϫʔΫԽ ɾ41"ͳͲ+4ͰΰϦΰϦ΍Δ΢ΣϒΞϓϦʹ ڧ͍ҹ৅ɻ ɾ3FBDU୯ମͰ͸7JFXΛදࣔ͢Δ͚ͩͳͷͰɺ ศར͔Ͳ͏͔͸ར༻༻్ʹΑΔɻ ޿ࠂҊ݅ʹ͸͋·Γ޲͍͍ͯͳ͍

Slide 21

Slide 21 text

3FBDUΛ࢖͍ͬͯͳ͍ཧ༝ ɾେن໛41"ͷ࢓ࣄ͕ͳ͍ɻ ɾ+4ͷதʹ)5.-Λॻ͘ͷͰɺϚʔΫΞοϓ୲ ౰ऀʹ+49ͷ஌͕ࣝඞཁɻϋʔυϧ͕ߴ͍ɻ

Slide 22

Slide 22 text

3FBDUΛ࢖͍ͬͯͳ͍ཧ༝ ɾ8FCQBDLͳͲΛ࢖ͬͯίϯύΠϧ͕ඞਢɻ ɾ؆୯ͳػೳΛ࡞Γ͍͚ͨͩͳͷʹɺ४උஈ֊ ͕໘౗͗͢Δɻɻ

Slide 23

Slide 23 text

3FBDUͷྑ͍఺ ɾϢʔβʔ਺͕ѹ౗తɻυϥοάυϩοϓͳ Ͳͷ҆ఆͨ͠ϓϥάΠϯ͕๛෋ɻ IUUQTHJUIVCDPNSFBDUEOESFBDU EOE ɾ΢ΣϒΞϓϦΛ࡞͍ͬͯΔձࣾͷब৬ʹڧ͍

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

"OHVMBS ɾ"KBYͳͲ΢ΣϒΞϓϦʹඞཁͳػೳ͕͢΂ ͯύοέʔδʹͳ͍ͬͯΔ·͞ʹϑϨʔϜ ϫʔΫɻ ɾ5ZQF4DSJQUͰ։ൃ͞Ε͍ͯΔΒ͍͠ͷͰɺ ࢖͍ͬͯΔਓͱ͸૬ੑ͕͍͍Β͍͠ɻ

Slide 26

Slide 26 text

"OHVMBSΛ࢖͍ͬͯͳ͍ཧ༝ ɾBKBYͷํ๏ͳͲΛ৽ͨʹֶश͠ͳ͚Ε͹ͳ Βͳ͔ͬͨΓͱֶशίετ͕ߴ͍ɻ ɾ3BJMTͰ։ൃ͢Δͱ͖͸3BJMT8BZʹ৐Δͷ Ͱ"OHVMBS8BZͱ߹Θͳ͍ɻ ɾ·ΘΓʹͰ͖Δਓ͕͍ͳ͍ͷͰڠۀ͕Ͱ͖ ͳ͍ɻ

Slide 27

Slide 27 text

"OHVMBSͷྑ͍఺ ɾϢʔβʔ਺͕ଟ͍ɻ ɾϓϥάΠϯ΋๛෋ͦ͏ɻ ɾύοέʔδͰ͢΂ͯ͜ͳͤΔͷ͸ཧ૝తɻ ͨͩ͠ϑϨʔϜϫʔΫ͕௕೥ϝϯςφϯε͞ Εଓ͚Ε͹ɻɻ

Slide 28

Slide 28 text

͋ΒͨΊͯ7VFKT

Slide 29

Slide 29 text

7VFKT ΛҊ݅ͷεέʔϧʹ߹Θͤͯ ॊೈʹ׆༻͢Δํ๏Λ঺հ͠·͢ɻ

Slide 30

Slide 30 text

7VFKTΛখ͘͞࢖͏ ɾίϯύΠϧ͕ෆཁͰɺK2VFSZϥΠΫʹTSDͰϑΝΠϧΛϩʔυͯ͠࢖͑Δɻ TDSJQUTSDIUUQTVOQLHDPNWVFEJTUWVFKTTDSJQU HVMQ΍8FCQBDLΛඞཁͱͤͣʹɺ୯७ʹσʔλόΠϯυͷϥΠϒϥϦͱͯ͢͠ ͙ʹ࢖͑Δɻ

Slide 31

Slide 31 text

7VFKTΛখ͘͞࢖͏ Ұ൪؆୯ͳ࢖༻ํ๏͸6OEFSTDPSFKTͷςϯϓϨʔτػೳͷ୅ΘΓͱͯ͠࢖͏ɻ େਓͷࣄ৘Ͱඇެ։

Slide 32

Slide 32 text

7VFKTΛখ͘͞࢖͏ 6OEFSTDPSFKT ͷςϯϓϨʔτهड़ͱൺ΂Δͱɺ ॻ͖΍͍͢ ݟ΍͍͢ɻ JG PL \ IZFTI ^ IWJGlPLz:&4I ɾهड़͕؆୯ͰಡΈ΍͍͢ͷͰɺ+4͕ۤखͳϚʔΫΞοϓΤϯδχΞͱͷڠۀ͠΍͍͢ɻ ɾ·ͣ͸͜͏͍͏খ͍͞ͱ͜ΖͰ7VFKTΛར༻ͯ͠Έͯ͸Ͳ͏Ͱ͠ΐ͏ʁ

Slide 33

Slide 33 text

7VFKTΛେ͖͘࢖͏ WVF ϑΝΠϧͱ͍͏ಛघͳϑΝΠϧΛ࢖ͬͯɺ)5.-$44+4ΛҰຕͷϑΝΠϧʹ·ͱΊͯॻ ͘͜ͱ͕Ͱ͖Δɻ ίϯϙʔωϯτ୯Ґɺྫ͑͹ݕࡧ૭ͷ෦෼͚ͩΛຕͷϑΝΠϧʹ·ͱΊͯɺ)5.-ͱ$44ɺ +BWB4DSJQUΛॻ͘͜ͱ͕Ͱ͖ΔͷͰɺϝϯςφϯεੑ͕ߴ͍ɻ େਓͷࣄ৘Ͱඇެ։

Slide 34

Slide 34 text

ͦΕͬͯίϯύΠϧ͕ඞཁͳΜͰ͠ΐ͏ʁ

Slide 35

Slide 35 text

7VFKTΛେ͖͘࢖͏ Ϗϧυ؀ڥΛ؆୯ʹ࡞ΕΔެࣜOPEFϞδϡʔϧ͕͋Γ·͢ɻ IUUQTHJUIVCDPNWVFKTWVFDMJ WVFDMJ

Slide 36

Slide 36 text

WVFDMJΛ࢖ͬͯϏϧυ؀ڥߏஙͷ࣮ԋ

Slide 37

Slide 37 text

7VFKTΛେ͖͘࢖͏ ɾ41"Λ࡞Δ৔߹͸ɺ͜ͷ··ར༻͢Ε͹0,͕ͩɺͦ͏Ͱͳ͍৔߹͸ɺ ͜ͷϏϧυ಺༰Λࢀߟʹࣗ෼ྲྀʹΧελϚΠζ͢Ε͹͍͍ɻ ɾ4"44+BEFͳͲ΋ WVFϑΝΠϧʹهड़Մೳɻͨͩ͠WVFMPBEFSͱݺ͹ΕΔ 8FCQBDLϓϥάΠϯ͕ඞཁɻ ɾ$44΋WVFʹ͸ॻ͘͜ͱ͕Ͱ͖Δ͕ɺϚʔΫΞοϓ͸ϚʔΫΞοϓΤϯδχΞ ͞Μʹґཔ͢Δ͜ͱ͕ଟ͍ͷͰɺ$44͸WVFʹ͸ॻ͍͍ͯͳ͍ɻ

Slide 38

Slide 38 text

7VFKTΛ͞Βʹେ͖͘࢖͏ 7VFY IUUQTWVFYWVFKTPSHKBJOUSPIUNM 7VFKT͸3FBDUϥΠΫͳ7JFXʹؔ͢ΔϥΠϒϥϦͳͷͰɺ࡞Γํͳ ͲϑϨʔϜϫʔΫతͳͱ͜Ζ·ͰέΞͯ͘͠Ε·ͤΜɻ ෳ਺ਓ։ൃΛ͢Δ৔߹͸ΧΦεʹͳΔڪΕ΋͋Γ·͢ɻ େن໛41"Λෳ਺ਓͰ։ൃ͢Δ৔߹͸ɺ7VFYΛ௥Ճͯ͠'MVYϥΠΫ ͳ։ൃํ๏ΛऔΓೖΕͨ΄͏͕ྑ͍Ͱ͠ΐ͏ɻ͜ͷن໛ʹͳͬͯ͸͡ Ίͯ3FBDU΍"OHVMBSͱɺ7VFΛൺֱ͢Δҙຯ͕ग़ͯ͘Δͱࢥ͍·͢ɻ

Slide 39

Slide 39 text

7VFKTͷެࣜαΠτͷ঺հ IUUQTKQWVFKTPSH 3FBDU΍"OHVMBSͷυΩϡϝϯτͱ͘Β΂ͯσβΠϯ͕ඒͯ͘͠ಡΈ΍͍͢ ॏཁ ɻ 3FBDUͷυΩϡϝϯτ IUUQTGBDFCPPLHJUIVCJPSFBDU ɾ׬શ೔ຊޠԽɻίϯτϦϏϡʔλʔʹ೔ຊਓ͕͍ΔͷͰɺ΄΅ϦΞϧλΠϜͰߋ৽ɻ IUUQTKQWVFKTPSHDPOUSJCVUJPO ɾ͍ΖΜͳղઆαΠτ͕͋Γ·͕͢ɺ·ͣ͸ެࣜαΠτͷΨΠυͷख़ಡΛΦεεϝ͠·͢ʂ ಡΉͷ͕ͭΒ͘ͳ͍ʂ IUUQTKQWVFKTPSHWHVJEF

Slide 40

Slide 40 text

͔͜͜Βࣄྫ঺հ

Slide 41

Slide 41 text

େਓͷࣄ৘Ͱඇެ։

Slide 42

Slide 42 text

େਓͷࣄ৘Ͱඇެ։

Slide 43

Slide 43 text

େਓͷࣄ৘Ͱඇެ։

Slide 44

Slide 44 text

Ұݟͯ͠σʔλόΠϯυͷػೳΛͲ͜ʹ΋ ͔͍ͭͬͯͳ͍Α͏ʹݟ͑Δ͕ɻɻ

Slide 45

Slide 45 text

σʔλόΠϯυͰ͸ͳ͘γʔϯભҠͷ εςʔτ؅ཧʹ7VFKTͷXBUDIػೳΛར༻ɻ

Slide 46

Slide 46 text

XBUDIػೳͱ͸ʁ IUUQTKTGJEEMFOFUBOUPOTHHOGIQ ɾഇࢭʹͳͬͯ͠·ͬͨɺ0CKFDUPCTFSWF తͳར༻͕Մೳɻ ɾΦϒδΣΫτ͕มߋ͞ΕͨΒɺมߋ಺༰ΛҾ਺ʹͯ͠Կ͔͢Δɻ ɾΠϕϯτΛड͚औͬͨޙ͸ࣗ༝ͳͷͰ$BOWBTͰԿ͔͢Δʂͱ͔%0.ʹറΒΕ ͳ͍Կ͔͕Ͱ͖Δʂ

Slide 47

Slide 47 text

͋Γ͕ͪͳΧΦεઃܭ ヘッダーフッターナビボタン1 ボタン2 XJOEPX USJHHFS bΠϕϯτ໊` ͰΠϕϯτΛ ͱ͹͠·͘Δɻ Ͳ͜ʹͲΜͳεςʔτ͕͋Δͷ͔Θ͔Γʹ͍͘ɻ

Slide 48

Slide 48 text

εςʔτ؅ཧ ボタン1 ボタン2 ボタン3 Vueオブジェクト ֤ΫϥεͰ͸৘ใΛॲཧ͢Δ͚ͩͰ ετοΫ͠ͳ͍ɻ ͢΂ͯ7VFΦϒδΣΫτʹू໿ɻ

Slide 49

Slide 49 text

݁Ռͱͯ͠ɺ ʮ΍ͬͺΓϖʔδભҠʯΛ͜͏͍ͨ͠ɺతͳमਖ਼ʹ؆୯ʹରԠ Ͱ͖ͨɻ ೥౓͸ຊҊ݅Ͱప໷͕೔͙Β͍͕ͩͬͨɺ ೥౓͸೔ʹݮͬͨʂ7VFKTͷ͓͔͛ʂ

Slide 50

Slide 50 text

ɾσʔλ์ૹͷΠϯλʔωοτ൛ʮϋΠϒϦουΩϟετʯίϯςϯπΛ7VFKTͰ࡞੒ ɾςϨϏΛݟͳ͕ΒɺςϨϏ্ͰΧϧνϣήʔϜΛߦ͏ɻ ɾςϨϏΛݟͳ͕ΒɺͳͷͰதܧ్͕੾ΕΔΑ͏ͳը໘ભҠ͸Ͱ͖ͳ͍ 41"Ͱ͋Δඞཁ͕͋Δɻ ɾςϨϏ 1$41ͰͷήʔϜ݁ՌΛಉظ͢Δ େਓͷࣄ৘Ͱඇެ։

Slide 51

Slide 51 text

7VFKTͰ͔͋ͭͬͨ͜ͱ ɾ7VFY 7VF3PVUFSΛར༻ͨ͠41"αΠτɻ ͸͡Ίͯͷ7VFY౤ೖ͕ͩͬͨɺϚχϡΞϧʹԊͬͯ࡞ͬͨΒϋϚΓͲ͜Ζ͸ Θ͔ͣͩͬͨɻγʔϯͷεςʔτ؅ཧɺαʔόʔʹૹΔσʔλ؅ཧ͕ҰՕॴͰ Ͱ͖ͯϥΫνϯͩͬͨɻ ςϨϏͷεϖοΫ͔Β޿ࠂҊ݅ʹ͋Γ͕ͪͳɺ೿खͳγʔϯભҠΤϑΣΫτͳͲ ΋ແ͍͜ͱ͕࠷ॳ͔ΒΘ͔͍ͬͯͨͷͰɺ7VFYΛ౤ೖͰ͖ͨɻ ະ஌ͷҊ݅ʹ΋ؔΘΒͣ7VFKTͷ ͓͔͛Ͱప໷͸೔

Slide 52

Slide 52 text

େਓͷࣄ৘Ͱඇެ։

Slide 53

Slide 53 text

7VFKTͰ͔͋ͭͬͨ͜ͱ ɾ%#Λ࢖Θͳ͍Ͱ৘ใΛϩʔΧϧετϨʔδʹஷΊͯॲཧ͢Δͱ͜Ζɻ ɾϩʔΧϧετϨʔδ͸Ͳ͔͜ΒͰ΋ΞΫηεͰ͖ΔͷͰɺ ࣮૷ͰΧΦεʹͳΓ͕ͪɻ ɾʮ͜ͷΦϒδΣΫτ͸ϩʔΧϧετϨʔδͷ಺༰ͱৗʹಉ͡ʯͱ͍͏ ʹ͓͚ͯ͠͹ɺϩʔΧϧετϨʔδΛҙࣝ͢Δ͜ͱͳ࣮͘૷Ͱ͖ΔͷͰ͸ʁ ͱࢥ͍ɺ7VFKTͷར༻Λݕ౼ɻ େਓͷࣄ৘Ͱඇެ։

Slide 54

Slide 54 text

େਓͷࣄ৘Ͱඇެ։

Slide 55

Slide 55 text

• 8PSE1SFTTͰ"1*Λ࡞ͬͯ7VFKTͰදࣔ • )5.-΁ͷඳը͸7VFKTʹ೚ͤΒΕΔͷͰɺσʔλૢ࡞ʹ஫ྗ͢Ε͹͍͍ɻ • ϧʔςΟϯά͸ 7VFެࣜϥΠϒϥϦͷ 7VFSPVUFS͸ཁ݅ʹ͸߹Θͳ͔ͬͨ ͷͰɺ1BHFKT Λར༻ɻཁ݅ʹ߹ΘͤͯϥΠϒϥϦΛ૊Έ߹ΘͤΒΕΔͱ͜Ζ ΋7VFKTͷྑ͍ͱ͜Ζɻ • IUUQTWJTJPONFEJBHJUIVCJPQBHFKT

Slide 56

Slide 56 text

େਓͷࣄ৘Ͱඇެ։

Slide 57

Slide 57 text

• ͜ͷखͷ6*Λ࡞Δͱ͖ʹΑ͘࢖͍ͬͯͨͷ͕ *TPUPQFKTʢ༗ྉʣ IUUQJTPUPQFNFUBGJ[[ZDP ɾ*TPUPQF͸K2VFSZϕʔεͳͷͰɺσʔλͷෳࡶͳॲཧ͸ΧΦεԽͷةݥੑ͋ Γɻ ɾͨͩ͠ཁ݅ʹ͸ʮͳʹ͔͠ΒΞχϝʔγϣϯΛೖΕͯ΄͍͠ʯͱ͋Δɻ 7VFKT ͳΒΞχϝʔγϣϯͤ͞ΒΕΔ

Slide 58

Slide 58 text

Ξχϝʔγϣϯ։࢝࣌΍ऴྃ࣌ͳͲʹɺλΠϛϯάʹ߹Θͤͯ$44ΫϥεΛ ࣗಈతʹ෇༩ͯ͘͠ΕΔɻ ͦͷ$44ΫϥεʹΞχϝʔγϣϯΛ௥Ճ͢Δɻ τϥϯδογϣϯޮՌ IUUQTKQWVFKTPSHWHVJEFUSBOTJUJPOTIUNM

Slide 59

Slide 59 text

τϥϯδογϣϯޮՌ ͨͩ͠$44Ξχϝʔγϣϯ͸ඇྗɻɻ ޿ࠂҊ݅ͷΞχϝʔγϣϯ΁ͷཉٻ͸ɺ͍ʹ͑͠ͷ'MBTIαΠτڃɻ 5XFFO.BY ͱ 7VFKT $SFBUF+4 ͱ 7VFKT 5ISFF+4 ͱ 7VFKT ͷίϯϏܳʹՄೳੑΛײ͡Δʂʢ·ͩࢼ͍ͯ͠ͳ͍͕ɺ͜Ε ͔Β΍Δ༧ఆʣ

Slide 60

Slide 60 text

7VFKT Λ࠾༻ͨ͠৔߹ͷσϝϦοτ

Slide 61

Slide 61 text

ɾ7VFKTʹݶΒͳ͍͜ͱ͕ͩɺ+40/ϕʔεͷ αΠτ͸4&0ʹऑ͍ɻ ɾ࠷ۙͷ(PPHMF͸+40/ϕʔεͷαΠτ΋ ΠϯσοΫεͯ͘͠ΕΔͱӟ͕͋Δ͕ɺ࣮ײͳ͠ɻ ɾ4&0͕ॏཁ͔൱͔͸ࣄલʹ֬ೝ͢΂͠ɻ ʢཁ݅తʹαʔόʔαΠυͰ΍ͬͨํ͕͍͍৔߹ ΋౰વ·ͩ·ͩଘࡏ͠·͢ɻʣ

Slide 62

Slide 62 text

ɾ3FBDU΍"OHVMBSʹൺ΂ͯϚΠφʔͳͷ͸ ൱Ίͳ͍ɻ ɾ(JUIVCʹ͋ΔϓϥάΠϯͷਫ਼౓͕͋·Γߴ͘ ͳ͍ͷͰɺͪΐͬͱͨ͠΋ͷͰ΋ࣗ࡞͢Δؾ͕֓ ඞཁɻ K2VFSZϓϥάΠϯͱͷซ༻ͰΧόʔ͢Δ ํ๏΋͋Δɻ IUUQTKTGJEEMFOFUBOUPOTWW

Slide 63

Slide 63 text

ͱ͸͍͑ɻɻ

Slide 64

Slide 64 text

࠷ۙ͸੝Γ্͕͖͍ͬͯͯΔ IUUQFMFNFOUFMFNFJPFO64 3FBDUͷ.BUFSJBM6*తͳ΋ͷʁ

Slide 65

Slide 65 text

私たちはなぜReactではなくVue.jsを選んだのか http://postd.cc/why-we-chose-vuejs-over-react/ Our Big Frontend Plan Revealed https://about.gitlab.com/2017/02/06/vue-big-plan/ 「Vue.jsぐらいがちょうどよくね？」的なニュース記事が増えてきているので、そろそろブレイクの予感！

Slide 66

Slide 66 text

·ͱΊ

Slide 67

Slide 67 text

みんながみんなFacebookを作っている訳ではない！ウェブサイトにちょうどいいのはVue.js jQueryもいいが、Vue.jsをとりあえず読み込んでテンプレート機能から使ってみよう！使い⽅の⼯夫で、アニメーションと組み合わせたり業務が楽になる可能性⼤。徹夜も減らせる。

Slide 68

Slide 68 text

એ఻

Slide 69

Slide 69 text

Rails や Vue.js を使った案件お待ちしています！ 090-7406-4476

Slide 70

Slide 70 text

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