モバイルアプリはLINEでOK 〜LINEで図書館向けアプリを作ってみた〜

LDGK大忘年会2019 with LINE Platform Meetup 2019.12.13 でのLTスライドです。
https://ldgk.connpass.com/event/157105/

Transcript

1. ϞόΠϧΞϓϦ͸LINEͰOK
 
ʙLINEͰਤॻؗ޲͚ΞϓϦΛ࡞ͬͯΈͨʙ TAKUYA KANATANI LDGKେ๨೥ձ2019 with LINE Platform Meetup 2019.12.13
2. ۚ୩ ୓࠸ʢTakuya Kanataniʣ KDL Inc. Progressive Development Team Honda Next ڞಉ୅ද LINE API Expert (‘19~) Twitterɿ@torisankanasan ஶॻɿ ɹεϚʔτεϐʔΧʔΛ༡ͼ͓ͨ͢ຊ
3. L I N E ͱ Θ ͨ ͠ LINE Developer of the Month2018.09 LINE BOOT AWARDS 2018 RIZAP৆
4. ࣗ ಈ ॻ ੶ ି ग़ ฦ ٫ ػ ޲ ͚ ʹ L I N E Ξ ϓ Ϧ Λ ࡞ ͬͯ ग़ ల ͯ͠ ͖ · ͠ ͨ
5. ؆୯ͳૢ࡞Ͱར༻ऀࣗ਎͕ਤॻͷି͠ग़͠ͱฦ٫͕Ͱ͖ΔϘοΫεܕͷແਓ ػͰɺࢠͲ΋Ͱ΋҆৺ͯ͠࢖༻Ͱ͖Δ҆શੑΛඋ͍͑ͯ·͢ɻ ࣗಈॻ੶ିग़ฦ٫ػʮ.FEJB
   #PYʢϝσΟΞϘοΫεʣʯ *$ΧʔυͰड෇Λߦ͍ɺλονύωϧ ϞχλʔͷϦετ͔ΒआΓ͍ͨຊΛλο ν͢Δ͚ͩͰ಺ଂ͞Ε͍ͯΔγεςϜ ͕ର৅ਤॻΛϐοΫΞοϓ͠ɺऔΓग़ ͠ޱ·Ͱӡͼ·͢ɻ
   ӺલͳͲͰडऔɾฦ٫͕Ͱ͖Δʂ ג ࣜ ձ ࣾ Φ Χ Ϝϥ ༷ http://www.okamura.co.jp/company/topics/culture/2018/mediabox.php
6. ࣗಈॻ੶ିग़ฦ٫ػʮ.FEJB
   #PYʢϝσΟΞϘοΫεʣʯ http://www.okamura.co.jp/company/topics/culture/2018/mediabox.php
7. • ʮMedia Boxͷలࣔձग़లʹ͋ͨΓɺϞόΠϧΞϓϦΛ։ൃ͍ͨ͠ɻʯ • ʮखܰʹॻ੶৘ใͷӾཡ΍༧໿ͷૢ࡞͕Ͱ͖ΔମݧΛདྷ৔ऀʹΘ͔Γ΍͘͢ ఏ͍ࣔͨ͠ɻʯ • ਤॻؗͳͲͷެڞࢪઃ͕λʔήοτ▶︎ΤϯυϢʔβʔ͸ࢢຽ ͓ ٬ ༷ ͔ Β ཁ ๬
8. L I N E Λ ࢖ ͑ ͹ O K ʂ ʂ
9. L I N E Λ ࢖ ͏ ͱ Կ ͕ خ ͠ ͍ ͷ ͔ ʁ
10. L I N E ͔ Β ͓ ۚ ͕ ΋ Β ͑Δ
11. L I N E Ξ ϓ Ϧ ͷ Ϣ ʔ β ʔ ਺
12. L I N E Ξ ϓ Ϧ ͷ Ϣ ʔ β ʔ ଐ ੑ
13. • ϦϯΫ΍QRίʔυ͔Β༑ͩͪొ࿥͢Δ͚ͩͰར༻ՄೳͳͷͰɺ
 Ϣʔβʔ͸৽ͨͳΞϓϦΛΠϯετʔϧ͢Δඞཁ͕ͳ͍ μ΢ϯϩʔυ͕ෆཁ • LINEͰͷૢ࡞ʹͳΔͷͰϢʔβʔͷֶशίετ͸গͳ͘ɺ৺ཧతͳϋʔυϧ΋௿͍ ֶशίετ͕গͳ͍ L I N E Ͱ Ξ ϓ Ϧ Λ ։ ൃ ͢ Δ ϝ Ϧ ο τ • LINEͷΞΧ΢ϯτ৘ใ͸Ҿ͖ܧ͙Ϣʔβʔ͕ඇৗʹଟ͍ ୺຤ަ׵࣌Ϣʔβʔ৘ใΛҾ͖ܧ͛Δ •LINEͷϓογϡϝοηʔδ͸։෧཰͕ߴ͍
 ૹ٬཰͸ϝϧϚΨͷ2.81ഒͱ͍͏ࣄྫ΋ʢࢀߟɿhttps://www.linebiz.com/jp/case-study/akaishi/ʣ ௨஌ͷ։෧཰͕ߴ͍
