Hi，我是 Kalan👋🏻

前幾個月剛好是大型功能上線的時間。再接續另外一個專案之前並沒有什麼太大的開發，主要就是修一些小 bug 以及將現有的功能做改善。也因為開發上沒有那麼緊湊，所以這一季有更多的時間可以專注在改善流程上。

在瀏覽器爬取網頁的時候，爬蟲會將網頁的 HTML 內容爬過後產生內容，也會作一份快取在資料庫當中並且定時更新。也就是說如果沒有實作 SSR 的話，那麼 html 檔案本身會是一片空白，需要等到 JavaScript 被解析且執行後才能看到實際頁面

Vue 作者尤雨溪最近提出了一個 RFC，是關於 ref 宣告的語法中可以用 JavaScript 的 label statement 來進一步做簡化。這個語法跟 Svelte 如出一徹，在這邊紀錄一下自己的想法。

時常看到某些被奉為社群大神的人，影片、文章點進去一看發現錯誤百出的時候，難免心裡會覺得怪怪的，怪的是怎麼大神的位置都是這些人在坐，一方面是大家難道都不看細節只看這個人是否在神壇裡頭嗎？這個人有擺在神壇裡，哦哦哦哦先拜這樣？

最近用 Kotlin 開發了一個管理日常任務的小工具，主要是希望 Backend 的同事們也能一起維護，另外則是學習新語言總是可以得到一些新的激盪與想法，還有公司裡頭很多 Java 跟 JVM 大神趁機挖寶。

Svelte 是我相當喜歡的前端框架之一，簡單的語法與彈性，作者的理念，還有各種動畫、過場的使用方式都讓我相當喜歡，之前也有寫過幾篇關於自己對 Svelte 的看法。這次 Svelte Summit 在 2020 年 10 月 18 日舉行，因為疫情的關係是以全程線上直播的形式播出，總共 7 個小時與 17 個演講。在這邊紀錄一些我覺得有趣的演講與自己的心得。

iOS 在某些版本下 mousedown 處理器不會正確運作，不過在其他裝置上（像 Android 等等），mousedown 仍然是可以正確運作的。

在一般顯示貨幣的時候通常會有一個需求，是將原數字轉成人類比較好看懂的格式，在前端當中我們可以用幾種方式達到，像是 Intl.NumberFormat 或是正規表達式等。

談談 SameSite 政策發布後，我對 Cookie 與 CORS 的再思考。Cookie 真的滴水不漏嗎？讓我們來看看一些案例。

React 17 的發布沒有重大更新或是任何新功能，不過 useEffect 的 clean up 執行時機悄悄改變了。本篇文章不會一一解說每個更新，而是紀錄文章中比較值得關注的地方。

我們這次的目的是將整個點子實現，因此我購買了已經有內建 WiFi 與藍牙功能的 ESP32 開發版來進行開發！

在日本就職不知不覺也已經滿一年了，在這邊跟大家分享一些想法與心得，希望可以拋磚引玉，消除一些在日本求職、就職的迷思。

這篇會聊聊在 Arduino 以及語言上不熟悉而踩到的一些地雷

設計的面向有很多種，但是最後還是脫離不了人。選擇往人的方向走就可以不被單一領域所限制，也可以突破薪資天花板。

隨著瀏覽器可以做到的事情越來越多，前端能夠涵蓋的範圍也越來越廣了，光是前端這個名詞，可能就可以有多個分支

在網路當中，最常見的應該就是 TCP 通訊協定了。為了保證資料傳輸的正確性，我們需要一連串的機制來確保資料無誤，並且雙方可接收訊息。在硬體當中也需要做類似的事情。

用 arduino、esp32、感測器打造空氣品質監測應用！雖說是空氣品質，不過實作出來後也只有二氧化碳濃度跟溫濕度監測，如果有感測器的話要另外加上也不是太大的問題就是了。

日本大約在 2 月中旬時，東京開始逐漸爆發疫情，雖然我在福岡上班，不過為了避免疫情擴散，公司在二月底時宣佈了遠端工作的政策，目的是為了減少通勤、減少感染等機會，在這邊紀錄一下心得

Typora 是我很喜歡用的 markdown 文字編輯器。不過在用的時候有個煩惱就是圖片上傳。因為 Typora 只會將圖片的路徑放入 markdown 當中...

被主管升上 Tech Lead 後我的心情有點複雜，因為職等既沒有對應的提升，也沒有一個實際的稱號，只是被指名了「嘿，從現在開始你就是 Tech Lead」，然後加了一點薪水。

