LINE Developersプロダクト(LIFF/LINE Login)におけるフロントエンド開発

by LINEヤフーTech (LY Corporation Tech)

Slide 1

Slide 1 text

-:$PSQPSBUJPO -*/&%FWFMPQFSTϓϩμΫτ -*''-*/&-PHJO ʹ͓͚Δɹ ϑϩϯτΤϯυ։ൃ େڮҰਅ -*/&Ϡϑʔגࣜձࣾ%1'SPOUFOE%FWνʔϜ

Slide 2

Slide 2 text

-:$PSQPSBUJPO લ৬৽ଔೖࣾ -*/&גࣜձࣾத్ೖࣾ େڮҰਅ -*/&Ϡϑʔגࣜձࣾ%1'SPOUFOE%FWνʔϜ

Slide 3

Slide 3 text

-:$PSQPSBUJPO -*/&%FWFMPQFSTϓϩμΫτ

Slide 4

Slide 4 text

-:$PSQPSBUJPO -*/&%FWFMPQFSTϓϩμΫτ

Slide 5

Slide 5 text

-:$PSQPSBUJPO -*/&%FWFMPQFSTϓϩμΫτ

Slide 6

Slide 6 text

-:$PSQPSBUJPO ૊৫ߏ଄

Slide 7

Slide 7 text

-:$PSQPSBUJPO 1SPKFDU1SPEVDU5FBN 1SPKFDU 1SPEVDU 5FBN '&νʔϜ 4FSWFSνʔϜ /BUJWF$MJFOUνʔϜ 2"νʔϜ %BUB"OBMZTJT 1.νʔϜ -*''1SPKFDU -*/&-PHJO1SPKFDU -*/&-PHJO -*'' '&νʔϜ 4FSWFSνʔϜ 2"νʔϜ 1.νʔϜ

Slide 8

Slide 8 text

-:$PSQPSBUJPO 1SPKFDU1SPEVDU5FBN 1SPEVDU 5FBN '&νʔϜ /BUJWF$MJFOUνʔϜ 2"νʔϜ %BUB"OBMZTJT 1.νʔϜ 4FSWFSνʔϜ -*''1SPKFDU -*/&-PHJO1SPKFDU -*/&-PHJO -*'' '&νʔϜ 2"νʔϜ 1.νʔϜ 4FSWFSνʔϜ զʑ%1'&%FWνʔϜ͕ΞαΠϯ͞Ε͍ͯΔ 1SPKFDU

Slide 9

Slide 9 text

-:$PSQPSBUJPO ։ൃʹ͍ͭͯ

Slide 10

Slide 10 text

-:$PSQPSBUJPO νʔϜ͕੹຿Λ࣋ͭϓϩμΫτ -*/&-PHJOϑϩϯτΤϯυ -*''

Slide 11

Slide 11 text

-:$PSQPSBUJPO ৄࡉ -*''4%, -*''1MVHJOT -*''"QQT -*''044 -*''$-* -6* -*/&-PHJO'& .*/*)PNF'& -*''1SPKFDU .*/*1SPKFDU -*/&-PHJO1SPKFDU

Slide 12

Slide 12 text

-:$PSQPSBUJPO ٕज़ελοΫ -*''1SPKFDU -*''4%, -*''1MVHJOT -*''"QQT -*''044 -*''$-* -6*

Slide 13

Slide 13 text

