Slide 1

Slide 1 text

ϞόΠϧΞϓϦ͸LINEͰOK
 
ʙLINEͰਤॻؗ޲͚ΞϓϦΛ࡞ͬͯΈͨʙ TAKUYA KANATANI LDGKେ๨೥ձ2019 with LINE Platform Meetup 2019.12.13

Slide 2

Slide 2 text

ۚ୩ ୓࠸ʢTakuya Kanataniʣ KDL Inc. Progressive Development Team Honda Next ڞಉ୅ද LINE API Expert (‘19~) Twitterɿ@torisankanasan ஶॻɿ ɹεϚʔτεϐʔΧʔΛ༡ͼ͓ͨ͢ຊ

Slide 3

Slide 3 text

L I N E ͱ Θ ͨ ͠ LINE Developer of the Month2018.09 LINE BOOT AWARDS 2018 RIZAP৆

Slide 4

Slide 4 text

ࣗ ಈ ॻ ੶ ି ग़ ฦ ٫ ػ ޲ ͚ ʹ L I N E Ξ ϓ Ϧ Λ ࡞ ͬͯ ग़ ల ͯ͠ ͖ · ͠ ͨ

Slide 5

Slide 5 text

؆୯ͳૢ࡞Ͱར༻ऀࣗ਎͕ਤॻͷି͠ग़͠ͱฦ٫͕Ͱ͖ΔϘοΫεܕͷແਓ ػͰɺࢠͲ΋Ͱ΋҆৺ͯ͠࢖༻Ͱ͖Δ҆શੑΛඋ͍͑ͯ·͢ɻ ࣗಈॻ੶ିग़ฦ٫ػʮ.FEJB#PYʢϝσΟΞϘοΫεʣʯ *$ΧʔυͰड෇Λߦ͍ɺλονύωϧ ϞχλʔͷϦετ͔ΒआΓ͍ͨຊΛλο ν͢Δ͚ͩͰ಺ଂ͞Ε͍ͯΔγεςϜ ͕ର৅ਤॻΛϐοΫΞοϓ͠ɺऔΓग़ ͠ޱ·Ͱӡͼ·͢ɻ ӺલͳͲͰडऔɾฦ٫͕Ͱ͖Δʂ ג ࣜ ձ ࣾ Φ Χ Ϝϥ ༷ http://www.okamura.co.jp/company/topics/culture/2018/mediabox.php

Slide 6

Slide 6 text

ࣗಈॻ੶ିग़ฦ٫ػʮ.FEJB#PYʢϝσΟΞϘοΫεʣʯ http://www.okamura.co.jp/company/topics/culture/2018/mediabox.php

Slide 7

Slide 7 text

• ʮMedia Boxͷలࣔձग़లʹ͋ͨΓɺϞόΠϧΞϓϦΛ։ൃ͍ͨ͠ɻʯ • ʮखܰʹॻ੶৘ใͷӾཡ΍༧໿ͷૢ࡞͕Ͱ͖ΔମݧΛདྷ৔ऀʹΘ͔Γ΍͘͢ ఏ͍ࣔͨ͠ɻʯ • ਤॻؗͳͲͷެڞࢪઃ͕λʔήοτ▶︎ΤϯυϢʔβʔ͸ࢢຽ ͓ ٬ ༷ ͔ Β ཁ ๬

Slide 8

Slide 8 text

L I N E Λ ࢖ ͑ ͹ O K ʂ ʂ

Slide 9

Slide 9 text

L I N E Λ ࢖ ͏ ͱ Կ ͕ خ ͠ ͍ ͷ ͔ ʁ

Slide 10

Slide 10 text

L I N E ͔ Β ͓ ۚ ͕ ΋ Β ͑Δ

Slide 11

Slide 11 text

L I N E Ξ ϓ Ϧ ͷ Ϣ ʔ β ʔ ਺

Slide 12

Slide 12 text

L I N E Ξ ϓ Ϧ ͷ Ϣ ʔ β ʔ ଐ ੑ

Slide 13

Slide 13 text

