モバイルアプリはLINEでOK 

〜LINEで図書館向けアプリを作ってみた〜

モバイルアプリはLINEでOK 

〜LINEで図書館向けアプリを作ってみた〜

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

4778efaf773e22787dee8ca84f44ed37?s=128

金谷拓哉 / Takuya Kanatani

December 13, 2019
Tweet

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