Slide 1

Slide 1 text

鈴木孝之 2020/01/28 ԭೄΛڌ఺ʹ͠ͳ͕ΒձࣾͰ ࠷৽ͷٕज़ΛऔΓೖΕଓ͚͍ͯΔ࿩

Slide 2

Slide 2 text

"HFOEB ࣗݾ঺հɾձࣾ঺հ ԭೄͷֶͿ؀ڥ ԭೄͰ৽͍ٕ͠ज़ΛऔΓೖΕΔʹ͋ͨͬͯ޻ ෉͍ͯ͠Δ͜ͱ

Slide 3

Slide 3 text

ࣗݾ঺հɾձࣾ঺հ

Slide 4

Slide 4 text

◆໊લ ླ໦ ޹೭(Suzuki Takayuki) ※ಉ੏ಉ໊ଟͯ͘ࠔͬͯ·͢ɻɻɻ ◆ࣗݾ঺հ ɾ1990೥ɺਆಸ઒ݝੜ·Εɻ ɾࣾձਓʹͳ͔ͬͯΒɺϓϩάϥϛϯάΛ࢝ΊΔɻ ɾ2015೥ʹϑϧεϐʔυʹೖࣾ͠ɺ2017೥ʹಠཱɻ ɾϑϦʔϥϯεͰϦϞʔτϫʔΫΛ൒೥΍ͬͨޙʹԭೄͰىۀ ◆झຯ ίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺ໺ٿ؍ઓ ◆εΩϧ ɾPHP, Symfony2,CakePHP3,Laravel6 ɾJavaScript, backbone.js,Vue.js,Nuxt.js,Angular 1.ࣗݾ঺հ

Slide 5

Slide 5 text

1.ࣗݾ঺հ

Slide 6

Slide 6 text

1.ࣗݾ঺հ

Slide 7

Slide 7 text

Re:Build ԭೄͷגࣜձࣾϓϩτιϦϡʔ γϣϯ༷ͱఏܞͯ͠ϓϩάϥϛ ϯάεΫʔϧͷߨࢣ΋຿ΊΔɻ શ෦Ͱ໿200ਓͷଔۀੜΛഐग़ɻ ౦ژɺେࡕͷେखITاۀʹब ৬ɾ಺ఆΛ΋Β͍ͬͯΔଔۀੜ ΋͍Δɻ

Slide 8

Slide 8 text

8 ࣗ෼͕ӡӦ͍ͯ͠ΔΤϯδχΞίϛϡχςΟ ԭೄͰෳ਺ͷίϛϡχςΟΛӡӦͯ͠·͢

Slide 9

Slide 9 text

ܦྺ·ͱΊ 4&4 4*FS 8FCܥࣗࣾ։ൃ ϑϦʔϥϯεΤϯδχΞ ىۀ डୗ։ൃ ελʔτΞοϓ ϓϩάϥϛϯάεΫʔϧͷߨࢣ ͳͲɻ෯޿͘ۀ຿Λ͖ͯ͠·ͨ͠ɻ

Slide 10

Slide 10 text

Copyright Re:Build.inc All Rights Reserved. ձࣾ঺հ ◆ձ໊ࣾ גࣜձࣾRe:Build ◆ॅॴ ԭೄݝԭೄࢢதԝ̍ஸ໨̍̒−̕ ◆ࣄۀ಺༰ ɾࣗࣾWEBαʔϏεͷاըɾ։ൃɻ ɾडୗ։ൃ ◆ࣾһ 7໊ ◆ΤϯδχΞͷಇ͖ํ ϦϞʔτϫʔΫՄೳͳࣗ༝ͳಇ͖ํΛਪ঑ͯ͠·͢ʂ

Slide 11

Slide 11 text

ର৅ऀ ɾ஍ํͰΤϯδχΞͱͯ͠ɺಇ͍ͯΈ͍ͨํ ɾ஍ํͰطʹΤϯδχΞͱͯ͠ಇ͍͍ͯͯɺ৽͍ٕ͠ज़ͷΩϟονΞο ϓʹࠔ͍ͬͯΔํ

Slide 12

Slide 12 text

ԭೄͷֶͿ؀ڥ

Slide 13

Slide 13 text

