我們幫自CP做了抽籤喔！
這是為了5/28的活動宣傳做的小功能，至於為什麼要做呢，大致是這樣的↓
鬱離「我想在LINE上有虎伏的抽籤小程式！」
A子「？？？？」
A子「 為什麼是抽籤？」
鬱離「沒為什麼！我就想要！我覺得有虎伏的抽籤我會很開心(ﾟ∀ﾟ)」
A子「好啊我最近剛好在學js……」
鬱離「那等我寫規格給你↖(^ω^)↗」
嗯。就是這樣。
我們怎麼合作的？
我們的流程是這樣：
- 確認分工，本次是我寫規格、文案跟大多數的素材，A子開發抽籤小程式。
- 我寫完規格，交給A子。
- A子開發，另外加上素材。
- 我上版與測試。
寫規格囉！
在等待iPhone維修的時候，我寫了規格草稿，撰寫工具是Paper。
LIFF是什麼？
想特別談談裡面的「LIFF」，這是LINE Channel（以下簡稱LINE頻道或頻道）裡的一種連結方式。
LINE頻道裡打開超連結時，有三種方式：
- 外部瀏覽器：畫面跳離LINE，開啟手機預設的瀏覽器。
- App-in瀏覽器：視窗不跳離LINE。
- LIFF：根基同是App-in瀏覽器，視窗不跳離LINE，且可以另外設定「讓使用者無法分享連結」。
我為了「讓使用者無法分享連結」，一開始就決定要採LIFF了。
會限定在手機則是因為，我可以在LINE頻道中，將超連結設定在圖文選單，讓這個頁面只能透過手機檢視，不能透過平板或電腦顯示。這代表設計網頁UI時，不用考慮不同的解析度，可以減少設計的時間。
（圖文選單就是大家一進入頻道，會在下方看到的選單，LINE頻道本身有限制：圖文選單只能與手機顯示。）
一切都是為了把參與者帶進LINE
2022重啟整個連攤企劃時，我就決定要用LINE頻道進行活動了。最主要的原因是，透過LINE頻道的好友人數，我可以很明確地估算參與者人數。在疫情期間，能精準估計參與者，對於小型活動的主辦估計人力以及印量，都有很大的幫助。
在2018時，我曾動過類似的念頭，不過卻一直到本次活動才付諸實行。最後讓我確定執行的因素是：
- 在一整年的實聯制後，大家已經習慣用手機掃QRCode了
- 本次預估參與活動人數較少，當日有充足的人力處理現場的問題
- 當日我無法協助參與社團的防疫措施，故盡量不想讓社團蓋印
既然5/28當天活動要使用頻道，不能在前一天才公開，一定要事先宣傳並導入頻道，並提早讓參與者熟悉當天的流程。不然，至少也得讓參與者加入頻道。
為此，我做的準備是：
- 2022線上特企
- 本次的抽籤
雖然說我也是真的想要自CP每天幫我占卜吉凶，但推出這個只能在LINE頻道上看的服務，最大的目的是預先帶參與者進頻道。
喔，剛剛那份草稿之後謄寫到Notion，分享給A子了：
（這份後來隨著開發跟測試進行，還有再改。）
然後交給A子籤詩檔案以後，A子就變出網頁給我了。A子すげぇ。而且還加了更多素材，把他變得漂漂亮亮的。
（順帶一提，籤詩的小圖來自委託Q子的稿件，字跟框線是Procreate，後加工是CSP。）
上版測試囉！
上傳檔案後，因為功能不複雜，大致結果如我們預期，只碰到了一些僅出現在App-in瀏覽器的js限制。但在細修需要反覆上傳時，遇到了最大的問題：快取。
要我最簡單介紹快取的話，我會說他是基於你的瀏覽記錄所產生的殘影。
假設有網頁由A更新為A’，快取的存在會導致你重新整理後，還是只看到A，而看不到A’。
在App-in瀏覽器中，快取問題相當棘手
為什麼呢？因為App-in瀏覽器幾乎沒有提供使用者刪除快取的功能，而且快取存在的時間超～長～
什麼時候會消失呢？不知道。根據我的經驗，可能會到24小時。
我不想等快取自然消失！到底要怎麼清快取！？
終極解答：更改檔名。
更新網頁檔案名稱後重新上傳，另外重新設定LIFF，讓使用者使用原本LIFF超連結時，實際上讀入新的URL。
（像這樣在LINE Developer設定。）
超☆級☆土☆法☆煉☆鋼☆
但目前還真沒其他方法。
為什麼我會知道可以這樣改，就是之前幫客戶上版後被快取陰了一道。
而且其實我們踩到的快取陷阱還不是因為html造成，是裡面使用的js檔案快取也沒清，除了上面的修正，後來我們也改了引用的js檔案名稱。
……在搞定快取功能後，抽籤順利在13號星期五前上線了，感謝A子的努力！
看到成品好開心喔！有自CP幫忙占卜就是爽！HAPPY！
你好像跟LINE很熟ㄟ
忘了自我介紹。
A子是會寫js的UX設計師（我因為記不起來職稱都叫他藝術總監），我是過去兩個月不知為啥都在Code review的PM（職種是分析師），專案平常在賣LINE相關服務的。