มารับความรู้เพิ่มจากแต้มบุญกับงาน LINE Developer Meetup#2 — LINE API Ecosystem

event Aug 12, 2018

เริ่มไม่แน่ใจแล้วว่า เราได้ใช้แต้มบุญหมดไปหรือยัง ยังไม่เคยลองสุ่มเธียเตอร์เลย

กลับมาอีกแล้วกับบล็อกบันทึกงาน LINE Developer Meetup#2 — LINE API Ecosystem ซึ่งเราเคยมาตอนที่เขาจัดครั้งแรกมาแล้ววว เราเองก็อยากมาแล้ว 
อยากมาอีก อยากมาทุกครั้งเลย เย้

ใช้แต้มบุญเพื่อได้ตั๋วเข้างาน Line Developer Meetup #1 ตอน Line API x Firebase
สวัสดีคะทุกท่าน อันนี้กะว่าเขียนบล็อกแบบไวๆสักหน่อย (ขี้เกียจเขียนลงบล็อกตัวเอง) ว่าออฟฟิคของไลน์นั้นน่าอยู่เพียงใด…

ครั้งนี้มีให้ลงทะเบียน แน่นอนเราไม่พลาดกันอยู่แล้ว และก็ได้มาอีกครั้งในวันนี้ไงเล่า!

และนี่คือหลักฐาน (ไม่ได้เอาไว้ขิงนะ) มีความใส่ใจเหมือนเดิมเลย

เราได้เห็นพี่ตี๋โพส Line Cafe ใน Facebook แล้วรู้สึกอยากไปอุดหนุนมากเลย และงานนี้ให้ผู้ร่วมงานทุกท่านได้มาสัมผัส ในราคา 60 บาท

LINE Cafe คาเฟ่สวัสดิการใหม่ที่คูลมากสำหรับชาว LINERs
สวัสดีครับ วันนี้จะพาไปชม LINE Cafe คาเฟ่สุดคูล(และชิค) สำหรับพนักงาน LINE ที่เพิ่งเปิดเมื่อต้นเดือนที่ผ่านมาครับ ซึ่งถือได้ว่าบริษัท LINE เป็น Tech Company…

และหน้าตาของมันค่ะ เราสั่งชาเขียวเย็น เราว่าออกหวานไปหน่อยอะ ฮืออออออออออ คือแอบแสบคอเบยย ใครมีเมนูเด็ดกว่านี้นำเสนอได้ฮะ เผื่อคราวหน้าได้อุดหนุนอีก

เอ้ออออ ของที่ระลึกวันนี้มีสติกเกอร์ของไลน์ หยิบได้คนละอันจ้า (คราวก่อนมีแจกแฟ้มด้วย พร้อมกับสติกเกอร์)

เนื่องจากวันนี้ฝนตก คนเลยมาช้าหน่อย เขาเลยให้นั่งรอห้องกาแล็คซี่อันลือลั่นไปก่อน ซึ่งห้องนี้เป็นห้องที่สามารถยกโต๊ะประชุมขึ้นไปเก็บด้านบนได้ (ซึ่งคราวก่อนเขายกโต๊ะขึ้นไป แต่ไม่ได้เข้าไป) นางจะมีตะขอ 4 ด้าน เข้าใจว่าไฮโดรลิกลงมา แล้วมาเกี่ยวห่วงที่ติดอยู่บนโต๊ะจ้า

ซึ่งงานนี้กำหนดการไม่ว่าจะออกอะไรมา ก็อยากมาอยู่แล้วแหละ ในช่วงนี้จะสนใจ LIFF เป็นพิเศษเลยย งานเริ่มหกโมงเย็นจ้าาาา เมื่อเปิดให้เข้าโซนงาน ทุกคนก็สามารถหาอะไรทานได้ตามใจเลย

ก่อนพิธีเปิดนั้น ได้มีการเล่นมุขกับโบ๊ะบะๆของพิธีกรในงาน นั่นคือพี่ตี๋และคุณเฟิร์นนั่นเองงงงงง ช่วยเขาขำหน่อยนะ 555 พวกเราสามารถช่วยรับมุขได้นะ

