Submit Search
Upload
數位名片和型錄產生器
•
1 like
•
342 views
佳新 陳
Follow
數位名片和型錄產生器 中部人的聊天機器人小小聚 #15, 2021/06/28@線上直播
Read less
Read more
Technology
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 30
Download now
Download to read offline
Recommended
用LINE聊天機器人打造尋找防疫口罩的小幫手
用LINE聊天機器人打造尋找防疫口罩的小幫手
佳新 陳
The Science of Social Branding
The Science of Social Branding
Jennifer Lopez
22 Bot Rules
22 Bot Rules
Alex Godin
The Future of Personalised Search: Local SEO & Machine Learning
The Future of Personalised Search: Local SEO & Machine Learning
Patrick Langridge
Darren Shaw - Mozcon 2019 - From Zero to Local Ranking Hero
Darren Shaw - Mozcon 2019 - From Zero to Local Ranking Hero
Darren Shaw
Pro Tips for Better Chatbot Experience
Pro Tips for Better Chatbot Experience
Muhammad Gilang Januar
It's 2019 & I'm still using Python 2! Should I be worried?
It's 2019 & I'm still using Python 2! Should I be worried?
Sebastian Witowski
How to leverage the power of chatbots in 2018 & generate ROI from them
How to leverage the power of chatbots in 2018 & generate ROI from them
Lucy Olivia Hopkins
Recommended
用LINE聊天機器人打造尋找防疫口罩的小幫手
用LINE聊天機器人打造尋找防疫口罩的小幫手
佳新 陳
The Science of Social Branding
The Science of Social Branding
Jennifer Lopez
22 Bot Rules
22 Bot Rules
Alex Godin
The Future of Personalised Search: Local SEO & Machine Learning
The Future of Personalised Search: Local SEO & Machine Learning
Patrick Langridge
Darren Shaw - Mozcon 2019 - From Zero to Local Ranking Hero
Darren Shaw - Mozcon 2019 - From Zero to Local Ranking Hero
Darren Shaw
Pro Tips for Better Chatbot Experience
Pro Tips for Better Chatbot Experience
Muhammad Gilang Januar
It's 2019 & I'm still using Python 2! Should I be worried?
It's 2019 & I'm still using Python 2! Should I be worried?
Sebastian Witowski
How to leverage the power of chatbots in 2018 & generate ROI from them
How to leverage the power of chatbots in 2018 & generate ROI from them
Lucy Olivia Hopkins
The Chatbot Imperative: Intelligence, Personalization and Utilitarian Design
The Chatbot Imperative: Intelligence, Personalization and Utilitarian Design
Cognizant
Social Developers London - Facebook F8 and Twitter Developer comparison
Social Developers London - Facebook F8 and Twitter Developer comparison
Angus Fox
Way of the weibo
Way of the weibo
sinocismblog
APIdays Paris 2019 - How Supper Apps are leveraging APIs to become tomorrow’s...
APIdays Paris 2019 - How Supper Apps are leveraging APIs to become tomorrow’s...
apidays
Digital Marketing Trends for 2024
Digital Marketing Trends for 2024
Vbout.com
State of the RPA Developer Industry Panel
State of the RPA Developer Industry Panel
Cristina Vidu
Chatbots, and how will Microsoft help us with this?
Chatbots, and how will Microsoft help us with this?
PVS-Studio
Deck 6-80-140-196-213-271-321-364-438 (1)
Deck 6-80-140-196-213-271-321-364-438 (1)
Justin Ezor
Chatbot-Report.pptx
Chatbot-Report.pptx
ValBartolome
Hello Computer-Conversation Design and Voice UX.pdf
Hello Computer-Conversation Design and Voice UX.pdf
Kelly Goto
Top 10 Nonprofit AI-Powered Website Tools Trends for 2024.pdf
Top 10 Nonprofit AI-Powered Website Tools Trends for 2024.pdf
TechSoup
Creating killer location-based mobile apps
Creating killer location-based mobile apps
Jean-Luc David
API Days Mediterranea City Government API Discoverability 7 May 2015
API Days Mediterranea City Government API Discoverability 7 May 2015
Mark Boyd
AI Chatbots The Best Handy Buddy.pptx
AI Chatbots The Best Handy Buddy.pptx
KamotoAI
Web & digital marketing
Web & digital marketing
Techberries
Chatbots
Chatbots
Renan Danton
11 Charts that Predict the Future of Marketing
11 Charts that Predict the Future of Marketing
Percolate
Global Messaging Trends 2018
Global Messaging Trends 2018
Andrew Schorr
The Impact of Artificial Intelligence on Mobile App Development
The Impact of Artificial Intelligence on Mobile App Development
DivyaConsagous
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
1508 A/S
行動代號「院長Gemini」AI聊天機器人計畫
行動代號「院長Gemini」AI聊天機器人計畫
佳新 陳
從 GPT 到 DALL·E:在 Azure 上實現 AI 的創造性應用
從 GPT 到 DALL·E:在 Azure 上實現 AI 的創造性應用
佳新 陳
More Related Content
Similar to 數位名片和型錄產生器
The Chatbot Imperative: Intelligence, Personalization and Utilitarian Design
The Chatbot Imperative: Intelligence, Personalization and Utilitarian Design
Cognizant
Social Developers London - Facebook F8 and Twitter Developer comparison
Social Developers London - Facebook F8 and Twitter Developer comparison
Angus Fox
Way of the weibo
Way of the weibo
sinocismblog
APIdays Paris 2019 - How Supper Apps are leveraging APIs to become tomorrow’s...
APIdays Paris 2019 - How Supper Apps are leveraging APIs to become tomorrow’s...
apidays
Digital Marketing Trends for 2024
Digital Marketing Trends for 2024
Vbout.com
State of the RPA Developer Industry Panel
State of the RPA Developer Industry Panel
Cristina Vidu
Chatbots, and how will Microsoft help us with this?
Chatbots, and how will Microsoft help us with this?
PVS-Studio
Deck 6-80-140-196-213-271-321-364-438 (1)
Deck 6-80-140-196-213-271-321-364-438 (1)
Justin Ezor
Chatbot-Report.pptx
Chatbot-Report.pptx
ValBartolome
Hello Computer-Conversation Design and Voice UX.pdf
Hello Computer-Conversation Design and Voice UX.pdf
Kelly Goto
Top 10 Nonprofit AI-Powered Website Tools Trends for 2024.pdf
Top 10 Nonprofit AI-Powered Website Tools Trends for 2024.pdf
TechSoup
Creating killer location-based mobile apps
Creating killer location-based mobile apps
Jean-Luc David
API Days Mediterranea City Government API Discoverability 7 May 2015
API Days Mediterranea City Government API Discoverability 7 May 2015
Mark Boyd
AI Chatbots The Best Handy Buddy.pptx
AI Chatbots The Best Handy Buddy.pptx
KamotoAI
Web & digital marketing
Web & digital marketing
Techberries
Chatbots
Chatbots
Renan Danton
11 Charts that Predict the Future of Marketing
11 Charts that Predict the Future of Marketing
Percolate
Global Messaging Trends 2018
Global Messaging Trends 2018
Andrew Schorr
The Impact of Artificial Intelligence on Mobile App Development
The Impact of Artificial Intelligence on Mobile App Development
DivyaConsagous
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
1508 A/S
Similar to 數位名片和型錄產生器
(20)
The Chatbot Imperative: Intelligence, Personalization and Utilitarian Design
The Chatbot Imperative: Intelligence, Personalization and Utilitarian Design
Social Developers London - Facebook F8 and Twitter Developer comparison
Social Developers London - Facebook F8 and Twitter Developer comparison
Way of the weibo
Way of the weibo
APIdays Paris 2019 - How Supper Apps are leveraging APIs to become tomorrow’s...
APIdays Paris 2019 - How Supper Apps are leveraging APIs to become tomorrow’s...
Digital Marketing Trends for 2024
Digital Marketing Trends for 2024
State of the RPA Developer Industry Panel
State of the RPA Developer Industry Panel
Chatbots, and how will Microsoft help us with this?
Chatbots, and how will Microsoft help us with this?
Deck 6-80-140-196-213-271-321-364-438 (1)
Deck 6-80-140-196-213-271-321-364-438 (1)
Chatbot-Report.pptx
Chatbot-Report.pptx
Hello Computer-Conversation Design and Voice UX.pdf
Hello Computer-Conversation Design and Voice UX.pdf
Top 10 Nonprofit AI-Powered Website Tools Trends for 2024.pdf
Top 10 Nonprofit AI-Powered Website Tools Trends for 2024.pdf
Creating killer location-based mobile apps
Creating killer location-based mobile apps
API Days Mediterranea City Government API Discoverability 7 May 2015
API Days Mediterranea City Government API Discoverability 7 May 2015
AI Chatbots The Best Handy Buddy.pptx
AI Chatbots The Best Handy Buddy.pptx
Web & digital marketing
Web & digital marketing
Chatbots
Chatbots
11 Charts that Predict the Future of Marketing
11 Charts that Predict the Future of Marketing
Global Messaging Trends 2018
Global Messaging Trends 2018
The Impact of Artificial Intelligence on Mobile App Development
The Impact of Artificial Intelligence on Mobile App Development
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
More from 佳新 陳
行動代號「院長Gemini」AI聊天機器人計畫
行動代號「院長Gemini」AI聊天機器人計畫
佳新 陳
從 GPT 到 DALL·E:在 Azure 上實現 AI 的創造性應用
從 GPT 到 DALL·E:在 Azure 上實現 AI 的創造性應用
佳新 陳
從走跳獸談LINE數位集章
從走跳獸談LINE數位集章
佳新 陳
奇步應用數位永續發展藍圖
奇步應用數位永續發展藍圖
佳新 陳
ChatGPT讓任務型機器人變身 「真」聊天機器人
ChatGPT讓任務型機器人變身 「真」聊天機器人
佳新 陳
ChatGPT晚鳥專案
ChatGPT晚鳥專案
佳新 陳
更換大頭貼照的社群行銷術
更換大頭貼照的社群行銷術
佳新 陳
中部人的聊天機器人小小聚3週年回顧
中部人的聊天機器人小小聚3週年回顧
佳新 陳
[COSCUP 2022]看圖說故事AI機器人
[COSCUP 2022]看圖說故事AI機器人
佳新 陳
活用Flex彈性訊息,讓你的LINE聊天機器人更親民、更出色!
活用Flex彈性訊息,讓你的LINE聊天機器人更親民、更出色!
佳新 陳
Azure Cognitive Services - TTS 文字轉語音小幫手機器人
Azure Cognitive Services - TTS 文字轉語音小幫手機器人
佳新 陳
[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎?
[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎?
佳新 陳
LINE TechPulse 2020 新星計畫團隊的應用觀察
LINE TechPulse 2020 新星計畫團隊的應用觀察
佳新 陳
使用 liff.shareTargetPicker 製作動畫賀年卡
使用 liff.shareTargetPicker 製作動畫賀年卡
佳新 陳
用liff.shareTargetPicker分享我的名片(電話及網址可點擊)
用liff.shareTargetPicker分享我的名片(電話及網址可點擊)
佳新 陳
我要奮發向上!聊天機器人有哪些書?
我要奮發向上!聊天機器人有哪些書?
佳新 陳
LIFF圖片測試工具,設計師和工程師從此溝通無礙
LIFF圖片測試工具,設計師和工程師從此溝通無礙
佳新 陳
防疫駭客松,4小時創作「尋找口罩」LINE Bot!
防疫駭客松,4小時創作「尋找口罩」LINE Bot!
佳新 陳
LINE Beacon,數位導覽的小幫手!(第二版)
LINE Beacon,數位導覽的小幫手!(第二版)
佳新 陳
LINE Beacon,數位導覽的小幫手!
LINE Beacon,數位導覽的小幫手!
佳新 陳
More from 佳新 陳
(20)
行動代號「院長Gemini」AI聊天機器人計畫
行動代號「院長Gemini」AI聊天機器人計畫
從 GPT 到 DALL·E:在 Azure 上實現 AI 的創造性應用
從 GPT 到 DALL·E:在 Azure 上實現 AI 的創造性應用
從走跳獸談LINE數位集章
從走跳獸談LINE數位集章
奇步應用數位永續發展藍圖
奇步應用數位永續發展藍圖
ChatGPT讓任務型機器人變身 「真」聊天機器人
ChatGPT讓任務型機器人變身 「真」聊天機器人
ChatGPT晚鳥專案
ChatGPT晚鳥專案
更換大頭貼照的社群行銷術
更換大頭貼照的社群行銷術
中部人的聊天機器人小小聚3週年回顧
中部人的聊天機器人小小聚3週年回顧
[COSCUP 2022]看圖說故事AI機器人
[COSCUP 2022]看圖說故事AI機器人
活用Flex彈性訊息,讓你的LINE聊天機器人更親民、更出色!
活用Flex彈性訊息,讓你的LINE聊天機器人更親民、更出色!
Azure Cognitive Services - TTS 文字轉語音小幫手機器人
Azure Cognitive Services - TTS 文字轉語音小幫手機器人
[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎?
[COSCUP 2021]在群組裡面放支LINE聊天機器人是個好點子嗎?
LINE TechPulse 2020 新星計畫團隊的應用觀察
LINE TechPulse 2020 新星計畫團隊的應用觀察
使用 liff.shareTargetPicker 製作動畫賀年卡
使用 liff.shareTargetPicker 製作動畫賀年卡
用liff.shareTargetPicker分享我的名片(電話及網址可點擊)
用liff.shareTargetPicker分享我的名片(電話及網址可點擊)
我要奮發向上!聊天機器人有哪些書?
我要奮發向上!聊天機器人有哪些書?
LIFF圖片測試工具,設計師和工程師從此溝通無礙
LIFF圖片測試工具,設計師和工程師從此溝通無礙
防疫駭客松,4小時創作「尋找口罩」LINE Bot!
防疫駭客松,4小時創作「尋找口罩」LINE Bot!
LINE Beacon,數位導覽的小幫手!(第二版)
LINE Beacon,數位導覽的小幫手!(第二版)
LINE Beacon,數位導覽的小幫手!
LINE Beacon,數位導覽的小幫手!
Recently uploaded
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
hans926745
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
Antenna Manufacturer Coco
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
The Digital Insurer
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Recently uploaded
(20)
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
數位名片和型錄產生器
1.
數位名片和型錄產⽣生器 奇步應⽤用 陳佳新 jarsing@chibuapp.com 2021-06-28 不⽤用寫程式 數位轉型⾸首選LINE
2.
中部⼈人的聊天機器⼈人⼩小⼩小聚 臉書搜尋「Chatbot DevelopersTaiwan」社團 2 臉書社團 活動議程
3.
2019創業歸故⾥里里競賽冠軍 ⽤用LINE聊天機器⼈人做的智慧觀光服務 3
4.
2020成為LINE官⽅方認證技術專家 俗稱的聊天機器⼈人專家,LINE API Expert,簡稱LAE 4
5.
5 歡迎與我聯聯絡 陳佳新 https://facebook.com/jarsing 奇步應⽤用 https://facebook.com/chibuapp
6.
受到LAE戴均⺠民⽂文章的啟發 😍 6 https://taichunmin.idv.tw/blog/2020-07-21-liff-businesscard.html
7.
7 議程OKR • O(⽬目標):利利⽤用產⽣生器輔助⼯工具, 打造⾃自⼰己專屬的數位名片和型錄 • KRs(關鍵結果) 1.
做出⼀一張名片,上⾯面的電話、網址皆可點擊 2. 做出⼀一份型錄,有精美圖片,可以多⾴頁左右滑 3. 將分享網址放在Keep,隨時快速發送給LINE聯聯絡⼈人中的好友 以終為始
8.
8 使⽤用時機 1. 新加好友的時候,需要⾃自我 介紹 • ⼀一般都傳貼圖或名片圖檔 •
但是你⽤用數位名片就是酷 2. 進入新群組,想要推廣⾃自家 商品 • ⼀一般都⽤用⽂文字講,給官網、 粉專、電商連結 • 但是你⽤用數位型錄⼀一⽬目了了然
9.
9 唯⼀一限制 • 對⽅方必須是LINE聯聯絡⼈人裡的好友 • 廢話,不是好友怎麼傳訊息、怎麼傳名片和型錄!
10.
10 加成效果 • 1 +
1 > 2 • LINE機器⼈人 • 數位名片和型錄(Call-To-Action) 互導,增加接觸點!
11.
課程⼤大綱 認識Flex彈性訊息 認識JSON資料格式與imgur圖床 學習操作Flex Message Simulator⼯工具 親⼿手打造專屬的數位名片和型錄 11
12.
認識Flex彈性訊息 12
13.
13 Flex不存在於朋友之間 的⼀一般聊天訊息 (1/2) • 差異異化! •
數位增能! • 令⼈人印象深刻!
14.
14 Flex不存在於朋友之間 的⼀一般聊天訊息 (2/2) • ⼀一定要透過別的⽅方式發送,⽽而且那個⽅方式 是基於網⾴頁技術,所以⼀一定要架⼀一個網站 •
幸好我們有「數位名片產⽣生器」LINE機器 ⼈人,點擊連結就可以,幫⼤大家解決了了網⾴頁 和網站的問題! ❤
15.
認識JSON資料格式 與imgur圖床 15
16.
16 JSON資料格式 (1/2) • 雖然不⽤用⾃自⼰己編寫JSON,但還是會看到,知道⼀一點點概念念,真的 看到的時候比較不會慌張也比較容易易理理解 •
JSON = JavaScript Object Notation,JavaScript物件表⽰示法 • ⽤用 { } 包起來來的是物件,裡⾯面全部內容都是兩兩兩兩成對的key- value,例例如:"key": "value",多組key-value⽤用逗號分隔( , ) • ⽤用 [ ] 包起來來的是陣列列,裡⾯面全部都是同類型的物件
17.
17 JSON資料格式 (2/2)
18.
18 imgur圖床 • 什什麼是圖床? ➡
上傳到網路路,放圖的地⽅方 • 為什什麼需要圖床? ➡ 因為數位名片和型錄的圖要放在網路路上,使⽤用 者讀取訊息的時候,圖才能夠顯⽰示出來來 • imgur = 老牌的免費圖床,⽤用FB登入帳號即可,還能夠縮圖,建議 寬480像素就⾜足夠了了 • ⼩小⼼心地雷:我的圖都放在FB,可以直接圖片複製網址嗎? ➡ 不⾏行行! 因為FB的圖放在CDN,網址隨時可能會換
19.
學習操作 Flex Message Simulator⼯工具 19
20.
20 登入 → 操作
→ 傳送 → 製作 1. 使⽤用LINE帳號登入 • 有個地雷,登入狀狀態經過⼀一段 時間會失效,⼀一旦失效Flex訊 息就要重做,記得將其JSON 備份到記事本 2. 操作 • Flex Message Simulator本⾝身就 是⼀一款設計⼯工具,但是⽔水很深 3. 傳送 • 把Flex訊息傳送給⾃自⼰己,做完 ⾺馬上測試,連網站都先不⽤用架 (2021/5/20上線的功能 👍) 4. 製作 • 利利⽤用數位名片產⽣生器LINE機器 ⼈人搭配TinyJSON壓縮⼯工具 (因為LINE有字數限制)
21.
21 Flex訊息的架構 (1/2) • carousel •
bubble • header • hero • body • footer
22.
22 Flex訊息的架構 (1/2) • carousel •
bubble • header • hero • body • footer
23.
23 Flex訊息的元素 • 幾個常⽤用元素 • box
容器 1. image 圖片 2. text ⽂文字 3. button 按鈕 4. filler 填空⽩白 5. separator 分隔線
24.
24 Flex訊息的語法 • 幾個常⽤用語法 1. color/backgrounColor 2.
margin: xl, lg, md, sm, xs 3. gravity: top, bottom, center 4. align: start, end, center 5. weight: regular, bold 6. aspectRatio 7. aspectMode: cover, fit 8. layout: baseline, horizontal, vertical 9. Action.type: uri - 網址⽤用「https:」開頭 - 電話⽤用「tel:」開頭 • 不過⽤用Showcase的範例例改最快!
25.
親⼿手打造數位名片和型錄 25
26.
26 請先安裝/開啟這些⼯工具 1. Flex Message
Simulator • https://developers.line.biz/flex- simulator 2. imgur • https://imgur.com/ 3. 「數位名片產⽣生器」LINE機 器⼈人 4. TinyJSON壓縮⼯工具 • https://chibu.app/tinyjson/
27.
27 範例例1:直式名片 • 幹嘛直式?因為⼿手機是直的,瀏覽⽅方便便!
28.
28 範例例2:橫式名片 • 不⼀一定非得跟紙本名片長得⼀一模⼀一樣,但是必要資訊都要放 (Logo、電話、地址),也不⼀一定要是長⽅方形,正⽅方形也OK
29.
29 範例例3:多⾴頁型錄 • 只有⼀一張的DM也⾏行行,但是很多很多 ⾴頁的型錄才夠豐富 • https://liff.line.me/1653938410- wmaPkVPZ?target=14096259297924
Download now