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

2024年12月11日に開催された中途採用向けフロントエンドエンジニア採用説明会で投影したLINE Developersプロダクト(LIFF/LINE Login)におけるフロントエンド開発の紹介スライドです。

Transcript

1. ˜
   -:
   $PSQPSBUJPO
   -*/&
   %FWFMPQFSTϓϩμΫτ -*''-*/&
   -PHJO ʹ͓͚Δɹ
   
   ϑϩϯτΤϯυ։ൃ େڮҰਅ -*/&Ϡϑʔגࣜձࣾ
   %1
   'SPOUFOE
   %FWνʔϜ
2. ˜
   -:
   $PSQPSBUJPO
   લ৬
   ৽ଔೖࣾ  -*/&גࣜձࣾ
   த్ೖࣾ  େڮҰਅ -*/&Ϡϑʔגࣜձࣾ
   %1
   'SPOUFOE
   %FWνʔϜ 
3. ˜
   -:
   $PSQPSBUJPO
    -*/&
   %FWFMPQFST
   ϓϩμΫτ
4. ˜
   -:
   $PSQPSBUJPO
    -*/&
   %FWFMPQFSTϓϩμΫτ
5. ˜
   -:
   $PSQPSBUJPO
    -*/&
   %FWFMPQFSTϓϩμΫτ
6. ˜
   -:
   $PSQPSBUJPO
    ૊৫ߏ଄
7. ˜
   -:
   $PSQPSBUJPO
    1SPKFDU1SPEVDU5FBN 1SPKFDU 1SPEVDU 5FBN '&νʔϜ 4FSWFSνʔϜ /BUJWF
   $MJFOUνʔϜ 2"νʔϜ %BUB
   "OBMZTJT
   1.νʔϜ -*''
   1SPKFDU -*/&
   -PHJO
   1SPKFDU -*/&
   -PHJO -*'' '&νʔϜ 4FSWFSνʔϜ 2"νʔϜ 1.νʔϜ
8. ˜
   -:
   $PSQPSBUJPO
    1SPKFDU1SPEVDU5FBN 1SPEVDU 5FBN '&νʔϜ /BUJWF
   $MJFOUνʔϜ 2"νʔϜ %BUB
   "OBMZTJT
   1.νʔϜ 4FSWFSνʔϜ -*''
   1SPKFDU -*/&
   -PHJO
   1SPKFDU -*/&
   -PHJO -*'' '&νʔϜ 2"νʔϜ 1.νʔϜ 4FSWFSνʔϜ զʑ%1
   '&
   %FWνʔϜ͕ΞαΠϯ͞Ε͍ͯΔ 1SPKFDU
9. ˜
   -:
   $PSQPSBUJPO
    ։ൃʹ͍ͭͯ
10. ˜
    -:
    $PSQPSBUJPO
     νʔϜ͕੹຿Λ࣋ͭϓϩμΫτ -*/&
    -PHJO
    ϑϩϯτΤϯυ -*''
11. ˜
    -:
    $PSQPSBUJPO
     ৄࡉ -*''
    4%, -*''
    1MVHJOT -*''
    "QQT -*''
    044 -*''
    $-* -6* -*/&
    -PHJO
    '& .*/*
    )PNF
    '& -*''
    1SPKFDU .*/*
    1SPKFDU -*/&
    -PHJO
    1SPKFDU
12. ˜
    -:
    $PSQPSBUJPO
     ٕज़ελοΫ -*''
    1SPKFDU -*''
    4%, -*''
    1MVHJOT -*''
    "QQT -*''
    044 -*''
    $-* -6*
