Skip to content

Commit

Permalink
20220420
Browse files Browse the repository at this point in the history
  • Loading branch information
taichunmin committed Apr 20, 2022
1 parent 42acaf6 commit 36afa20
Show file tree
Hide file tree
Showing 15 changed files with 31 additions and 31 deletions.
2 changes: 1 addition & 1 deletion docs/blog/2019-10-16-ithelp-ironman-10.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ tags: [ithelp-ironman]

筆者目前在台中市微程式資訊有限公司上班,由於公司提供了一個免費給資訊社群借場地辦活動的場地「夢森林」(想辦活動請跟 [夢森林粉絲專頁小編](https://www.facebook.com/mpdreamforest) 聯絡),所以我有很多可以參加台中社群的活動機會,筆者也因此加入[台中敏捷社群](https://www.facebook.com/groups/Agile.Taichung/)的志工,在今年的時候,偶然得知好友[若虛](https://ithelp.ithome.com.tw/users/20103676/profile)要被邀請[來台中敏捷分享](https://agile-taichung.kktix.cc/events/scrum-team),才知道原來他在去年的鐵人賽中得到冠軍。

在今年的鐵人賽開始前,因為公司的專案寫了幾個[聊天機器人](https://line.me/R/ti/p/@raq6533f),因此認識了 [chatbot.tw 社群](https://www.facebook.com/groups/chatbot.tw/)的幾個熱血主揪 Fly、Ninja、佳新,他們也在找團隊一起參加,於是我就在猶豫要不要參賽,第一個原因是一直在思考到底有什麼主題可以讓我寫夠 30 天的…後來就想到或許可以來寫個 VS Code,因為這種東西還太新,相信也沒多少中文資源,雖然說不用學也能簡單使用,但如果想學習它就只能從英文資源下去學習,順便讓自己可以來完整學一次。
在今年的鐵人賽開始前,因為公司的專案寫了幾個[聊天機器人](https://liff.line.me/1645278921-kWRPP32q/?accountId=raq6533f),因此認識了 [chatbot.tw 社群](https://www.facebook.com/groups/chatbot.tw/)的幾個熱血主揪 Fly、Ninja、佳新,他們也在找團隊一起參加,於是我就在猶豫要不要參賽,第一個原因是一直在思考到底有什麼主題可以讓我寫夠 30 天的…後來就想到或許可以來寫個 VS Code,因為這種東西還太新,相信也沒多少中文資源,雖然說不用學也能簡單使用,但如果想學習它就只能從英文資源下去學習,順便讓自己可以來完整學一次。

除了找主題的原因之外,還有另外一個原因就是我 9/25 到 9/28 要去韓國員工旅遊,所以能不能每天準時發文真的是非常的有挑戰性阿,我在跟若虛聊了我這個擔憂以後,他就把[去年有人寫爬蟲自動發文的文章](https://ithelp.ithome.com.tw/articles/10191096)找出來給我,剛好我自己對寫爬蟲也算是略有所得,所以就決定靠機器人自動發文啦!

Expand Down
4 changes: 2 additions & 2 deletions docs/blog/2020-04-06-line-devbot.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,9 +24,9 @@ meta:

廢話不多說,馬上試用看看吧!

[![](https://i.imgur.com/cP5purz.png)](https://line.me/R/ti/p/%40736cebrk)
[![](https://i.imgur.com/cP5purz.png)](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)

加入好友: <https://line.me/R/ti/p/@736cebrk>
加入好友: <https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk>

> 由於後端採用 Google Cloud Function,為了避免用量過高被收錢,所以有鎖執行上限,如果無回應的話,可以考慮建立自己專用的機器人或是重新傳送訊息試試喔!
Expand Down
2 changes: 1 addition & 1 deletion docs/blog/2020-07-08-mobile-desktop-shortcut.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ meta:

![](https://i.imgur.com/5dZom6w.png)

然後在 LINE Developers 上面複製聊天機器人的 `{LINE ID}`,並且根據[官方文件](https://developers.line.biz/en/docs/messaging-api/using-line-url-scheme/#sharing-line-official-account)組成聊天機器人的加入網址 `https://line.me/R/ti/p/@kadacha`
然後在 LINE Developers 上面複製聊天機器人的 `{LINE ID}`,並且根據[官方文件](https://developers.line.biz/en/docs/messaging-api/using-line-url-scheme/#sharing-line-official-account)組成聊天機器人的加入網址 `https://line.me/R/ti/p/@youbike`

![](https://i.imgur.com/3cLvGsn.png)

Expand Down
4 changes: 2 additions & 2 deletions docs/blog/2021-01-20-line-devbot-mention.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,9 +26,9 @@ meta:

## 加入好友並建立多人群組

[![](https://i.imgur.com/cP5purz.png)](https://line.me/R/ti/p/%40736cebrk)
[![](https://i.imgur.com/cP5purz.png)](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)

加入好友: <https://line.me/R/ti/p/@736cebrk>
加入好友: <https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk>

加入「Flex 開發人員工具」好友以後,你接下來就會需要建立一個群組,並且把「Flex 開發人員工具」邀請到群組內:

Expand Down
4 changes: 2 additions & 2 deletions docs/blog/2021-03-11-line-quickreply-uri.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,9 +22,9 @@ meta:

## 加入好友

[![](https://i.imgur.com/cP5purz.png)](https://line.me/R/ti/p/@736cebrk)
[![](https://i.imgur.com/cP5purz.png)](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)

加入好友: <https://line.me/R/ti/p/@736cebrk>
加入好友: <https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk>

## 透過「Flex 開發人員工具」測試

Expand Down
6 changes: 3 additions & 3 deletions docs/blog/2021-04-16-linebot-test-sticker.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,13 +16,13 @@ meta:

大家好,我是做出「LINE 數位版名片」的 LINE API 專家均民。

LINE 官方帳號每過一段時間後,就會更換一次 Messaging API 可以傳送的貼圖列表,但是以前在 LINE Notify 中,可以傳送的貼圖列表一直都有跟 Messaging API 不一樣的問題,在 [LINE 官方部落格 2021/04/07 發佈的新聞](https://developers.line.biz/en/news/2021/04/07/list-of-available-stickers/)中,終於把兩個服務可以傳送的貼圖列表統一了,並且還把之前貼圖的 PDF 列表改成網頁版本,於是筆者也在自己所開發的[「Flex 開發人員工具」](https://line.me/R/ti/p/@736cebrk)新增了快速測試貼圖的功能!
LINE 官方帳號每過一段時間後,就會更換一次 Messaging API 可以傳送的貼圖列表,但是以前在 LINE Notify 中,可以傳送的貼圖列表一直都有跟 Messaging API 不一樣的問題,在 [LINE 官方部落格 2021/04/07 發佈的新聞](https://developers.line.biz/en/news/2021/04/07/list-of-available-stickers/)中,終於把兩個服務可以傳送的貼圖列表統一了,並且還把之前貼圖的 PDF 列表改成網頁版本,於是筆者也在自己所開發的[「Flex 開發人員工具」](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)新增了快速測試貼圖的功能!

## 加入官方帳號「Flex 開發人員工具」

[![](https://i.imgur.com/cP5purz.png)](https://line.me/R/ti/p/%40736cebrk)
[![](https://i.imgur.com/cP5purz.png)](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)

加入好友: <https://line.me/R/ti/p/@736cebrk>
加入好友: <https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk>

## 去貼圖清單中選擇一個貼圖

Expand Down
2 changes: 1 addition & 1 deletion docs/blog/2021-05-17-line-notify-private-group.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ meta:

相信有在用 LINE Notify 服務的人,應該都已經把 LINE Notify 加為好友了,如果還沒有加入的,你也可以使用以下連結把「LINE Notify」加為好友:

<https://line.me/R/ti/p/@linenotify>
<https://liff.line.me/1645278921-kWRPP32q/?accountId=linenotify>

![](https://i.imgur.com/8PwZEMg.png)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ Flex 訊息是 LINE 的一個特殊訊息格式,在訊息的客製化上,它
::: tip
如果沒有把「Flex Message Sim」這個官方帳號加為好友,就會收不到測試訊息。

* Flex Message Sim:<https://line.me/R/ti/p/@flexmessagesim>
* Flex Message Sim:<https://liff.line.me/1645278921-kWRPP32q/?accountId=flexmessagesim>

![](https://i.imgur.com/K8uNN4I.png)
:::
Expand Down
6 changes: 3 additions & 3 deletions docs/blog/2021-06-22-linebot-richmenu-alias.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,15 +16,15 @@ meta:

大家好,我是做出「LINE 數位版名片」的 LINE API 專家均民。

[LINE 官方部落格 2021/06/21 發佈的新聞](https://developers.line.biz/en/news/2021/06/21/switch-between-multiple-rich-menus/)中,新增了 `richmenuswitch` 動作,除了改善了選單的切換速度之外,還讓沒有使用 webhook 的 LINE 官方帳號也都具備了使用多層選單的可能性。筆者特地在[「Flex 開發人員工具」](https://line.me/R/ti/p/@736cebrk)加上了一個範例,讓大家可以試玩看看。
[LINE 官方部落格 2021/06/21 發佈的新聞](https://developers.line.biz/en/news/2021/06/21/switch-between-multiple-rich-menus/)中,新增了 `richmenuswitch` 動作,除了改善了選單的切換速度之外,還讓沒有使用 webhook 的 LINE 官方帳號也都具備了使用多層選單的可能性。筆者特地在[「Flex 開發人員工具」](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)加上了一個範例,讓大家可以試玩看看。

<img src="https://i.imgur.com/0r0cz5o.png" style="width: 480px">

## 加入官方帳號「Flex 開發人員工具」

[![](https://i.imgur.com/cP5purz.png)](https://line.me/R/ti/p/@736cebrk)
[![](https://i.imgur.com/cP5purz.png)](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)

加入好友: <https://line.me/R/ti/p/@736cebrk>
加入好友: <https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk>

## 啟用選單切換範例

Expand Down
4 changes: 2 additions & 2 deletions docs/blog/2021-07-09-line-card-create-carousel-1.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,8 +32,8 @@ meta:
## 建立測試用群組來測試實際結果

::: tip 筆者開發的測試用機器人
[![](https://i.imgur.com/cP5purz.png)](https://line.me/R/ti/p/%40736cebrk)
加入好友: <https://line.me/R/ti/p/@736cebrk>
[![](https://i.imgur.com/cP5purz.png)](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)
加入好友: <https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk>
:::

雖然在「分享 LINE 數位版名片」的頁面有提供預覽,但這個預覽功能會跟實際顯示的結果會有落差,建議你還是要建立一個測試用群組,測試過後再把名片分享出去。
Expand Down
2 changes: 1 addition & 1 deletion docs/blog/2021-09-30-liff-scan-code-v2.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ meta:

接下來就可以來測試新舊 API 的不同以及支援度,你可以掃描底下的 QRCode 來測試:

| [Flex 開發人員工具](https://line.me/R/ti/p/@736cebrk) | Hello World |
| [Flex 開發人員工具](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk) | Hello World |
| :-----: | :-: |
| ![](https://i.imgur.com/cP5purz.jpg) | ![](https://i.imgur.com/S964jwx.png) |

Expand Down
2 changes: 1 addition & 1 deletion docs/blog/2021-10-16-meichuhackathon2021.md
Original file line number Diff line number Diff line change
Expand Up @@ -668,6 +668,6 @@ window.vm = new Vue({
* [範本原始碼](https://github.com/taichunmin/meichuhackathon2021)
* [官方英文文件首頁](https://developers.line.biz/en/docs/)
* [Flex 訊息模擬器](https://developers.line.biz/flex-simulator/)
* [Flex 開發人員工具](https://line.me/R/ti/p/@736cebrk)
* [Flex 開發人員工具](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)
* [LINE 數位版名片](https://taichunmin.idv.tw/liff-businesscard/)
* [點此加入「數位版名片技術討論群」](https://line.me/ti/g2/3y0Fb2R6WiDXAOPFkbALdg3t3lcm065NdHTrnA?utm_source=invitation&utm_medium=blog&utm_campaign=default)
6 changes: 3 additions & 3 deletions docs/blog/2022-02-10-richmenu-playground.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ meta:

LINE [在 2022/02/22 的新聞](https://developers.line.biz/en/news/2022/02/02/rich-menu-playground/)中發布了[圖文選單的遊樂場](https://lin.ee/7ALASDvA),這個遊樂場可以讓你用最快的速度去認識圖文選單所提供的幾大功能,如:傳訊息、傳隱藏資料、開啟網址、選擇日期與時間、切換圖文選單…等,同時還有附上詳細的文件方便你可以學習如何實現這些功能。

只不過這個遊樂場只有提供日文版本,所以筆者特地把遊樂場翻譯成中文版,並且移植到[「Flex 開發人員工具」](https://line.me/R/ti/p/@736cebrk)中,如果你不太會日文,但又想要快速認識圖文選單有什麼功能的話,現在你也能在[「Flex 開發人員工具」](https://line.me/R/ti/p/@736cebrk)裡面玩到喔!
只不過這個遊樂場只有提供日文版本,所以筆者特地把遊樂場翻譯成中文版,並且移植到[「Flex 開發人員工具」](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)中,如果你不太會日文,但又想要快速認識圖文選單有什麼功能的話,現在你也能在[「Flex 開發人員工具」](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)裡面玩到喔!

::: tip 本文章的 45 分鐘影片版
本文有在「Will 保哥的技術交流中心」線上分享,[該次分享直播存檔的網址在此](https://fb.watch/biM1mKan93/)
Expand Down Expand Up @@ -71,9 +71,9 @@ LINE [在 2022/02/22 的新聞](https://developers.line.biz/en/news/2022/02/02/r

為了要使用「圖文選單遊樂場中文版」,你會需要先加入均民所開發的這個「Flex 開發人員工具」,然後輸入指定的關鍵字才能啟用。

[![](https://i.imgur.com/cP5purz.png)](https://line.me/R/ti/p/@736cebrk)
[![](https://i.imgur.com/cP5purz.png)](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)

加入好友: <https://line.me/R/ti/p/@736cebrk>
加入好友: <https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk>

## 啟用圖文選單遊樂場

Expand Down
4 changes: 2 additions & 2 deletions docs/blog/2022-03-11-line-flex-message-v3.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,9 +28,9 @@ LINE 在 2022/03/11 發佈了[「Flex Message Update 3 released」](https://deve

本文會使用均民自己所開發的官方帳號「Flex 開發人員工具」進行測試,如果你也想要跟著嘗試看看的話,請掃描以下 QR Code 加入好友吧!

[![](https://i.imgur.com/cP5purz.png)](https://line.me/R/ti/p/%40736cebrk)
[![](https://i.imgur.com/cP5purz.png)](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)

加入好友: <https://line.me/R/ti/p/@736cebrk>
加入好友: <https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk>

## 準備影片

Expand Down
12 changes: 6 additions & 6 deletions docs/blog/2022-04-19-youbike-linebot-1.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,9 @@ meta:

大家好,我是做出「LINE 數位版名片」的 LINE API 專家均民。

最近想要把自己做過或是看過的功能整理成案例分享,這次分享的案例是針對[「YouBike 微笑單車」](https://line.me/R/ti/p/@youbike)官方帳號中,最多使用者使用的「站點查詢」功能。
最近想要把自己做過或是看過的功能整理成案例分享,這次分享的案例是針對[「YouBike 微笑單車」](https://liff.line.me/1645278921-kWRPP32q/?accountId=youbike)官方帳號中,最多使用者使用的「站點查詢」功能。

目前[「YouBike 微笑單車」](https://line.me/R/ti/p/@youbike)官方帳號的好友數約 363159,「站點查詢」功能在過去八個月的使用量大約是 52575 人次,平均每人使用 0.14 次。
目前[「YouBike 微笑單車」](https://liff.line.me/1645278921-kWRPP32q/?accountId=youbike)官方帳號的好友數約 363159,「站點查詢」功能在過去八個月的使用量大約是 52575 人次,平均每人使用 0.14 次。

## 功能簡介

Expand Down Expand Up @@ -68,11 +68,11 @@ meta:

![](https://i.imgur.com/guuJezb.png)

> 聊天機器人實際收到的經緯度資料格式(透過均民自己所開發的官方帳號[「Flex 開發人員工具」](https://line.me/R/ti/p/@736cebrk)中實測)。左邊是 Android,右邊是 iPhone,值得注意的地方是 iPhone 在開啟精準定位後,拿到的經緯度在小數點部分的位數會比 Android 多。
> 聊天機器人實際收到的經緯度資料格式(透過均民自己所開發的官方帳號[「Flex 開發人員工具」](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)中實測)。左邊是 Android,右邊是 iPhone,值得注意的地方是 iPhone 在開啟精準定位後,拿到的經緯度在小數點部分的位數會比 Android 多。
### 小型圖文選單及多層次選單

在手機上使用官方帳號時,如果圖文選單太高,其實還蠻影響使用者體驗的,而且[「YouBike 微笑單車」](https://line.me/R/ti/p/@youbike)官方帳號所提供的功能其實很多,所以後來決定參考別人的官方帳號,也做成多層次選單,並且把圖文選單盡可能的縮小。另外在 LINE APP 中透過 QuickReply 上傳位置的使用者體驗比較好,所以就決定把「站點查詢」做在功能選單的 QuickReply 按鈕上。
在手機上使用官方帳號時,如果圖文選單太高,其實還蠻影響使用者體驗的,而且[「YouBike 微笑單車」](https://liff.line.me/1645278921-kWRPP32q/?accountId=youbike)官方帳號所提供的功能其實很多,所以後來決定參考別人的官方帳號,也做成多層次選單,並且把圖文選單盡可能的縮小。另外在 LINE APP 中透過 QuickReply 上傳位置的使用者體驗比較好,所以就決定把「站點查詢」做在功能選單的 QuickReply 按鈕上。

![](https://i.imgur.com/DQa1OOs.png)

Expand Down Expand Up @@ -122,8 +122,8 @@ meta:
如果有疑問可以透過 [Facebook](https://www.facebook.com/taichunmin) 跟我交流。
:::

* [「YouBike 微笑單車」](https://line.me/R/ti/p/@youbike)官方帳號
* [「Flex 開發人員工具」](https://line.me/R/ti/p/@736cebrk)官方帳號
* [「YouBike 微笑單車」](https://liff.line.me/1645278921-kWRPP32q/?accountId=youbike)官方帳號
* [「Flex 開發人員工具」](https://liff.line.me/1645278921-kWRPP32q/?accountId=736cebrk)官方帳號
* [haversine formula](https://en.wikipedia.org/wiki/Haversine_formula)
* [Leaflet.js](https://leafletjs.com/)
* [Redis GEO Commands](https://redis.io/commands/?group=geo)

0 comments on commit 36afa20

Please sign in to comment.