ในงานนี้นั้นมีผู้โชคดีทั้งหมด 170 คน จากทั้งหมด 673 คน และมีคนได้มาซํ้าแบบเราประมาณสิบคน (ที่แน่ๆพี่เอกก็มาสองรอบเหมือนเรา /หวังว่าคราวหน้าจะได้มาอีกน๊าาา) แน่นอนงานนี้ยังมีการตอบคำถามแจกของเหมือนเดิม ในแต่ละ session

สามารถอัพรูปลง social ด้วย hashtag #linethailand #linedevmeetup ถ้าคาเฟ่ก็ใช้ #linecafe ซะ

สำหรับคนที่กด Angry ทำไมฉันไม่ได้ไป สามารถดูย้อนหลังได้ที่นี่นะ

https://www.youtube.com/watch?v=-Fb3lbz6eBE

เนื่องจากคราวก่อนที่เขียนไปนั้น มีคนแชร์แล้วอ่านไม่ค่อยรู้เรื่อง และปกติเราก็เขียนแนว geek ๆ ดังนั้นบทความนี้ควรจะรู้จัก LINE api หรือ chatbot มาประมาณนึงก่อนนะเอออออ เดี๋ยวจะงงๆ มันคืออะไรนะ แต่คราวนี้น่าจะอ่านเข้าใจง่ายขึ้นแล้วมั้ง เพราะมีการอธิบายไปด้วยนิดนึง

เปิดงาน Meetup โดยคุณซินหมิง จ้าว, Head of Engineering, LINE Thailand

กล่าวถึง product ต่างๆของไลน์ที่นอกจาก LINE Chat ยังมี LINE Man (อันนี้มีที่ไทยที่เดียวนะรู้ยัง), LINE TV และอื่นๆ มีผู้ใช้ไลน์ในไทย 42 ล้านคน

มีกิจกรรม activity ต่างๆที่นอกจากงาน meetup นี้แล้ว ยังมีการไป sharing ความรู้ไปที่มหาวิทยาลัยต่างๆด้วย

และท้ายงานมีข่าวดีด้วยนะ

Building Extraordinary Chatbot using LIFF โดยคุณ แทน วริศ วรรณวิธู, Technical Consultant, LINE Thailand

ถ้าใครมาคราวที่แล้วก็จะมี demo ของเจ้า LIFF ซึ่งตอนนั้นยังไม่เปิดให้ developer อย่างเราๆใช้เลย ตอนนี้น่าจะอ่านบล็อกและทดลองเล่นกันได้สักพักแล้วหล่ะ

มีใครรู้จัก LIFF ไหมเอ่ยยยย

LIFF ชื่อเต็มๆคือ LINE Front-End Framework นางคือ Framework ที่เข้า chatroom ได้ โดยใช้ HTML5, CSS3 และ js ตามมาตรฐานเว็บทั่วไป

เช่น Moive bot จองตั๋วหนัง และได้ตั๋วหนังเป็น QR Code มาโดยที่เราไม่ต้องออกจาก chatroom

วิธี integrate

1) import LIFF sdk ใส่ใน script บนโค้ดในส่วนของหน้าเว็บ

2) call LIFF api โดยเราต้อง init มันก่อนเนอะ ส่งได้ทั้ง text และ sticker เลย

3) registration LIFT app โดยการยิง curl และใส่ url หน้าเว็บลงไป

curl -X POST https://api.line.me/liff/v1/apps \
-H "Authorization: Bearer {channel access token}" \
-H "Content-Type: application/json" \
-d '{
  "view":{
    "type":"full",
    "url":"https://example.com/myservice"
  }
}'

view ของเจ้า LIFF มี 3 แบบ ดังนี้

view มันจะมี compact มันจะสูงครึ่งจอ, tall สูงเกือบเต็มจอ ยาวไปประมาณ 80% และ full เต็มจอเลยจ้า ref: https://developers.line.me/en/docs/liff/overview/