我在研究新的函式庫時，同時也會研究這個人（當然不是全部，不然一個 npm install 大概就要花一輩子去看了）。因為技術的創造者是人、函式庫的創造者是人、框架的創造者是人，大家都是有血有肉、有感情的人。

在 part1 當中我們提到了如何撰寫一個 JSON 解析器，並實作解析字串的功能，接下來我們把其他函數補上。（事實上只要知道基本原理，剩下的函數實作都是照本宣科而已）

今天會從解析 JSON 開始，講解如何從頭建立一個 JSON 解析器。由於 JSON 的架構簡單，很適合當作練習。

正當我開開心心用 svelte 實作了 smooth-scroll 之後，我發現其實可以用一行 CSS 達到

以往要做 CI，團隊中可能要花一些時間討論（吵架）CI 的解決方案，像是 CircleCI、DroneCI、Jenkins 等等，但是只要團隊當中將程式碼放在 Github 上面託管，就可以輕鬆和 Github 整合 CI，雖然的確不能說是萬靈丹、殺手鐧，但在一般要跑測試、甚至是 push and deploy 之類的場景我覺得都是蠻簡單就可以達到的，以下就來介紹一下 。

今天跑去看 Svelte 原始碼，摸熟架構的同時順便看看有沒有什麼簡單的 issue 可以拿來練手。

但是 Svelte 走的路也註定會遇到一些問題，最主要的就是 Svelte 沒辦法在 runtime 當中幫你做太多事情。

第一次看到 Svelte 時，心中想著「恩...又是一個新的前端框架了嗎？」，抱持著這樣的心情沒有在意太多。直到後來看到越來越多部落格文章介紹以及很多網站都在用之後，開始引起了我的好奇心。

看完 flv.js 開發者的血淚史感觸好深

其中從 Chrome 80+ 開始，會將 Cookie 當中的 samesite 預設設定為 lax。我們會從 samesite 的定義以及它有什麼用處，還有對 Cookie 的反思為出發點，談談我對整件事的想法。

在網路圈時常聽到，點子不值錢，動手做最重要。這句話基本上認同，沒有實際行動有再好的點子都沒有用。

xxd 是一個可以看 binary 文件的 linux 工具

現在已經有越來越多創作者，為了加速自己的製作流程，都會或多或少寫點程式來幫助自己優化。

寫測試一直以來都是軟體工程不可或缺的一環，但怎麼寫久了卻好像發現 bug 還是會跑出來，QA Issue 還是一樣多？

在開頭當中，作者有提到，像是汽車、飛機、建築這些領域發展到現在，都已經有一定的模式在，飛機的翅膀、形狀設計、功能等等幾乎都是大同小異，而發展出來的成果也是有目共睹。 我最近也在思考，為什麼這些領域可以，但是在軟體開發上，事情好像越來越糟？每次跑 npm install 在 Macbook pro 或是 iMac 上都會聽到風扇全速旋轉的聲音，網頁開發好像構築在一個基底不穩的沙塔上，前端可以用的框架還有狀態管理工具就已經多到不勝枚舉。

2019 年，1 月的頭 5 天，我還在兵營裡頭數饅頭，好不容易才熬過四個月的軍旅生涯開始找工作。上半年幾乎都在準備面試與沈澱自己，而下半年移居到日本後生活逐漸步上正軌。 上半年 201…

In 2019, in the first 5 days of January, I was still counting steamed bread in the barracks (compulsory military). After four months of my military…

iOS 11.0 can read and write NFC Tag through CoreNFC , but it can't read information such as IC cards. IC cards can only be read by iOS device…

最近看的幾本書，都是有關於在職場上的軟技能，工程師其實有時候很懶得去做像是溝通、協調、合作之類的事情，除非你打算自由接案到退休，不然學會這些技巧能夠讓你在未來的職涯中過得更輕鬆一些。 這本「橫向領導」英文叫做 Getting It Done - How to lead when you're not in charge，就是在描述當你不是主管身份時，要怎麼帶領整個團隊運作，走到正確的方向。

iOS 11.0 開始可以透過 CoreNFC 來讀寫 NFC Tag，不過還無法讀取 IC 卡片之類的資訊，到了 iOS 13 後才開放 IC 卡讀取。 剛好一直以來對 NFC 蠻有興趣的，而且也想要自己讀取 Suica （日本交通 IC…