前端
node.js 讀取檔案時的細節
在 node.js 當中透過 fs 模組來操作檔案是相當常見的操作，然而如果在吞吐量比較大的情況下，任何有關 IO 的操作都應該非常小心
所有文章
2022
回顧系列
2021 年年度回顧
原本計畫把自己做的事情整理一下發出來的，結果發現整理完後還真的沒什麼好講的東西，乾脆就用流水式的方式紀錄一下吧。
讀書、課程筆記
MIT 公開課：Introduction to Computational Thinking with Julia 心得
課程看似內容很雜，有涵蓋像是資料科學、氣候變遷建模、Ray Tracing、偏微分、統計、image
雜談
網路上的評論有毒
一直以來我很好奇一件事，身邊的朋友們在網路上通常不太會去評論某件事，例如在一篇貼文底下留言，在推特上發表自己的看法。然而，如果是在私密群組發問的話，通常會得到不錯的建議。我體會到的事情是其實人是很喜歡給建議與評論的，然而為什麼大部分的我們在網路上卻不常評論呢？
雜談
無限 alert 迴圈事件
有兩名男性以及一名國一女生因為分享無限 alert
前端
將 Sentry 的 Web Vitals 整合到 slack
現在許多網站都會導入測量 Web Vitals 的流程，透過量化指標找到可以改善的地方。不過比較少人知道的是其實 sentry 在之前也推出了 Web Vitals 的統計功能，能夠統計 Web Vitals 的各個指標如 LCP、FP、CLS，讓開發者可以在後台看到相關的圖表，甚至把平均值都標好了，相當貼心。
雜談
Coinhive 挖礦事件
今天在日本軟體開發圈中，最熱門的新聞應該就是「Coinhive 事件」了。這個訴訟是因為網站經營者在網站裡放挖礦腳本，當瀏覽網頁的使用者進入網頁時便會開始挖礦。這個行為被以「不正指令電磁的記録（妨礙電腦使用罪）」起訴，開始了一連串的訴訟過程。
開發筆記
我如何用 VSCodeVim 提升開發效率
換了 HHKB 鍵盤之後沒有方向鍵，編輯文字時很自然地想要避免方向鍵的使用次數。種種外在因素影響之下我開始學習 Vim，發現搭配 VSCode 真的蠻好用的，在這邊分享一些心得跟技巧給有興趣的大家。
前端
從前端視角看 SwiftUI
從 UI 的角度來看，前端與手機開發會遇到問題是類似的，儘管使用的語言或是開發手法不盡相同，我們都需要打造一個易用的使用者介面。既然如此，彼此也會遇到類似的問題，元件化開發、狀態管理、資料流、管理副作用（API 或是 IO）等等，對我來說是個很適合互相學習的領域。
回顧系列
2021 年度回顧
可能是經驗也累積多了，看事情的角度好像也變得寬廣了一些了。在 2020 年與 2021 年開始多方探索各個領域，像是 Arduino、玩樹莓派、跑去看 AVR、買 STM32 開發板來玩、學習 PCB 跟 3D 列印，希望自己除了在前端之外，也可以和其他領域整合，做更多自己想做的事。今年是 2022 年，在去年及前年的探索後，希望今年可以變成開創的一年，讓自己做出一些成果來。
2021
雜談
雜感（Leaving MySQL）
今天早上看到這篇 Leaving MySQL。如果說這篇文章有什麼重點，大概就是作者在文章中寫的：MySQL is a pretty poor database, and you should strongly consider using Postgres instead.
開發筆記
Amazon Polly - 文字轉聲音，效果十分顯著
Polly 是 Amazon 雲端平台的其中一個服務，可以將文字轉為聲音。雖然文字轉聲音這件事並不稀奇，不過 Polly 可以根據句型組合盡可能發出自然的聲音，對語言學習者來說是一大福音。除此之外能夠應用的範圍也很廣，例如字幕轉為聲音、腳本、旁白、對白，甚至直接用 Polly 來錄 Podcast 也不無可能
雜談
如何自製簡易收音機
對我來說收音機的發明相當神奇，只透過無線電傳輸，聲音竟然可以傳播到那麼遠的地方，再透過收音機將聲音還原播放出來。本篇文章試著自己實作一個簡易的收音機電路，進而理解背後的原理
雜談
藍色時期與弱弱的我
最近 Netflix 上的新動畫「藍色時期」很好看，劇情是在講一位高中生愛上畫畫後進入東京藝術大學的故事。
開發筆記
用 AVR 做 USB 應用的考察
要用 AVR 做 USB 只有一個重點，就是晶片本身是否有內建支援 USB。目前大概只有 ATmega32u4 還有產線，但半導體供應缺貨下應該也買不到了
開發筆記
Raspberry Pi pico PIO 初探
2021 年初時樹莓派發佈了 pico 微控制器，價格相當便宜只要 100 多台幣，其中有個相當有趣的功能 PIO。可以透過特化後的組合語言與架構實作不同的通訊協定，卻不需要耗費主處理器的資源。
前端
如何用 WebGL 畫線
WebGL 不支援 lineWidth 大於 1 的線條，連 Three.js 也沒有支援可調整寬度的線條實作，於是開始了自製線條的實作
讀書、課程筆記
自學大全 – 閱讀心得
這本書感覺總有一天會翻成中文版，趁著目前只有日文版時跟大家分享閱讀心得。這本書厚厚一本 700 多頁，在日本甚至被稱作「#鈍器本」，還有登上暢銷排行榜。裡頭的內容非常充實，很適合想要完整學習一門知識卻不知道如何下手的初學者。
前端
如何判斷兩個網域的擁有者是否相同？
在瀏覽網頁時，我們時常透過 subdomain 來區分服務的內容，然而要區分一個網站是否為 subdomain，或是兩個網站是否為 SameSite 似乎沒有想像中的簡單。
前端
從 prismjs 改為 shiki
shiki 是一個將程式碼語法做高亮的套件，跟其他套件（highlightjs, prismjs）算是比較新一些，也比較少人知道。主要是因為它支援的語法更多也比較好設定，內建的主題也蠻多的，就順手把原本的 prismjs 換掉。