2.ԭೄͷֶͿ؀ڥ ɾϓϩάϥϛϯάεΫʔϧ ɾษڧձ ɾΧϯϑΝϨϯε ͳͲ

Slide 14

Slide 14 text

1 4 ࣗ෼͕ӡӦ͍ͯ͠ΔΤϯδχΞίϛϡχςΟ ԭೄͰෳ਺ͷίϛϡχςΟΛӡӦͯ͠·͢

Slide 15

Slide 15 text

1 5 ࣗ෼͕ӡӦ͍ͯ͠ΔΤϯδχΞίϛϡχςΟ ౦ژͷAuth0ͷํΛݺΜͰษڧձ։࠵ʂ

Slide 16

Slide 16 text

1 6 ࣗ෼͕ӡӦ͍ͯ͠ΔΤϯδχΞίϛϡχςΟ ౦ژͷStripeͷํΛݺΜͰษڧձ։࠵ʂ

Slide 17

Slide 17 text

1 7 ࣗ෼͕ӡӦ͍ͯ͠ΔΤϯδχΞίϛϡχςΟ ̑ͭͷ஍ҬΛܨ͍ͰதܧͰษڧձʂ

Slide 18

Slide 18 text

1 8 ͦͷଞͷΤϯδχΞίϛϡχςΟ ※ԼهΛࢀর ԭೄΤϯδχΞίϛϡχςΟΨΠυ2018 https://mint.hateblo.jp/entry/2018/12/18/003843

Slide 19

Slide 19 text

1 9 ԭೄͷঁੑΤϯδχΞίϛϡχςΟ

Slide 20

Slide 20 text

2 0 CODEBASE ϓϩάϥϛϯάεΫʔϧ ্ཱ͔ͪ͛Β೥Ͱ໿໊ ͕ࢀՃɻ ࣌ؒͷֶशΛ໨ࢦ͢ϓ ϩάϥϛϯάڭࣨɻ

Slide 21

Slide 21 text

ԭೄͰ৽͍ٕ͠ज़ΛऔΓೖΕΔʹ͋ ͨͬͯ޻෉͍ͯ͠Δ͜ͱ

Slide 22

Slide 22 text

ωοτͰௐ΂ͯࣗ ݾղܾ͠ʹ͍͘ ωοτͰௐ΂Ε͹େମ͸ ࣗݾղܾͰ͖Δ͕ɺઌഐ ͷϑΥϩʔ͕ແ͍ͱղܾ Ͱ͖ͳ͍Τϥʔ͕͋Δ ωοτͰௐ΂Ε͹େମ͸ ࣗݾղܾɻΘ͔Βͳ͍ࣄ ͸ϐϯϙΠϯτͰ࣭໰ɻ ࣮຿ະܦݧ ࣮຿3೥Ҏ্ લఏɿΤϯδχΞͷ੒௕ʹ͍ͭͯ(ओ؍) ࣮຿1ʙ3೥ ͜͜·ͰདྷΔͱීஈͷ࣭໰ ͷྔ͕গͳ͍ͷͰɺςΩε τϕʔεͰSlackͰ΍Γऔ Γ͢Ε͹ॆ෼

Slide 23

Slide 23 text

͋Δఔ౓ͷϨϕϧʹୡͯ͘͠Δͱɺ ٕज़ͷτϨϯυͱ ͦͷٕज़Λબఆ͢Δʹ͋ͨͬͯͷ બఆج४ͱͳΔ ৘ใ͕ಘΒΕΕ͹ɺࣗݾֶशͰֶ΂Δʂʂ

Slide 24

Slide 24 text

2 4 3.ԭೄͰ৽͍ٕ͠ज़ΛऔΓೖΕΔʹ͋ͨͬͯ޻෉͍ͯ͠Δ͜ͱ ϛχϚϜͰࣗࣾαʔϏε ʹऔΓೖΕΔ େن໛ͳΧϯϑΝϨ ϯεΛ໨ֻ͚ͯɺϐ ϯϙΠϯτͰ౦ژग़ ுʹߦ͘ ͦͷٕज़ʹ͍ͭͯৄ͠ ͍ਓʹϝϦοτɾσϝ Ϧοτ͚ͩϐϯϙΠϯ τͰฉ͘ 1 2 3