ส่วน demo นั้นมีแขกพิเศษประจำ session นั่นคือ คุณวิน บอทน้อย นั่นเอง
เจ้าบอทน้อยนั้น เป็น LINE chatbot แรกของไทยที่ได้รับรางวัลในหมวดแชทบอทที่คุยเก่งที่สุดจากงาน LINE BOT AWARD เลยมีบอทน้อยเป็นเพื่อนตั้งแต่นั้นเป็นต้นมา :) คุณวินบอกว่ามีคนเป็นเพื่อนเจ้าบอทน้อย 1 ล้านคนแล้ว และมีคนชอบใช้ไปป่วนในกรุ๊ปไลน์

ซึ่ง demo ในวันนี้นั้นจะเป็น use case ที่ตอบโจทย์ความต้องการของบริษัท คือใช้ตอบลูกค้านั่นเอง

1) Agent Livechat : เกิดจากการที่เจ้าบอทตอบคำถามบางอย่างไม่รู้เรื่อง เนื่องจากไม่ได้เทรนหรือสอนมัน เลยโยนให้คนตอบแทน เช่น การถามโจทย์เลข ในแชทบอทของโรงเรียน

หลังจาก demo ก็บอก system architecture คร่าวๆว่าการทำงานเป็นแบบไหน

2) ใน LINE รับตัวแปรได้หลายอย่าง แต่ครอบคลุมไม่ทั้งหมด เช่น ที่อยู่ email เก็บเข้า database ไม่ได้ ซึ่งเขา live demo ให้พวกเราได้ดูกัน

กดไปหน้าเว็บเพื่อกรอกที่อยู่ register ได้ LiffId และเอาไปเสียบกับ url ซึ่งมี format แบบ line://app/<LiffId>/?name=<username> มีการทดลองยิงบน postman ให้ดูด้วยยย

สามารถเอาไปเปิดและให้ user กรอกข้อมูล พอกรอกเสร็จก็สามารถนำข้อมูลไปใช้ต่อได้

สำหรับใครที่เพิ่งรู้จัก LIFF หรืออยากรู้จักให้มากขึ้น อ่านเพิ่มได้ที่บล็อกด้านล่างนี้จ้า

มารู้จักกับ LIFF — สิ่งที่จะมาเติมเต็มในการทำ Chat Bot กัน!
สวัสดีครับ วันนี้อยากจะมาแนะนำ API ตัวใหม่ ล่าสุด เพิ่งแกะกล่องสดๆร้อนๆ จาก LINE นั่นก็คือ “LIFF” ครับ! LIFF ย่อมาจาก LINE Front-End Framework ครับ เป็น Web View ที่อยู่ภายในแอปพลิเคชั่น LINE เลย…

สไลด์ session แรกจ้า

Increase LINE Bot Engagement with Flex Message โดยคุณตี๋ จิรวัฒน์ กรัณย์วิทยาการ, Technology Evangelist, LINE Thailand

เรียนรู้ Flex Message แบบเข้มข้น ที่นี่ที่เดียว!! ในครึ่งชั่วโมง!! โดยพี่ตี๋นั่นเอง

ใน LINE นั้นมี message type หลายแบบเลย และแน่นอนว่ามันมี format ที่ตายตัว ซึ่งเจ้า Flex Message นั้นเข้ามาช่วยแก้ปัญหานี้ สามารถปรับแต่งได้อย่างมีอิสระ และมีความโดดเด่นมากขึ้น

ซึ่งบน production นั้นที่เราเห็นคือ บน Rabbit LINE Pay นั่นเอง ใช้มาสักพักแล้วแหละ เวลาแจ้งบิลค่าไฟมา หรือไปซื้อชานมไข่มุก จะได้ใบเสร็จแบบอ่านง่ายๆแบบนี้

ส่วนประกอบของเจ้า Flex Message มี Container, Block และ Component ซึ่ง Container นึงจะมี 4 Block นะ และใช้เจ้า Component ได้ไม่จำกัดเลย