● ϦϯΫ΍QRίʔυ͔Β༑ͩͪొ࿥͢Δ͚ͩͰར༻ՄೳͳͷͰɺ
 Ϣʔβʔ͸৽ͨͳΞϓϦΛΠϯετʔϧ͢Δඞཁ͕ͳ͍ μ΢ϯϩʔυ͕ෆཁ ● LINEͰͷૢ࡞ʹͳΔͷͰϢʔβʔͷֶशίετ͸গͳ͘ɺ৺ཧతͳϋʔυϧ΋௿͍ ֶशίετ͕গͳ͍ L I N E Ͱ Ξ ϓ Ϧ Λ ։ ൃ ͢ Δ ϝ Ϧ ο τ ● LINEͷΞΧ΢ϯτ৘ใ͸Ҿ͖ܧ͙Ϣʔβʔ͕ඇৗʹଟ͍ ୺຤ަ׵࣌Ϣʔβʔ৘ใΛҾ͖ܧ͛Δ ●LINEͷϓογϡϝοηʔδ͸։෧཰͕ߴ͍
 ૹ٬཰͸ϝϧϚΨͷ2.81ഒͱ͍͏ࣄྫ΋ʢࢀߟɿhttps://www.linebiz.com/jp/case-study/akaishi/ʣ ௨஌ͷ։෧཰͕ߴ͍

Slide 14

Slide 14 text

- ϝχϡʔϘλϯ - ॻ੶༧໿ʢॻ੶͔Β୳͢ʣ - ॻ੶༧໿ʢ৔ॴ͔Β୳͢ʣ - ϥϯΩϯά - ༧໿ঢ়گӾཡ - ར༻ཤྺӾཡ - ͓஌ΒͤӾཡ ࡞ ͬ ͨ ΋ ͷ σ Ϟ ಈ ը

Slide 15

Slide 15 text

L I N E ͷ A P I Λ Ͳ ͏ ࢖ ͬ ͨ ͔ ʁ

Slide 16

Slide 16 text

ػೳɿϦονϝχϡʔ
 ༻్ɿϝχϡʔϘλϯ ར ༻ ͠ ͨ # L I N E _ M E S S A G I N G _ A P I ͷ ػ ೳ Ϧονϝχϡʔ͸ͨͩͷը૾σʔλ

Slide 17

Slide 17 text

ར ༻ ͠ ͨ # L I N E _ M E S S A G I N G _ A P I ͷ ػ ೳ ɾ؅ཧը໘͔ΒΞοϓϩʔυ ɾAPIͰΞοϓϩʔυ ςϯϓϨʔτʹແ͍λοϓྖҬઃఆ΍
 UserId͝ͱͷϦονϝχϡʔઃఆ͕Մೳɹ=>

Slide 18

Slide 18 text

ػೳɿΫΠοΫϦϓϥΠ
 ༻్ɿॻ੶બ୒࣌ͷδϟϯϧબ୒ ར ༻ ͠ ͨ # L I N E _ M E S S A G I N G _ A P I ͷ ػ ೳ

Slide 19

Slide 19 text

ػೳɿFlex Message
 ༻్ɿॻ੶৘ใ΍ར༻ཤྺͳͲ ར ༻ ͠ ͨ # L I N E _ M E S S A G I N G _ A P I ͷ ػ ೳ CSS Flexible BoxʢCSS Flexboxʣͷجૅ஌ࣝΛ࢖ͬͯɺ
 ϨΠΞ΢τΛࣗ༝ʹΧελϚΠζͰ͖Δϝοηʔδ

Slide 20

Slide 20 text

Simulator͕༻ҙ͞Ε͍ͯΔͷͰϊϯίʔσΟϯάͰσβΠϯՄೳʂ ར ༻ ͠ ͨ # L I N E _ M E S S A G I N G _ A P I ͷ ػ ೳ

Slide 21

Slide 21 text

ػೳɿ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ͳͲ͕औಘՄೳɻ
 Ϣʔβʔ৘ใΛ׆༻ͨ͠ػೳΛఏڙͨ͠Γɺ
 Ϣʔβʔͷ୅ΘΓʹϝοηʔδૹ৴΋Մೳɻ

Slide 22

Slide 22 text

· ͱ Ί

Slide 23

Slide 23 text

• LINEΛ࢖͏ͱԿ͕خ͍͠ͷ͔ʁ
 ͓٬͞Μʹʮ͑ɺLINEͬͯ͜Μͳ͜ͱͰ͖ΔΜͰ͔͢ʁʯͱ ݴΘΕͯؾ࣋ͪΑ͘ͳΕΔ
 +༷ʑͳϝϦοτʢૢ࡞ͷֶशίετ͕௿͍ɾϝοηʔδ։ ෧཰͕ߴ͍etc.ʣ • Flex Message΍LIFFͷొ৔ͰϞόΠϧΞϓϦҎ্ͷUXΛ૑ ΕΔΑ͏ʹͳͬͨ
 ϞόΠϧΞϓϦ͸શͯLINEͰOKʂʂ · ͱ Ί

Slide 24

Slide 24 text

2 0 2 0 ೥ ͸ L I N E ͷ A P I Ͱ 
 Ϟ όΠϧΞ ϓ Ϧ Λ ࡞ ͬͯ ͍ ͜ ͏ ʂ T H A N K Y O U ! @torisankanasan