Web / ネイティブ / LINEアプリを
まとめる技術

Transcript

1. 8FC
   
   ωΠςΟϒ
   
   -*/&ΞϓϦΛ
 ·ͱΊΔٕज़ Classmethod / Yuki Suwa / 2019.11.26 %FWFMPQFST*0
   $"'&ͷ։ൃʹ
 ڵຯͷ͋ΔΤϯδχΞ޲͚࠾༻આ໌ձ

2. ຊ೔ͷςʔϚ 2 %FWFMPQFST*0
   $"'&ͷ
   ΞϓϦʹؔ͢Δٕज़ͱ
 ΞʔΩςΫνϟͷ͝঺հ ຊ೔ͷςʔϚ

3. શମߏ੒ 3 w8FCɺ/BUJWFɺ-*/& Ͱఏڙ͍ͯ͠Δ
   wೝূʹ͸"VUIΛར༻
   w"1*͸ಉ͡&OEQPJOUΛ ࢀর API ೝূ APIΞΫηε

4. ϫϯιʔεʹͳΔ·Ͱͷྺ࢙ 4

5. ΧϑΣͷॳظ։ൃϑϩʔ 5 UIσβΠϯͱ։ൃ iOS൛Λ͓खຊʹ։ൃ

6. ωΠςΟϒΞϓϦͷ՝୊ wΞϓϦΛΠϯετʔϧ͢Δͷʹϋʔυϧ͕͋Δ
   wళฮ͔͠ଘࡏ͠ͳ͍ΧϑΣΛ࢖͏ͨΊʹΞϓϦΛΠϯε τʔϧ͸ྫྷ੩ʹߟ͑Δͱ͢ΔΘ͚͕ͳ͍
   wͨͩ͠ϔϏʔϢʔβʔʹͱͬͯ͸͋ͬͨํ͕ྑ͍ͷ͸͔֬ 6

7. ήετϢʔβʔ޲͚΁ͷల։ 7 Native App Web App

8. νϟοτϘοτ஫จ΍Γ͍ͨ w-*/&Λ࢖ͬͨνϟοτϘοτ஫จΛ ࢼ͍ͨ͠
   wΞϓϦΑΓΠϯλϥΫςΟϒͳ΍Γ औΓ͕Ͱ͖Δ͔΋ʁ
   wԻ੠஫จ΋Ͱ͖Δ͔΋ʁ 8

9. νϟοτϘοτ஫จ΍Γ͍ͨ 9 Native App Web App Chatbot

10. ՝୊ wͭͷνϟωϧʹର͢ΔΞοϓσʔτ͕େม
    wϦιʔεͷ֬อ͕೉͍͠ʢਓґଘʣ
    w΄΅ࣅ͍ͯΔ͕ɺιʔείʔυ͕׬શʹҟͳΔ
    wಉ͡Α͏ͳػೳվળ΋ഒͷ։ൃίετ͕͔͔Δ 10

11. 8FCΞϓϦϕʔεʹϫϯιʔε 11 σϓϩΠ όϯυϧ ϦϯΫ ϦϯΫ LIFF PWA / TWA

    iOS (Native) SPA

12. ϫϯιʔείʔυͰ։ൃ 12 Web App

13. -*''ͱ͸ w-*/&
    'SPOUFOE
    'SBNFXPSL
    w-*/&಺Ͱ্ཱͪ͛Δ8FCΞϓϦͷ ͜ͱʢWͰ͸-*/&֎΋αϙʔτʣ
    wઐ༻4%,Ͱ-*/&ͷ"1*͕ར༻Մೳ 13

14. w6*ϑϨʔϜϫʔΫ
    wωΠςΟϒΞϓϦͱಉ͡Α͏ ͳ6*ίϯϙʔωϯτ͕࢖͑Δ
    wࠓ೥ͷ݄ʹ7VFΛαϙʔτ 14

15. wΫϩεϓϥοτϑΥʔϜΞϓϦ ։ൃϑϨʔϜϫʔΫ
    w$PSEPWB΍1IPOF(BQͷޙܧ
    wΨϫωΠςΟϒʹՃ͑ͯωΠςΟ ϒ"1*ͷϒϦοδ͕Մೳ

16. Web App LIFF App Native App

17. શମߏ੒ 17 API ೝূ APIΞΫηε

18. ೝূ
    
    ೝՄͷػೳΛ
    αʔϏεͱͯ͠ఏڙ

19. ιʔγϟϧϩάΠϯͷ՝୊ w৭ʑͳϩάΠϯखஈΛఏڙ͍ͨ͠
    w*%ϓϩόΠμ͝ͱʹ࢓༷͕ҟͳΔ
    w*%ϓϩόΠμ͝ͱʹΞΫηετʔ ΫϯΛ؅ཧ͢ΔॲཧΛ࣮૷͠ͳ͚ Ε͹͍͚ͳ͍ 19

20. Login with LINE ෳ਺ͷιʔγϟϧϩάΠϯ͸ෳࡶʜ 20 Login with Facebook Sign in

    with Google IDϓϩόΠμ͝ͱʹ ೝূ/ೝՄͷ࣮૷ํ๏͕ҟͳΔ

21. "VUI͕·Δͬͱղܾʂ

22. ਺ଟ͘ͷιʔγϟϧίωΫγϣϯΛαϙʔτ And more…

23. %FNP
    "SDIJUFDUVSF 23 iOS App Web App SDK SDK Auth0 Connections

    LIFF App SDK

24. 4BB4ίϯϙʔωϯτ *%؅ཧ
    
    ೝূج൫ $*
    
    $% αϒεΫ
    
    ՝ۚ؅ཧ μογϡϘʔυ ηΩϡϦςΟ ϞχλϦϯά + α

25. ·ͱΊ wϫϯιʔε
    PS
    ݸผ͸ɺׂ͚Δ։ൃίετ࣍ୈ
    w֤ϓϥοτϑΥʔϜͷઐ໳஌ࣝ͸ඞཁɻ
 ϓϩϑΣογϣφϧ͔ͩΒͦ͜Ͱ͖Δɻ
    w৽͍͠πʔϧ΍αʔϏεɺ৽ػೳΛۦ࢖ͯ͠
 ސ٬ମݧΛ࠷େԽ͠Α͏
    wҰॹʹ։ൃ͍ͨ͠ํ͸ɺͥͻΫϥεϝιου΁ʂ 25