1) Container : มี bubble, carousel ก็คือ bubble หลายๆอัน ซ้อนได้สูงสุด 10 อัน

2) Block

3) Component สามารถแบ่งเป็น 2 ส่วนหลักๆ คือ content (button, icon, image, text) และ layout (box, filler, separator, spacer) นั่นเอง

มาเริ่มที่ส่วน content กันก่อนเลย

  • text : ตอนนี้จะมี action กับ maxLine (0,1,2,… ถ้าเกินที่เราใส่ไว้ มันจะเป็น … ข้างหลัง น่าจะนึกภาพออก) เพิ่มมาใหม่
    ปล. ก่อนงานนี้มีคนตั้งกระทู้ถามเกี่ยวกับเรื่อง text สามารถใส่ action ได้ไหม

ส่วนเจ้า flex นั้น ชาว Android Developer จะพบว่ามันจะเหมือนกับเจ้า layout_weight เอาไว้แสดงผล layout เป็นสัดส่วนเท่าๆกัน
โดยค่า 0 คือแสดงผลในแนวตั้ง และ 1 คือแสดงผลในแนวนอน

ส่วนเจ้า align ค่า default มันคือ center ตำแหน่งที่โมบายเป็นในคุกกี้เสี่ยงทาย
เอ้ยยย ผิดๆ มันคือตรงกลาง ส่วนซ้ายขวามันจะไม่มี มันจะเป็น start กับ end แทน เพราะ right-to-left support อย่างบางภาษา เช่น ภาษาอาหรับ มันจะเขียนขวามาซ้ายไง จะกำหนดซ้ายขวามันจะแปลกๆ (ซึ่งใน Android ก็มีเรื่องนี้ด้วยเหมือนกัน)

สุดท้ายการตัดคำใช้ wrap ซึ่ง default มันเป็น false ภาษาไทยก็ควรมีการตัดคำ ดังนั้นควรใส่เป็น true

  • button : เลือกขนาดของปุ่มและสีได้ ถ้าขี้เกียจอาจจะเลือกจาก style หรือใส่สีพื้นหลังด้วย hexadecimal คือใส่รหัสสีเลขฐาน 16 ที่เราใส่กันเป็นประจำนั่นเอง เช่น #000000
  • icon : ขนาดของมันจะไม่เกิน 240x240 px และเจ้า aspectRatio ก็คือ นับช่องว่างระหว่างกัน เช่น 2:1 คือ ห่างสองช่อง ใส่ของหนึ่งช่อง ไปเรื่อยๆจนครบ
  • image : ก็รูปภาพนั่นแหละ ตรงตัวเลย

ตามมาด้วยส่วนของ layout

  • box : นางสามารถทำ action ต่างๆได้
  • filler : ช่องว่างที่เติมเต็ม component
  • separator : เส้นคั่นแนวตั้งหรือแนวนอน
  • spacer : เติมเต็มที่ว่างบนล่างระหว่าง component กับ parent คั่นระหว่างบนล่างเท่านั้น

limitation เป็นดังนี้ ซึ่งคาดว่าน่าจะใช้ LINE version ล่าสุดที่ 8.11.0 นะจ๊ะ

และตอนนี้ก็มีอยู่บน LINE PC แล้วนะ

จากนั้นก็มีแขกพิเศษประจำ session นี้ นั่นคือ คุณหนึ่ง LINE API Expert (LAE) คนล่าสุด ซึ่งเป็นคนที่ 5 ของเมืองไทย ซึ่งหลายๆคนน่าจะเคยอ่านบล็อกเขา รวมถึงแอดไลน์นี้มาเล่นในช่วงฟุตบอลโลกที่ผ่านมาด้วยนะ

จับกระแส World Cup มาลองเล่น LINE Flex Message
หลังจาก LINE เปิดตัว Flex Message มาได้สักพัก แต่ผมก็ยังไม่มีโอกาสได้ลองเล่นเสียที พอมีเวลาก็เลยอยากจะลองจับมาเล่นดูสักหน่อย ประจวบกับกระแส World Cup เข้ามาพอดี ก็เลยคิดว่าน่าจะลองเอา Flex Message…

