讀書、課程筆記
閱讀心得：橫向領導力
最近看的幾本書，都是有關於在職場上的軟技能，工程師其實有時候很懶得去做像是溝通、協調、合作之類的事情，除非你打算自由接案到退休，不然學會這些技巧能夠讓你在未來的職涯中過得更輕鬆一些。 這本「橫向領導」英文叫做 Getting It Done - How to lead when you're not in charge，就是在描述當你不是主管身份時，要怎麼帶領整個團隊運作，走到正確的方向。
所有文章
2019
開發筆記
如何用 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…
前端
透過 overflow-anchor 實作 pin to bottom 元件
這篇文章是看完 Implementing a pin-to-bottom scrolling element with only CSS 後，並且介紹使用 JavaScript 的做法整理而成。 現在網頁越上越常出現每次加入新的內容時，就將 scroll 的位置調整到最底下。像是 Twitch…
前端
更安全的請求標頭 - Fetch Metadata Request Headers
有一天在開發頁面的時候，為了要檢查請求 Header 的欄位是否正確，打開開發工具一看，發現了請求多出了幾個可疑的 header： network 有注意到可疑的地方嗎？仔細一看發現，怎麼有三個以 Sec-Fetch…
開發筆記
Golang 當中的預設值以及 zero value
在 golang 當中，如果在初始化時沒有賦值，就會使用 zero value。 不過用了一段時間會發現，如果每次都用 zero value 來代替，我們會分不清楚到底是使用者沒有輸入值導致 zero value，還是使用者原本就輸入了 zero value？ 這時因為 Email, Name…
開發筆記
如何搜集並集中 golang 應用中的 Log
這篇文章是看完 How to collect, standardize, and centralize Golang logs | Datadog 總結的心得。 使用 log 時通常有幾點要注意： 把 log 當作參數傳遞，需要使用到 log 時就傳參數進去 統一用 context…
開發筆記
Golang 筆記 — Type Assertion
在 golang 當中，對於 interface{} 的型別，你可以做型別斷定，來假設這個 interface 是某個型別，這樣一來你就可以操作這個型別中的方法。 這段程式碼可以將原本的 interface…
開發筆記
Goworker 簡介 — 搭配 Redis 實作 worker
最近正在將專案從 Ruby On Rails 當中逐漸搬移到 golang，除了一方面是想要練習寫寫看醜醜的語法感覺怎麼樣，一方面是想感受一下 golang 的威力還有在沒有一個既有的框架下，要怎麼組織自己的程式碼。 今天要來介紹的是 goworker。會看上他的原因是搜尋 go worker…
前端
requestIdleCallback - 善用空閑時間
許多網頁當中都有各式各樣的 script 需要執行，當然也會有優先程度，像是比較重要的：渲染 UI，註冊相關的互動事件，呼叫 API 拿取資料等等是高優先的任務，而像是比較不重要的任務有：Analytic 的腳本、lazy loading、初始化比較不重要的事件。 怎樣才算 Idle…
開發筆記
記一次 debug 流程 — connection refused
大約從前幾個月開始，我的 google chrome 就時常有莫名其妙 connection refused 的情況發生，有時候有些網頁就是開不起來，但用其他裝置開卻正常。雖然覺得怪怪的，但想說可能是伺服器設定的問題，而且也沒有造成什麼困擾，就這樣繼續用下去了。 設定 custom…
前端
新的取消請求方式 - AbortController
在前端當中，我們主要可以透過兩種方式來發送請求：XHR 跟 Fetch。XHR 是從，嗯...，很久以前就有的 API。不過因為設定上很麻煩，所以時常被包裝成更高階的 API 使用，像是 jQuery 的 getJSON、axios、RxJS 的 AjaxObservable…
前端
和 CORS 與 cookie 打交道
CORS 與 cookie 在前端是個蠻重要的問題，不過大多數在開發的時候，因為前後端的 domain 時常是相同的，所以很少去 care 這些問題。或者只要要求後端將 Access-Control-Allow-Origin…
開發筆記
在 Go 如何處理 connection lost？
研究了一下現在比較熱門的 sql 套件，發現幾乎都沒有像是可以即時在 connection lost 的時候跳 error 的功能。例如：nodejs 的 mysql 當中，我們可以用 connection.on(‘error’) 來監聽錯誤。 不過在 golang…