Slide 1

Slide 1 text

FLEX MESSAGE

Slide 2

Slide 2 text

confirm carousel image carousel buttons TEMPLATE MESSAGE

Slide 3

Slide 3 text

/day carousel /day buttons Amount of template messages sent per day TEMPLATE MESSAGE 1400ສ 450ສ

Slide 4

Slide 4 text

Cons • ϨΠΞ΢τ͕ݻఆ • σεΫτοϓ൛ʹະରԠ • γϯϓϧ • ࢓༷͕Θ͔Γ΍͍͢ TEMPLATE MESSAGE Pros

Slide 5

Slide 5 text

restaurant news receipt call to action FLEX MESSAGE ticket …and your own layout

Slide 6

Slide 6 text

● ςΩετɺը૾ɺϘλϯΛࣗ༝ʹϨΠΞ΢τͰ͖Δ ● ϨΠΞ΢τ͸JSONͰهड़ ● JSONͰهड़ͨ͠ϝοηʔδΛͦͷ··APIͰૹ৴Ͱ͖Δ ● ૹ৴લʹγϛϡϨʔλʢϒϥ΢βʣͰදࣔ಺༰Λ֬ೝͰ͖Δ ● σεΫτοϓ൛΋αϙʔτ ಛ௃

Slide 7

Slide 7 text

ᶃϝοηʔδͷશମ ᶄϝοηʔδͷຊจ ᶅຊจશମΛғΉϘοΫεΛ഑ஔ ᶆςΩετΛ഑ஔ { "type": "bubble", // ᶃ "body": { // ᶄ "type": "box", // ᶅ "layout": "horizontal", "contents": [ { "type": "text", // ᶆ "text": “Hello, World" } ] } } HELLO, WORLD

Slide 8

Slide 8 text

SIMULATOR https://developers.line.me/console/fx/

Slide 9

Slide 9 text

curl -v -X POST 'https://api.line.me/v2/bot/message/push' \ -H “Content-Type:application/json" -H “Authorization:Bearer “ -d \ ‘{ “to": "U4af4980629…", "messages": [{ "type": "flex", "altText": "this is a flex message", "contents": { "type": "bubble", "body": { "type": "box", "layout": "horizontal", "contents": [ { "type": "text", "text": "Hello, World" } ] } } } ] }'

Slide 10

Slide 10 text

CONTAINER bubble carousel

Slide 11

Slide 11 text

BLOCKS

Slide 12

Slide 12 text

COMPONENTS

Slide 13

Slide 13 text

BOX LAYOUT SYSTEM layout: “horizontal” spacing spacing spacing gravity align gravity align gravity align gravity align layout: “vertical” spacing spacing spacing gravity align gravity align gravity align gravity align layout: “baseline” spacing spacing spacing align align align align

Slide 14

Slide 14 text

FLEX PROPERTY Closing The Distance flex=1 flex=2 flex=0 Closing The Distance Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt

Slide 15

Slide 15 text

Ԡ༻ࣄྫ:ϖίολʔLINEϘοτ FlexͷػೳΛۦ࢖ ͯ͠ಠࣗͷΧϨϯ μʔܕϝοηʔδ Λ࣮ݱ

Slide 16

Slide 16 text

·ͣ͸αϯϓϧ͔Β

Slide 17

Slide 17 text

flex message support Java ✅ nodejs ✅ python ✅ go ✅ php ✅ ruby Not yet perl Not yet OFFICIAL SDK

Slide 18

Slide 18 text

QUICK REPLY

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

● ϝοηʔδૹ৴ ● ϙετόοΫ ● ೔෇બ୒ ● Χϝϥىಈ ● ΧϝϥϩʔϧΛ։͘ ● Ґஔ৘ใΛૹ৴ QUICK REPLY ͔ΒͰ͖Δ͜ͱ

Slide 21

Slide 21 text

curl -v -X POST 'https://api.line.me/v2/bot/message/push' \ -H "Content-Type:application/json" -H "Authorization:Bearer " -d \ '{ "to": "U4af4980629…", "messages": [ { "type": "text", "text": "this is a flex message", "quickReply": { "items": [ { "type": "action", "action": { "type": "message", "label": "Sushi", "text": "Sushi" } }, { "type": "action", "action": { "type": "message", "label": "Tempura", "text": "Tempura" } }, { "type": "action", "action": { "type": "location", "label": "Send location" } } ] } } ] }'

Slide 22

Slide 22 text

ϘλϯΛఏࣔ͢ΔͱɺͦͷίϚ ϯυ͔࣮͠ߦͰ͖ͳ͍Α͏ʹΈ ͑ͯ͠·͏ ࢖͍ॴ1 Quick ReplyͳΒ߇͑Ίʹ
 ༻ྫΛఏࣔͰ͖Δ

Slide 23

Slide 23 text

࢖͍ॴ2 Flexͩͱϝοηʔδ͕େ͖͘ͳ Γ͗͢Δ Quick ReplyͳΒίϯύΫτ ʹଟ਺ͷબ୒ࢶΛग़ͤΔ

Slide 24

Slide 24 text

·ͱΊ ● Template Message ● RichMenu ● Flex Message (New!) ● Quick Reply (New!) ● LIFF (New!) LINE Bot APIͷUI֦ுػೳΛۦ࢖ͨ͠ಠ૑తͳ BotΛ͓଴͍ͪͯ͠·͢!

Slide 25

Slide 25 text

THANK YOU