โดยคุณหนึ่งนั้นจะมี demo การสร้าง Flex Message มาให้เราได้ชมกัน ในเวลา 10 นาที และหน้าตาของเจ้า Flex Message จะเป็นหน้าตาแบบนี้ และแน่นอนค่ะ พี่ตี๋ได้มากดดันคุณหนึ่งโดยการจับเวลา คุณหนึ่งตื่นเต้นเลยทีนี้

การทำ Flex Message ในการ live demo ครั้งนี้ คุณหนึ่งเลือกใช้ yaml แทน json และมันสามารถเปลี่ยนกลับไปกลับมาได้ด้วยนะ ความเห็นของเราคิดว่ามันดีกว่านั่งพะวงวงเล็บปีกกาใน json แน่นอน ฮ่าๆ

ซึ่งการใช้ yaml ข้อดีที่เราสังเกตคือ โค้ดเป็นระเบียบ สวยงาม อ่านง่าย ถึงแม้คุณหนึ่งจะพิมพ์ผิดบ้าง เพราะพี่ตี๋กดดัน เอ้ยยยย ตื่นเต้น แต่ทุกคนในงานสามารถเป็น QA ช่วยเขาได้ค่ะ ว่าบรรทัดไหนผิด ซึ่งถ้ามันผิดมันจะไม่ generate เจ้า Flex Message มานะ

สุดท้ายคุณหนึ่งใช้เวลาทำไปทั้งหมด 10 นาที 10 วินาที ที่เกินมานั้น คือ ก็อป url ของรูป กับเลือกสีนี่แหละ

ข้อจำกัดของเจ้า Flex Message คือ ปุ่ม setting ใส่เป็นรูปไม่ได้ แล้วก็ใส่พื้นหลังเฉพาะ component ไม่ได้

ถ้าอยากลองทำ Flex Message มาลองทำที่นี่ได้เลย

Flex Message Simulator
Edit description

ถ้าอยากได้แบบละเอียดมากๆ ตามที่พี่ตี๋กล่าวไว้ใน session เป๊ะๆเลย สามารถอ่านบล็อกนี้ได้เลยจ้า

ฉีกกฎการแสดงผลข้อความแบบเดิมๆใน LINE Messaging API ด้วย Flex Message
ใครที่เล่น LINE Messaging API มาแล้ว ก็คงทราบว่า LINE มีรูปแบบการแสดงผลของข้อความหลายแบบไม่ว่าจะเป็น Text, Image, Sticker, Video, Audio, Location, Imagemap และ Template…

สไลด์ session ที่สองจ้า

Flex Message
Increase LINE Bot Engagement with Flex Message Jirawat Karanwittayakarn Technology Evangelist, LINE Thailand

ปล. ตอบคำถามใน session พี่ตี๋ ได้ของมาด้วย อวดๆ

ที่รองเม้าส์ลายโคนี่ค่ะ พี่เขาเห็นเป็นผู้หญิงเลยหยิบโคนี่ให้มั้ง 55555 หน้านางฟินเชียว

มี Short Break เล็กๆน้อยๆ 15 นาที ก่อนเข้า session ต่อไปจ้า ไม่ได้ลุกไปไหน นั่งเม้าท์กับเพื่อนในไลน์อยู่เลย

How Chatbot Make QA Life Better โดยคุณน๊อต ไตรธนิษฐ์ ห่วงศรี, Software Engineer in Test, LINE Thailand