14. - ϝχϡʔϘλϯ - ॻ੶༧໿ʢॻ੶͔Β୳͢ʣ - ॻ੶༧໿ʢ৔ॴ͔Β୳͢ʣ - ϥϯΩϯά - ༧໿ঢ়گӾཡ - ར༻ཤྺӾཡ - ͓஌ΒͤӾཡ ࡞ ͬ ͨ ΋ ͷ σ Ϟ ಈ ը
15. L I N E ͷ A P I Λ Ͳ ͏ ࢖ ͬ ͨ ͔ ʁ
16. ػೳɿϦονϝχϡʔ
 ༻్ɿϝχϡʔϘλϯ ར ༻ ͠ ͨ # L I N E _ M E S S A G I N G _ A P I ͷ ػ ೳ Ϧονϝχϡʔ͸ͨͩͷը૾σʔλ
17. ར ༻ ͠ ͨ # L I N E _ M E S S A G I N G _ A P I ͷ ػ ೳ ɾ؅ཧը໘͔ΒΞοϓϩʔυ ɾAPIͰΞοϓϩʔυ ςϯϓϨʔτʹແ͍λοϓྖҬઃఆ΍
 UserId͝ͱͷϦονϝχϡʔઃఆ͕Մೳɹ=>
18. ػೳɿΫΠοΫϦϓϥΠ
 ༻్ɿॻ੶બ୒࣌ͷδϟϯϧબ୒ ར ༻ ͠ ͨ # L I N E _ M E S S A G I N G _ A P I ͷ ػ ೳ
19. ػೳɿFlex Message
 ༻్ɿॻ੶৘ใ΍ར༻ཤྺͳͲ ར ༻ ͠ ͨ # L I N E _ M E S S A G I N G _ A P I ͷ ػ ೳ CSS Flexible BoxʢCSS Flexboxʣͷجૅ஌ࣝΛ࢖ͬͯɺ
 ϨΠΞ΢τΛࣗ༝ʹΧελϚΠζͰ͖Δϝοηʔδ
20. Simulator͕༻ҙ͞Ε͍ͯΔͷͰϊϯίʔσΟϯάͰσβΠϯՄೳʂ ར ༻ ͠ ͨ # L I N E _ M E S S A G I N G _ A P I ͷ ػ ೳ
21. ػೳɿLIFFʢLINE Front-end Frameworkʣ
 ༻్ɿॻ੶Λ৔ॴ͔Β୳͢ࡍͷϚοϓදࣔ ར ༻ ͠ ͨ # L I N E _ M E S S A G I N G _ A P I ͷ ػ ೳ LIFF = WebView
 LINEͷϢʔβʔIDͳͲ͕औಘՄೳɻ
 Ϣʔβʔ৘ใΛ׆༻ͨ͠ػೳΛఏڙͨ͠Γɺ
 Ϣʔβʔͷ୅ΘΓʹϝοηʔδૹ৴΋Մೳɻ
22. · ͱ Ί
23. • LINEΛ࢖͏ͱԿ͕خ͍͠ͷ͔ʁ
 ͓٬͞Μʹʮ͑ɺLINEͬͯ͜Μͳ͜ͱͰ͖ΔΜͰ͔͢ʁʯͱ ݴΘΕͯؾ࣋ͪΑ͘ͳΕΔ
 +༷ʑͳϝϦοτʢૢ࡞ͷֶशίετ͕௿͍ɾϝοηʔδ։ ෧཰͕ߴ͍etc.ʣ • Flex Message΍LIFFͷొ৔ͰϞόΠϧΞϓϦҎ্ͷUXΛ૑ ΕΔΑ͏ʹͳͬͨ
 ϞόΠϧΞϓϦ͸શͯLINEͰOKʂʂ · ͱ Ί
24. 2 0 2 0 ೥ ͸ L I N E ͷ A P I Ͱ 
 Ϟ όΠϧΞ ϓ Ϧ Λ ࡞ ͬͯ ͍ ͜ ͏ ʂ T H A N K Y O U ! @torisankanasan