Slide 25

Slide 25 text

1.େن໛ͳΧϯϑΝϨϯεΛ໨ֻ͚ͯɺϐϯϙΠϯτͰ౦ژग़ுʹߦ͘ ɾ౦ژͷ࠷৽ͷٕज़Λ୊ࡐʹͨ͠ษڧձʹຖճɺࢀՃ͢Δͷ͸೉͠ ͍ɻ ɾLaravelΧϯϑΝϨϯεͳͲͷେن໛ͳΧϯϑΝϨϯεʹߦ͚͹ɺ ͍͍ͩͨ࠷৽ͷτϨϯυ͸Θ͔ΔͷͰɺҙ֎ͱ৘ใऩूͱͯ͠͸ॆ ෼ɻ ɾ΋͘͠͸ɺLIVE഑৴΋૿͍͑ͯΔͷͰɺͦΕΛݟΕ͹ॆ෼ɻ

Slide 26

Slide 26 text

2.ͦͷٕज़ʹ͍ͭͯৄ͍͠ਓʹϝϦοτɾσϝϦοτ͚ͩ ϐϯϙΠϯτͰฉ͘ ɾΧϯϑΝϨϯεͷొஃऀʹϐϯϙΠϯτͰٕज़બఆ͢Δʹ͋ͨͬ ͯͷ൑அج४Λฉ͘ɻ(ex ಋೖʹ͋ͨͬͯͷσϝϦοτɺಘΒΕΔՁ ஋) ɾTwitterͰͦͷٕज़ͷίϛϡχςΟΦʔφʔΛ΍͍ͬͯΔਓΛϑΥ ϩʔ͢Δɻ (ex FirebaseͳΒhttps://twitter.com/1amageek ଜຊ͞Μ) ɾ֤ٕज़ͷSlackϫʔΫεϖʔεͰ࣭໰͢Δɻ

Slide 27

Slide 27 text

SlackͷϫʔΫεϖʔεྫ PHPϢʔβʔζ Firebase Japan User Group

Slide 28

Slide 28 text

஍ํίϛϡχςΟಉ࢜ͷͭͳ͕ΓΛ૿΍͢ίπ ɾ஍ํͷϢʔβάϧʔϓͷίϛϡχςΟϦʔμʔΛืूͯͨ͠Γ͢Δ ͷͰɺཱީิ͢ΔͱҰؾʹܨ͕Γ͕શࠃʹͳΔʂ

Slide 29

Slide 29 text

3.ϛχϚϜͰࣗࣾαʔϏεʹऔΓೖΕΔ ɾࣦഊͯ͠΋࠷ѱɺࣗ෼ୡ΁ͷμϝʔδ͚ͩͰ཈͑ΒΕΔࣗࣾαʔϏε ͰݕূΛΑ͍ͯ͘͠Δɻ ɾಋೖࣄྫͱͯ͠͸Լه - JAMStack - ίʔϙϨʔταΠτΛNuxt.jsɺNetlifyɺmicroCMSͰϦχϡʔΞϧ - Firebase - ࣗࣾαʔϏεͷνϟοτػೳͰ࠾༻

Slide 30

Slide 30 text

αΠτ JAMStack(ίʔϙϨʔταΠτ) TOPϖʔδ΁ APIΛୟ͘ ίϯςϯπ؅ཧ

Slide 31

Slide 31 text

ϑϩϯτΤϯυ αʔόαΠυ Firebase(ࣗࣾαʔϏε) Gitlab CI ϥΠϒϥϦͳͲ Firebase ϥΠϒϥϦͳͲ

Slide 32

Slide 32 text

·ͱΊ ɾٕज़τϨϯυɺͦͷٕज़ͷϝϦοτɾσϝϦοτΛௐ΂ΔखஈΛ ԡ͓͑ͯ͘͞ͷ͕ॏཁɻ ɾٕज़બఆٕͨ͠ज़ΛͳΔ΂͘ɺϦεΫͷ௿͍ՕॴͰ࢖͍࣮ફܦݧ Λ૿΍͍ͯ͘͠ɻ͜͜·Ͱग़དྷΕ͹౦ژʹ͍Δ࣌ͱͦ͜·ͰมΘΒ ͳ͍ҹ৅ɻ