ใครบอกว่า QA เขียนโปรแกรมไม่ได้ ตีมือแตกเลย (เราว่าพวกเขียนไม่ได้น่าจะส่วนน้อยมากๆแหละนะ)

  • CI testing แบบย่อๆก็คือ เอา automation test มา deploy บนระบบนั่นเอง
  • ปัญหาที่คุณน็อตเจอ คือ run test แล้ว failed และไม่สะดวกดูว่ามัน failed จากอะไร เช่น developer เจอว่ามัน failed แล้วให้ QA ช่วยดูให้หน่อย ซึ่งเขาอาจจะโหนรถไฟฟ้ากลับบ้านอยู่ หน้าเว็บเจ้าลุง Jenkins ก็ดูยาก หน้าเว็บไม่ responsive อีก
  • ระบบที่ว่านี้ใช้ Zalenium เป็น web framework ในการทำ testing และใช้เจ้า docker เป็น components

จากนั้น live demo ให้เราดูเจ้า chatbot ที่ว่านี้ มี 4 features สามารถกดใช้ได้ที่ Rich Menu คือ สั่งเทส, สั่งรีเทสเฉพาะอันที่ failed, ดูผลเทส, และดูสถิติการเทสจ้า

ในที่นี้เป็นการ testing website ที่เขียนด้วย python จ้า

เมื่อกดแต่ละตัวพบว่า ใช้ Flex Message ในการแสดงผล และสามารถกดไปดูผลเทสได้จาก Zelenium Dashboard ซึ่งเป็นหน้าเว็บ อันนี้ก็ LIFF หน้าตาอาจจะยังไม่สวย แต่ใช้งานได้

เมื่อกดดู test case result แล้ว ตัวบอทจะส่งวิดีโอที่สั่งให้อัดหน้าจอตั้งแต่ตอนสั่งเทส และตัว text ว่า test case ไหนผ่าน อันไหน failed และสามารถกดไปดูโค้ดที่ failed ว่าอยู่บรรทัดไหน แถมติ๊กเกอร์ดุ๊กดิ๊กที่ใช้นี่มันใช่มากอ่ะ

ส่วนอันนี้ก็ส่วนดูผลการ test และ สถิติการเทสจ้า

ซึ่งบอทตัวนี้มีตัวกั้นกลางระหว่าง LINE Api และ Jenkins วางใจใน security ณ ตรงนี้นะ

สุดท้ายถ้าอยากได้ไปใช้ในทีม ก็มีให้เราได้ไปลองเล่นด้วย

จริงๆมีรูปที่ไม่ซ้อนกล้องนะ แต่ชอบรูปนี้เลยหยิบมา ข้างหน้าเป็นสาว QA มากันสองคน
linedevth/meetup2-qa-chatbot
LINE Chatbot to Make QA Life Easier. Contribute to linedevth/meetup2-qa-chatbot development by creating an account on GitHub.
linedevth/meetup2-web-test
web ui automation test sample for linedevth meetup#2 - linedevth/meetup2-web-test

และสไลด์ session ที่ 3 จ้า

How-chatbot-makes-QA-life- easier.pdf
Edit description

ปล. รู้สึกมีความถ่ายวืดนะ รูปไม่ตรง context ของบทความเท่าไหร่ ;_;

Integrate payment into your app using LINE Pay API โดย Mr.Nakajima Kazuki, Developer Advocate, LINE Corp. Japan

เป็น English Session จากนากาจิมะซังจ้า ฟังไม่ยากแต่ต้องตั้งใจฟังเน้อ จะได้ความรู้จากเขาไปเต็มที่นะรู้ไหม

เจ้า LINE Pay API คือ เอาไว้ใช้สำหรับ product payment เพื่อเอาไปซื้ออะไรบางอย่าง และทำให้ลูกค้ามี User Experience ที่ดี

mini intro ก็คือจะมีแบบ QR Code และ print QR Code (ก็คือ scan QR Code เพื่อจ่ายเงินนั่นแหละ)

LINE Pay API สามารถใส่ url ที่ dynamic ใส่ตามที่เราต้องการได้เลย ทำให้ process ต่างๆดีขึ้น เช่น กินข้าวที่ร้านอาหาร ได้ข้าวไวขึ้น ไม่ต้องรอนาน