13. ˜
    -:
    $PSQPSBUJPO
     -*''ͷपลػೳπʔϧͷྫ ڞ௨ϓϩϑΟʔϧ
    ΫΠοΫೖྗػೳ
    -*''
    1MVHJOͱ1SFBDUͰ࣮૷
    Ҿ༻
    IUUQTEFWFMPQFSTMJOFCJ[KBEPDTQBSUOFSEPDTRVJDLGJMMPWFSWJFX ๏ਓ޲͚
14. ˜
    -:
    $PSQPSBUJPO
     ٕज़ελοΫ -*/&
    -PHJO
    1SPKFDU -*/&
    -PHJO
    '&
15. ˜
    -:
    $PSQPSBUJPO
     ٕज़دΓͷλεΫΛ਱ߦ͠΍͍͢ "Zαϙʔτͷॆ࣮Խ΍ɺ
    &0-Λܴ͑Δґଘؔ܎ͷߋ৽ͳͲ
    ඇػೳཁ݅ʹର͢ΔΞΫγϣϯ͕औΓ΍͍͢ 51. 1. %FW
16. ˜
    -:
    $PSQPSBUJPO
     ٕज़دΓͷλεΫΛ਱ߦ͠΍͍͢ "Zαϙʔτͷॆ࣮Խ΍ɺ
    &0-Λܴ͑Δґଘؔ܎ͷߋ৽ͳͲ
    ඇػೳཁ݅ʹର͢ΔΞΫγϣϯ͕औΓ΍͍͢ 51. 1. %FW
17. ˜
    -:
    $PSQPSBUJPO
     ϨϏϡʔͱυΩϡϝϯτΛ࢒͢จԽ ࣮૷ʹݶΒͣɺνʔϜʹؔΘΔ͜ͱ͸ϨϏϡʔ
    ϓϩδΣΫτʹΑͬͯ͸"%3Λ࠾༻
18. ˜
    -:
    $PSQPSBUJPO
     ಇ͖ํ
19. ˜
    -:
    $PSQPSBUJPO
     ۈ຿ମܥͳͲ 
    ϦϞʔτ
    
    ϑϧϑϨοΫε
    ίΞλΠϜແ͠
    
    ϥϯν΍ҿΈձͷ༧ఆ͕͋Ε͹ग़ࣾ
    
20. ˜
    -:
    $PSQPSBUJPO
     िؒͷ༷ࢠ '&νʔϜ
    .PC1SP '&νʔϜ
    .PC1SP 8FFLMZ
    .5(
    -*''
    1SPKFDU 8FFLMZ
    .5(
    1.T
    X
    -*''։ൃνʔϜ 8FFLMZ
    .5(
    1.T
    X
    '&νʔϜ 8FFLMZ
    .5(
    -*/&
    -PHJO
    1SPKFDU '&νʔϜྠಡձ '&νʔϜྠಡձ ேձ
21. ˜
    -:
    $PSQPSBUJPO
     िؒͷ༷ࢠ '&νʔϜ
    .PC1SP '&νʔϜ
    .PC1SP 8FFLMZ
    .5(
    -*''
    1SPKFDU 8FFLMZ
    .5(
    1.T
    X
    -*''։ൃνʔϜ 8FFLMZ
    .5(
    1.T
    X
    '&νʔϜ 8FFLMZ
    .5(
    -*/&
    -PHJO
    1SPKFDU ேձ '&νʔϜྠಡձ '&νʔϜྠಡձ ͜ͷଞʹִिͰ'&νʔϜͷλεΫϓϥ ϯχϯάͷ͕࣌ؒ͋Δ ςʔϚ͸ࣗ༝ʹ࣋ͪدΓܗࣜ
    ࠷ۙ͸DIJCJWVFͷ࣮૷ ઃܭͷٞ࿦΍ํ਑ͷ૬ஊͳͲɺ
    ॏΊͷ࿩୊Λڞ༗͢Δ࣌ؒ ϝϯόʔ͕ଗ͍࣍ୈΏΔ͘ேձΛ࢝ΊΔ
    ܰΊͷ࿩୊͸͜͜Ͱڞ༗
22. ˜
    -:
    $PSQPSBUJPO
     ̍ϲ݄ͷ༷ࢠ -*''
    1SPKFDUͷྫ ϦϦʔε"
    %FW&OE ϦϦʔε#
    4DPQF'JY ϦϦʔε$
    4DPQF'JY ϦϦʔε#
    %FW&OE ϦϦʔε$
    %FW&OE ϦϦʔε"
    3FBMϦϦʔε ϦϦʔε#
    3FBMϦϦʔε ϦϦʔε"
    2" ϦϦʔε"
    ࣮૷ ϦϦʔε"
    2" ϦϦʔε#
    ࣮૷ ϦϦʔε#
    2" ϦϦʔε#
    2" ϦϦʔε#
    ࣮૷ ͋͘·ͰΠϝʔδͰ͢
23. ˜
    -:
    $PSQPSBUJPO
     ̍ϲ݄ͷ༷ࢠ ϦϦʔε"
    %FW&OE ϦϦʔε#
    4DPQF'JY ϦϦʔε$
    4DPQF'JY ϦϦʔε#
    %FW&OE ϦϦʔε$
    %FW&OE ϦϦʔε"
    3FBMϦϦʔε ϦϦʔε#
    3FBMϦϦʔε ϦϦʔε"
    2" ϦϦʔε"
    ࣮૷ ϦϦʔε"
    2" ϦϦʔε#
    ࣮૷ ϦϦʔε#
    2" ϦϦʔε#
    2" ϦϦʔε#
    ࣮૷ εςʔΫϗϧμʔͷଟ͞
    
    
    -*/&
    $MJFOU ωΠςΟϒΞϓϦ ΍ 4FSWFS
    υΩϡϝϯτνʔϜͳͲͱ࿈ ܞΛͱΔඞཁ͕͋Δ
    
    ࣾ಺ωοτϫʔΫ޲͚ͷόʔδϣϯ ΋ެ։͍ͯ͠ΔͨΊɺࣾ಺ͷଞϓϩμ Ϋτ΍αʔϏε΋εςʔΫϗϧμʔͷ ର৅ʹͳΔ
24. ˜
    -:
    $PSQPSBUJPO
     νʔϜʹ͍ͭͯ
25. ˜
    -:
    $PSQPSBUJPO
     ϝϯόʔͷߏ੒ TVHBSTIJO .BOBHFS PEBO 5FBN
    5FDI
    -FBE
    -*/&
    -PHJO
    '&
    -FBE PIBTIJ 
    த్ೖࣾ
    લ৬όοΫΤϯυΤϯδχΞ -*''
    '&
    -FBE 3PNBO ݉຿ 
    த్ೖࣾ
    લ৬ιϑτ΢ΣΞΤϯδχΞ
    ʢ#BDLFOE
    8FC
    1MBUGPSNνʔϜʣ 
    த్ೖࣾ
    લ৬ϑϧελοΫΤϯδχΞ 
    த్ೖࣾ
    લ৬όοΫΤϯυΤϯδχΞ
26. ˜
    -:
    $PSQPSBUJPO
     ϝϯόʔͷΞ΢τϓοτ 7VF
    'FT
     5FDI
    #MPH 6*5
    */4*%&
    1PEDBTU
27. ˜
    -:
    $PSQPSBUJPO
     044ߩݙ ίϯτϦϏϡʔγϣϯνϟϯε͸
    ੵۃతʹर͍ͬͯ͘จԽʂ
28. ˜
    -:
    $PSQPSBUJPO
     +PC
    %FTDSJQUJPOʹ͍ͭͯ
29. ˜
    -:
    $PSQPSBUJPO
     ϑϩϯτΤϯυΤϯδχΞ
    
    -*/&
    %FWFMPQFSTϓϩμΫτ
    Ҿ༻
    IUUQTXXXMZDPSQDPKQKBSFDSVJUDBSFFSKPCDBUFHPSJFTMZ
30. ˜
    -:
    $PSQPSBUJPO
     ͜Μͳํʹདྷͯ΄͍͠ 
    -*/&
    %FWFMPQFST
    ϓϩμΫτʹڵຯ͕͋Δ
    
    4%,ϥΠϒϥϦ։ൃʹڵຯ͕͋Δ
    
    ΑΓߴ͍৴པੑ͕ٻΊΒΕΔϓϩμΫτʹܞΘΓ͍ͨ
     +BWB4DSJQU5ZQF4DSJQU͕޷͖
    ͥͻΧδϡΞϧ໘ஊΛʂʂ
31. ˜
    -:
    $PSQPSBUJPO
    ˜
    -:
    $PSQPSBUJPO
    5IBOL
    :PV