Share
Embed
Slide 1
Slide 1 text
िʹ Twilio
IP ϝοηʔδϯάͱϏσΦͰ
αʔϏε࡞ͬͯΔ
selfree, llc
@kimihom
Slide 2
Slide 2 text
Why?
• ٳͷษڧ͕ͯΒ (෭࢈)
• Twilio ͷཌྷΛಘΔͱɺͲ͜·ͰͰ͖Δ͔Γ͍ͨ
• λʔήοτߜΕϫϯνϟϯ͋Δ(ͱࢥͬͨ)
Slide 3
Slide 3 text
νʔϜͳͲͷରͳձͰͳ͘ɺ
“ڭ͑Δ” Λϕʔεʹͨ͠
ࢣఋؔͷ͋Δ
ίϛϡχέʔγϣϯϓϥοτϑΥʔϜ
What?
Slide 4
Slide 4 text
Target
• ӳձͳͲͷϨοεϯαʔϏεΛӡӦ͍ͯ͠Δاۀ
• ίϯαϧςΟϯάձࣾ
• ͍͠૬खͳͲͷϏδωε
(Ծઆ)
ϝΠϯ”ձ͏”͚ͩͲɺΦϓγϣϯͱͯ͠
ϦϞʔτͰձͰ͖ΕɺՃՁΛఏڙͰ͖ΔͷͰʁ
Slide 5
Slide 5 text
DEMO
Slide 6
Slide 6 text
γεςϜͷ
• ཪଆͷίʔυϢʔβʔཧͱτʔΫϯੜͷΈ
• ͻͨ͢Β JavaScript ! CSS! HTML!
Slide 7
Slide 7 text
ར༻ٕज़
• IP ϝοηʔδϯάɺVideo
• Ruby on Rails 5 (ActionCable ͬͯͳ͍w)
• ·͔͞ͷ jQuery
• Bulma (CSS ϑϨʔϜϫʔΫ)
Slide 8
Slide 8 text
Twilio ৽ٕज़Λ৮ͬͯΈͯ
Video
IP ϝοηʔδϯά
SPA େલఏͳઃܭ(େྔͷΠϕϯτఆٛ)
࠷ॳʹϩʔσΟϯάը໘ग़ͯ͠ҰׅಡΈࠐΈ
νϟϯωϧͱ͔ϢʔβʔͷಡΈࠐΈॱෆಈ?
ػೳগͳ͗ͯ͢ޠΕΔ΄Ͳͳ͍
Invite/Accept ͳઃܭʹͨ͠΄͏͕Կ͔ͱྑ͍
Slide 9
Slide 9 text
ࠓޙ (िͷΈ੍)
• ϝοηʔδฤूͱআ
• ࠃࡍԽ
• ՝ۚपΓ (αϒΞΧϯτ?) Stripe ͬͯΈ͍ͨ
• Landing Page
• ͻͱ·ͣϦϦʔε ༷ͯ͠ࢠݟ
Slide 10
Slide 10 text
͜ͷൃදͰݴ͍͔ͨͬͨ͜ͱ
• ͓ຍٳΈͱͦΕҎ߱ͷ͚ͩͰ͜͜·Ͱ͍͚Δ
• API ʹ͓ۚͬͯͰ։ൃޮબͿͷ͍͍͜ͱ
• ίϛϡχέʔγϣϯϏδωεͷجຊ
• ϏσΦɾνϟοτͳΒάϩʔόϧૂ͑Δʂ
• ిҎ֎ͷ Twilio ٕज़ϚΠφʔͳࠓ͕νϟϯε
Slide 11
Slide 11 text
Thanks.