Live Demo ก็คือ chatbot สั่งอาหารนั่นเอง กดดูได้ที่เจ้า Rich Menu เลยจ้าออเจ้า

สามารถสั่งเมนูที่เราต้องการ ทั้งของคาวที่น่าทานมากๆ และเครื่องดื่ม มีใบเสร็จ และสามารถกดจ่ายเงินได้ด้วย

แล้วก็มีเจ้า hardware ตัวนี้ ถ้าถึงคิวเราก็จะดังขึ้นมาแล้วให้เราไปรับมั้ง เท่าที่ฟังเป็นประมาณนี้ ซึ่งเจ้านี่ใครไปกินร้านบิงซูก็ต้องเคยเห็นแน่นอน (เคย search Google เล่นๆ จะมีตัวระบบประมาณหลักหมื่น กับเจ้านี่น่าจะหลักพัน) แต่เราไม่แน่ใจว่าฟังอะไรผิดไหม แต่คิดว่าทำไมไม่เตือนใน LINE นั้นนะ ไหนๆสั่งข้าวผ่านอันนั้นไปแล้ว…

แล้วสามารถ detect เป็นภาษาอื่นๆ เช่น ภาษาญี่ปุ่น และภาษาไทยได้ด้วย ว๊าวสุดๆ ถึงมันจะแปลไทยแปลกๆก็ตาม 555 (เพิ่งรู้ว่าเยนแปลว่าวงกลม 55555)

คราวนี้เป็นการโชว์สเตปเทพ อยากให้ถามอะไรเจ้าบอทนี้บ้าง เริ่มมีความกวนอยู่บ้าง เริ่มจากห้องนํ้าอยู่ไหน ซึ่งตอบได้ไวมากทีเดียว เอ๊ะ แล้วมีคนตั้งคำถามว่า ร้านปิดกี่โมง คราวนี้นานหน่อยแหะ 555 ถ้าแอบสังเกตุกันดีๆ จะมีอับดุลช่วยอยู่แน่นอน แล้วมีถาม ห้องนํ้าอยู่ไหน ซํ้าอีก นากาจิมะซังแบบเอ๊ะ คำถามนี้อีกแล้วหรอ 555 (ทำไมไม่ถามว่า ร้านเปิดกี่โมง 55555)
สรุปคือมันสามารถ 1-on-1 chat ได้ด้วยแหะ คือบอทมันแชท 1 ต่อ 1 ได้เว้ย

กลับมาที่ keynote กันต่อ มาอธิบาย flow การทำงานเป็น step โดยเจ้า SP ย่อมาจาก service provider นั่นเอง

และ System Architecture นั้น จะเป็นดังนี้ เขาไม่ได้ใช้ LINE Api เพียงอย่างเดียว ยังใช่ Google Cloud เพื่อแปลภาษา เป็น no javascript app โดยใช้เจ้า DialogFlow ส่วนการจัดการ order นั้นนนน เอ๊ะ RDBMS นี่อะไรน๊าาาาาา

ตัวบอทจะมี skill คือ ทักทาย รับออเดอร์ และเซ็คบิล

ซึ่งตัวออเดอร์จะมีการ require parameter ด้วยใน order_item

อันนี้นากาจิมะซังเลื่อนโค้ดให้เราดู ใช่ค่ะ เขาใช้ iPhone ต่อกับ Apple TV แล้วเลื่อนจากมือถือให้เราดูนี่แหละ (คราวก่อนที่ทีมเราไปกันนั้น เคยอ้อนขอ Apple TV แต่รู้อยู่แล้วว่าไม่ได้หรอก แค่เห็นว่ามันสะดวกดีอ่ะ)

ซึ่งโค้ดที่ว่าก็อยู่ใน url นี้นั่นแหละจ้า

nkjm/food-court
A chatbot which can take order and accept payment. Contribute to nkjm/food-court development by creating an account on GitHub.

อันนี้ส่วนจ่ายเงิน

จบท้ายด้วยส่วน open payment ซึ่ง authentication screen ด้วย LIFF