-:$PSQPSBUJPO -*''ͷपลػೳπʔϧͷྫ ڞ௨ϓϩϑΟʔϧΫΠοΫೖྗػೳ -*''1MVHJOͱ1SFBDUͰ࣮૷ Ҿ༻IUUQTEFWFMPQFSTMJOFCJ[KBEPDTQBSUOFSEPDTRVJDLGJMMPWFSWJFX ๏ਓ޲͚

Slide 14

Slide 14 text

-:$PSQPSBUJPO ٕज़ελοΫ -*/&-PHJO1SPKFDU -*/&-PHJO'&

Slide 15

Slide 15 text

-:$PSQPSBUJPO ٕज़دΓͷλεΫΛ਱ߦ͠΍͍͢ "Zαϙʔτͷॆ࣮Խ΍ɺ &0-Λܴ͑Δґଘؔ܎ͷߋ৽ͳͲ ඇػೳཁ݅ʹର͢ΔΞΫγϣϯ͕औΓ΍͍͢ 51. 1. %FW

Slide 16

Slide 16 text

-:$PSQPSBUJPO ٕज़دΓͷλεΫΛ਱ߦ͠΍͍͢ "Zαϙʔτͷॆ࣮Խ΍ɺ &0-Λܴ͑Δґଘؔ܎ͷߋ৽ͳͲ ඇػೳཁ݅ʹର͢ΔΞΫγϣϯ͕औΓ΍͍͢ 51. 1. %FW

Slide 17

Slide 17 text

-:$PSQPSBUJPO ϨϏϡʔͱυΩϡϝϯτΛ࢒͢จԽ ࣮૷ʹݶΒͣɺνʔϜʹؔΘΔ͜ͱ͸ϨϏϡʔ ϓϩδΣΫτʹΑͬͯ͸"%3Λ࠾༻

Slide 18

Slide 18 text

-:$PSQPSBUJPO ಇ͖ํ

Slide 19

Slide 19 text

-:$PSQPSBUJPO ۈ຿ମܥͳͲ ϦϞʔτϑϧϑϨοΫείΞλΠϜແ͠ ϥϯν΍ҿΈձͷ༧ఆ͕͋Ε͹ग़ࣾ

Slide 20

Slide 20 text

-:$PSQPSBUJPO िؒͷ༷ࢠ '&νʔϜ .PC1SP '&νʔϜ .PC1SP 8FFLMZ.5( -*''1SPKFDU 8FFLMZ.5( 1.TX-*''։ൃνʔϜ 8FFLMZ.5( 1.TX'&νʔϜ 8FFLMZ.5( -*/&-PHJO1SPKFDU '&νʔϜྠಡձ '&νʔϜྠಡձ ேձ

Slide 21

Slide 21 text

-:$PSQPSBUJPO िؒͷ༷ࢠ '&νʔϜ .PC1SP '&νʔϜ .PC1SP 8FFLMZ.5( -*''1SPKFDU 8FFLMZ.5( 1.TX-*''։ൃνʔϜ 8FFLMZ.5( 1.TX'&νʔϜ 8FFLMZ.5( -*/&-PHJO1SPKFDU ேձ '&νʔϜྠಡձ '&νʔϜྠಡձ ͜ͷଞʹִिͰ'&νʔϜͷλεΫϓϥ ϯχϯάͷ͕࣌ؒ͋Δ ςʔϚ͸ࣗ༝ʹ࣋ͪدΓܗࣜ ࠷ۙ͸DIJCJWVFͷ࣮૷ ઃܭͷٞ࿦΍ํ਑ͷ૬ஊͳͲɺ ॏΊͷ࿩୊Λڞ༗͢Δ࣌ؒ ϝϯόʔ͕ଗ͍࣍ୈΏΔ͘ேձΛ࢝ΊΔ ܰΊͷ࿩୊͸͜͜Ͱڞ༗

Slide 22

Slide 22 text

-:$PSQPSBUJPO ̍ϲ݄ͷ༷ࢠ -*''1SPKFDUͷྫ ϦϦʔε"%FW&OE ϦϦʔε#4DPQF'JY ϦϦʔε$4DPQF'JY ϦϦʔε#%FW&OE ϦϦʔε$%FW&OE ϦϦʔε"3FBMϦϦʔε ϦϦʔε#3FBMϦϦʔε ϦϦʔε"2" ϦϦʔε"࣮૷ ϦϦʔε"2" ϦϦʔε#࣮૷ ϦϦʔε#2" ϦϦʔε#2" ϦϦʔε#࣮૷ ͋͘·ͰΠϝʔδͰ͢

Slide 23

Slide 23 text

-:$PSQPSBUJPO ̍ϲ݄ͷ༷ࢠ ϦϦʔε"%FW&OE ϦϦʔε#4DPQF'JY ϦϦʔε$4DPQF'JY ϦϦʔε#%FW&OE ϦϦʔε$%FW&OE ϦϦʔε"3FBMϦϦʔε ϦϦʔε#3FBMϦϦʔε ϦϦʔε"2" ϦϦʔε"࣮૷ ϦϦʔε"2" ϦϦʔε#࣮૷ ϦϦʔε#2" ϦϦʔε#2" ϦϦʔε#࣮૷ εςʔΫϗϧμʔͷଟ͞ -*/&$MJFOU ωΠςΟϒΞϓϦ ΍ 4FSWFS υΩϡϝϯτνʔϜͳͲͱ࿈ ܞΛͱΔඞཁ͕͋Δ ࣾ಺ωοτϫʔΫ޲͚ͷόʔδϣϯ ΋ެ։͍ͯ͠ΔͨΊɺࣾ಺ͷଞϓϩμ Ϋτ΍αʔϏε΋εςʔΫϗϧμʔͷ ର৅ʹͳΔ

Slide 24

Slide 24 text

-:$PSQPSBUJPO νʔϜʹ͍ͭͯ

Slide 25

Slide 25 text

-:$PSQPSBUJPO ϝϯόʔͷߏ੒ TVHBSTIJO .BOBHFS PEBO 5FBN5FDI-FBE -*/&-PHJO'&-FBE PIBTIJ த్ೖࣾ લ৬όοΫΤϯυΤϯδχΞ -*'''&-FBE 3PNBO ݉຿ த్ೖࣾ લ৬ιϑτ΢ΣΞΤϯδχΞ ʢ#BDLFOE8FC1MBUGPSNνʔϜʣ த్ೖࣾ લ৬ϑϧελοΫΤϯδχΞ த్ೖࣾ લ৬όοΫΤϯυΤϯδχΞ

Slide 26

Slide 26 text

-:$PSQPSBUJPO ϝϯόʔͷΞ΢τϓοτ 7VF'FT 5FDI#MPH 6*5*/4*%& 1PEDBTU

Slide 27

Slide 27 text

-:$PSQPSBUJPO 044ߩݙ ίϯτϦϏϡʔγϣϯνϟϯε͸ ੵۃతʹर͍ͬͯ͘จԽʂ

Slide 28

Slide 28 text

-:$PSQPSBUJPO +PC%FTDSJQUJPOʹ͍ͭͯ

Slide 29

Slide 29 text

-:$PSQPSBUJPO ϑϩϯτΤϯυΤϯδχΞ-*/&%FWFMPQFSTϓϩμΫτ Ҿ༻IUUQTXXXMZDPSQDPKQKBSFDSVJUDBSFFSKPCDBUFHPSJFTMZ

Slide 30

Slide 30 text

-:$PSQPSBUJPO ͜Μͳํʹདྷͯ΄͍͠ -*/&%FWFMPQFSTϓϩμΫτʹڵຯ͕͋Δ 4%,ϥΠϒϥϦ։ൃʹڵຯ͕͋Δ ΑΓߴ͍৴པੑ͕ٻΊΒΕΔϓϩμΫτʹܞΘΓ͍ͨ +BWB4DSJQU5ZQF4DSJQU͕޷͖ ͥͻΧδϡΞϧ໘ஊΛʂʂ

Slide 31

Slide 31 text

-:$PSQPSBUJPO -:$PSQPSBUJPO 5IBOL:PV