從無到有寫一個 JSON 解析器（1）
今天會從解析 JSON 開始，講解如何從頭建立一個 JSON 解析器。由於 JSON 的架構簡單，很適合當作練習。
如何用一行 CSS 做到 smooth scroll
正當我開開心心用 svelte 實作了 smooth-scroll 之後，我發現其實可以用一行 CSS 達到
如何為你的專案引入 Github Actions
以往要做 CI，團隊中可能要花一些時間討論（吵架）CI 的解決方案，像是 CircleCI、DroneCI、Jenkins 等等，但是只要團隊當中將程式碼放在 Github 上面託管，就可以輕鬆和 Github 整合 CI，雖然的確不能說是萬靈丹、殺手鐧，但在一般要跑測試、甚至是 push and deploy 之類的場景我覺得都是蠻簡單就可以達到的，以下就來介紹一下 。
Svelte 筆記（2）：編譯器比你聰明多惹
今天跑去看 Svelte 原始碼，摸熟架構的同時順便看看有沒有什麼簡單的 issue 可以拿來練手。
如何使用 XCode Simulator 錄影
用螢幕錄影好麻煩，所以查了一下可不可以用 simulator 錄影，還真的可以
Svelte 搭配 apollo-boost 時遇到的 rollup 錯誤
感覺 rollup 本身的機制還沒有 webpack 那麼齊全
Svelte 筆記（1）- 沒有銀彈
但是 Svelte 走的路也註定會遇到一些問題，最主要的就是 Svelte 沒辦法在 runtime 當中幫你做太多事情。
Svelte — 是什麼讓我遇見這樣的你
第一次看到 Svelte 時，心中想著「恩...又是一個新的前端框架了嗎？」，抱持著這樣的心情沒有在意太多。直到後來看到越來越多部落格文章介紹以及很多網站都在用之後，開始引起了我的好奇心。
閒聊 flv.js
看完 flv.js 開發者的血淚史感觸好深
Chrome Cookie 政策調整與反思
其中從 Chrome 80+ 開始，會將 Cookie 當中的 samesite 預設設定為 lax。我們會從 samesite 的定義以及它有什麼用處，還有對 Cookie 的反思為出發點，談談我對整件事的想法。
使用 mailchimp 三年後的心得
要做電子報寄送服務並不簡單，像是 event tracking、資料統計、不掉信、重試、針對不同的客戶端優化等，也因此 mailchimp 這個在早期就進入市場的產品相對穩定而且有非常多的企業正在使用。
點子仍然重要 / idea still count
在網路圈時常聽到，點子不值錢，動手做最重要。這句話基本上認同，沒有實際行動有再好的點子都沒有用。
xxd 簡易使用方式紀錄
xxd 是一個可以看 binary 文件的 linux 工具
創作者的崛起 - 寫程式
現在已經有越來越多創作者，為了加速自己的製作流程，都會或多或少寫點程式來幫助自己優化。
為什麼我開始了一個 YouTube 頻道？
簡單來講就是開始了一個 YouTube 頻道，就跟寫好了一個部落格很開心想要分享一下的感覺。
推特依存症
最近把 Twitter 帳號關掉跟鎖起來，App 也刪掉了。說真的最近好焦慮，看著推特上充滿各種憂鬱、厭世、成功、好笑、諷刺的推文，不知道為什麼就有一種焦慮感。還不知道什麼時候會把他重新打開，但我覺得自己已經快要到達極限了。
關於寫測試的一些想法（前端）
寫測試一直以來都是軟體工程不可或缺的一環，但怎麼寫久了卻好像發現 bug 還是會跑出來，QA Issue 還是一樣多？
軟體工程幻滅
在開頭當中，作者有提到，像是汽車、飛機、建築這些領域發展到現在，都已經有一定的模式在，飛機的翅膀、形狀設計、功能等等幾乎都是大同小異，而發展出來的成果也是有目共睹。 我最近也在思考，為什麼這些領域可以，但是在軟體開發上，事情好像越來越糟？每次跑 npm install 在 Macbook pro 或是 iMac 上都會聽到風扇全速旋轉的聲音，網頁開發好像構築在一個基底不穩的沙塔上，前端可以用的框架還有狀態管理工具就已經多到不勝枚舉。
2019 in review
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…
2019 回顧
2019 年，1 月的頭 5 天，我還在兵營裡頭數饅頭，好不容易才熬過四個月的軍旅生涯開始找工作。上半年幾乎都在準備面試與沈澱自己，而下半年移居到日本後生活逐漸步上正軌。 上半年 201…
How to read SUICA information with CoreNFC (FeliCa)
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，就是在描述當你不是主管身份時，要怎麼帶領整個團隊運作，走到正確的方向。
如何用 CoreNFC 讀取 SUICA 資訊（FeliCa）
iOS 11.0 開始可以透過 CoreNFC 來讀寫 NFC Tag，不過還無法讀取 IC 卡片之類的資訊，到了 iOS 13 後才開放 IC 卡讀取。 剛好一直以來對 NFC 蠻有興趣的，而且也想要自己讀取 Suica （日本交通 IC…
深入前端開發
之前就希望能夠把一些關於前端開發的東西紀錄下來，不過一直沒有著手去做，趁著鐵人賽期間一口氣全部整理完。 這個系列分成了幾大部分，未來有機會會再繼續寫下去。 JavaScript 基礎 淺談 JavaScript 與 ECMAScript…
Driving Technical Change
Driving Technical Change: Why people on Your Team Don't Act on Good Idea, and How to Convince Them They Should…
migrate react-transition-group
react-transition-group 從 v1 升級到 v4 比較重要的有幾點： 升級後 CSSTransitionGroup 元件被移除了 leave 變成 exit transitionName 變成 classNames transitionEnterTimeout…
從 class component 到 hooks
這篇文章並不會一一介紹各個 react-hooks 的 API，而是試著從設計的角度出發，來探討設計背後的原因。主要會分成幾個段落： Function Component 與 Class Component 的差異 如何在元件中複用類似的邏輯 淺談 high-order component…
日本軟體工程師求職心得
之前就很喜歡日本文化，所以在大學時就逐漸萌生要到日本工作的想法。不過礙於兵役跟經濟的關係，所以一直沒有實行。在這之前我當服完兵役，在服兵役之前則是在公司裡頭擔任前端工程師。最近當完兵回來，總算可以毫無後顧之憂找日本工作了。 剛好現在也是個蠻不錯的時期，日本因為高齡少子化的緣故正在大幅招攬 IT…
EMS 驚魂記
EMS 是國際快捷郵便，整合了各大國家的郵政，有追蹤號碼可以在網頁上查詢進度，號稱最快的郵便服務，價格當然也貴上許多。 第一次寄 EMS 感覺很棒，網頁進度追蹤很及時，兩天就到日本了；這次公司將在留資格證明寄給我也是用 EMS，正當我以為大概也是...
幫專案設定環境變數 - VIPER
大概在好幾個月前，我寫了一篇關於如何在 golang 設定環境變數的文章，怎麼優雅地設定環境變數是一件相當重要的事情，因此我寫了一個簡單的函式來做這件事。 當初的考量很簡單，如果有提供對應的 config 檔，就把裡頭的 key/value 用 os.Setenv 設定。之後在整個 App…