และ url ของเจ้า LIFF ที่พาไปหน้าจ่ายเงิน หน้าตาจะเป็นแบบนี้

ถ้าอ่านที่เราเขียนแล้วงงๆ อ่านสไลด์ของ session สุดท้ายได้เลยเด๊ะก๊ะ

Integrate-payment-into-your-app-using-LINE-Pay-API.pdf
Edit description

พี่ตี๋บอกว่า Rabbit LINE Pay สามารถใช้ SDK ได้ทั้ง mobile และ website มีหลายๆเจ้าใช้บน production ด้วย เช่น meb, Major cineplex และ doubleA

และของเล่นใหม่ล่าสุดที่ออกมา คือ Quick reply นั่นเองงงงง ใส่ได้สูงสุด 13 อัน

ทั้งหมดทั้งมวลนี้รออ่านได้ที่บล็อกของ LINE Developer Thailand นะเจ้าค่ะ

ก่อน Networking Session นั้น ได้มีการประกาศข่าวดี คุณเอ็กซ์เกริ่นถึงงาน LINE Hack เมื่อ 2 ปีก่อนจ้า ซึ่งคนในภาพนั้นคือสมาชิกในครอบครัวไลน์ในวันนี้

และข่าวดีคือ ในปีนี้มีงาน LINE Hack จ้า รายละเอียดไปอ่านได้ในโพสนี้ได้เลยนะ กลัวเขียนในนี้แล้วมันจะยาวไป ใครอยากชวนเพื่อนไปก็เอาโพสนี้ให้เขาดูได้เลย แนะนำกดไปอ่านทีละรูปนะ 555

เมื่อวานไปงาน #linedevmeetup ที่ #linethailand เขาและประกาศข่าวดี ซึ่งวันนี้จะประกาศแบบ official ด้วย นั่นคือ...

Posted by MikkiPastel on Tuesday, 7 August 2018

สนใจสามารถอ่านรายละเอียดและร่วมแฮกไปกับ LINE ได้ที่

LINE HACK THAILAND 2019
LINE HACK Thailand 2019

Dinner & Networking party

เนื่องจากว่าบัตรเธียเตอร์นั้น เอ้ยยยยยย บัตรงานนี้เราได้คนเดียวในออฟฟิค ส่วนน้องที่ไม่ได้ก็มีความโวยวายและกด Angry ใส่เรา อ่ะฮือออออ เหงาเบย จบงานตั้งใจจะกลับเลยแหละ ;_;

ก่อนกลับไปถ่ายเพื่อนไลน์มาด้วย คนแถวนั้นน้อย ถ่ายรูปสะดวกดี

หวังว่าจะได้เจอกันอีกที่ไลน์ประเทศไทยน๊าาา ><

จริงๆงานนี้ก็มีสาวสวยท่านนึงได้เขียนบล็อกสรุปงานนี้ด้วย ลองไปอ่านดูกันได้นะ

https://www.rsusocialmkt.com/single-post/2018/08/10/%E0%B8%AA%E0%B8%A3%E0%B8%B8%E0%B8%9B%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2%E0%B8%B5-%E0%B8%88%E0%B8%B2%E0%B8%81%E0%B8%87%E0%B8%B2%E0%B8%99-LINE-Developer-Meetup2


สุดท้ายฝากร้านกันสักนิด ฝากเพจด้วยนะจ๊ะ

อย่าลืมกด like กด share บทความกันด้วยนะคะ :)

Posted by MikkiPastel on Sunday, 10 December 2017

Tags

Minseo Chayabanjonglerd

Android Developer ผู้เป็นเจ้าของบล็อก MikkiPastel ที่ชอบทำหลายๆอย่างนอกจากเขียนแอพแอนดรอยด์ เช่น เขียนบล็อก เขียนแชทบอท เรียนออนไลน์ อ่านหนังสือ วาดรูปเล่น ดู netfilx สั่งอาหารอร่อยๆกัน เป็นต้น

Great! You've successfully subscribed.
Great! Next, complete checkout for full access.
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.