無密碼登入的未來 - Passkeys 通行密鑰
Google 在 2023 年 5 月正式宣布支援 Passkeys 通行密鑰，這讓無密碼登入的未來已經到來。因此我開始研究相關的名詞，使用者場景以及這對我們來說需要抱持著什麼樣的態度來管理我們的登入資訊。
GraphQL colocated pattern
本篇文章介紹 GraphQL fragment 與 React component 對應的 colocated 整理方法，也會提到如何利用 codegen 讓 fragment 自動產生出該 component 對應 TypeScript 的 type。
為 Next.js 靜態網站產生 RSS feed
從 Hexo 到 Gatsby
利用 Hub 來自動發 GitHub PR
起源
因為工作和平時習慣的 Git 協作平台是 GitHub，因此常常發 pull request (以下簡稱 PR) 到 GitHub 上面，而這個流程對我來說不太順手，因此便想要利用更自動化的方式來做掉。
將 JS Callback 轉成 Promise
隨著越來越多 JS 開發者的提倡，越來越多人擁抱 ES6(+) 的語法，其所帶來的好處讓許多開發者願意接受。
然而一些新接觸的開發者，在流程控制上會聽聞 Promise 的好處進而開始使用，但較早期的套件會遵循著 node.js style 的 Callback；因此本篇文章將會介紹如何將這類 Callback 利用套件轉成 Promise。
JavaScript 變數宣告
babel 相關名詞簡介
babel 是現代前端工程師都不陌生的工具，它可以將 ES6 (+) 的語法轉換為 ES5 甚至是更低的版本，利用 babel 可以讓開發者即刻享受到 ES6 語法所帶來的便利性。 然而許多 babel 相關的名詞卻常常困擾想要入門的新手們，因此利用本文簡介那些與 babel 相關的名詞，以 babel 6 為主。
本篇將會會介紹到：
- .babelrc
- babel-cli (with babel-node)
- babel-preset vs. babel-plugin
- babel-register
- babel-polyfill
- babel-plugin-transform-runtime ＆ babel-runtime
- babel-loader
- babel-eslint
node.js 爬 Facebook 留言版
聽到網路爬蟲，有很多專案都是建立在 python 上面，在文字處理分析上， python 有很強大的套件可以使用，然而隨著 node.js 的發展越來越廣泛，也有許多因應的套件產生，今天將會介紹利用 FB 提供的 Graph API 來爬留言版。
在 slack 建立 hubot
slack 推出 bot 在 2016 這個時間點已經不算新鮮事，隨著 messenger 也推出自家的 bot 後，才真正開始接觸架設自己的 bot，網路上查到都是日文的資源較多，因此記錄這篇過程，希望能幫助到其他中文開發者。
從 deploy node.js 專案所學
學習 Node.js 已經兩年之餘，這段時間陸陸續續在開發上遇到一些問題（雷），然而隨著時間累積的叫做經驗，因此藉由此篇文章記錄從本機 development 環境到遠端 Linux 上的 production 所得到的經驗。
從 Pocket 儲存全文到 Evernote
Pocket 是一款可以稍候待讀的 app，其漂亮的介面和離線閱讀的功能，使我對於它愛不釋手。 然而從英語語系出發的 Pocket 團隊，雖然在專業版提供全文檢索（full text search）的功能，但是在繁體中文上面還是略顯不足，常常找不到已經封存的文章內容，因此本篇記錄利用 Pocket 儲存到 Evernote 的過程。
Linux 之 command line 上手
開發者對於 command line 一定不陌生，然而 Mac OS 會受到許多開發者的青睞，是因為其本身就是依照 unix 系統做開發，因此對於虛擬主機需要用到 command line 自然不陌生，整合性很好。
這篇 blog 記錄網站開發超過兩年半經驗的我，最常用到的終端機指令 (command line)。
利用 crontab 來做 Linux 固定排程
Sublime 與 iTerm 的視窗配置
常用的編輯器是 Sublime Text 3，但是終端機是 iTerm2，兩者一直沒有 IDE 般的整合。 本篇記錄下如何更改 iTerm2 的視窗配置，讓兩者操作體驗上有更佳的配合。
Sublime Text 3 Mac 指南
本篇是我根據自己使用習慣所做的快捷鍵整理，使用 sublime text 這套編輯器已經有 2 年之餘，本身是個快捷鍵愛好者，對於發掘好用的快捷鍵樂此不疲，因此整理常用的快捷鍵在這篇，針對的是 mac 使用者所使用者快捷鍵，希望對各位有幫助。
Nginx remove .html filename
Nginx 是一套輕量化的 web server，因為它的輕量、高效能而越來越多人喜歡使用它來做為網頁伺服器或是反向代理伺服器，本篇將介紹靜態網頁在 nginx 上移除.html 附檔名的作法。
為你的mac終端機加上alias
在使用 iTerm（終端機）一段時間後，總覺得每次開啟新分頁，要進入到一個很深的資料夾略顯麻煩，因此上網查了簡易的方法，很快速便可以讓自己少打很多 code，把時間花在其他更重要事情上。
Web好UI設計法則 2
本文譯自goodui，會寫這系列並非逐字翻譯，而是在研讀過後利用自己的方式表達並記錄分享之，全文圖片版權皆為 goodui.org 所有，此為系列第 2 篇。
Nginx with Node.js in different port
Nginx 因為它的輕量、高效能而越來越多人喜歡使用它來做為網頁伺服器或是反向代理伺服器。
由於近期想要把不同的 node.js 程式放在同一個 server，因此開始研究 nginx 用法，記錄下來我的實作方式。
CI初體驗for靜態頁面
Web好UI設計法則 1
Sublime Text 2 實用套件
wordpress解決permalink固定網址問題
本 case 為希望主目錄可以直接連到 wordpress，但是 wordpress 是另外放在一個資料夾。
主目錄：/var/www
wordpress資料夾：/var/www/blog
EC2利用tasksel架wordpress經驗分享
Sublime Text 2 實用技巧
Sublime Text 2 是一套越來越火紅的編輯器，如果你是接觸網頁開發，想必對於這套軟體不陌生，以下分享幾個好用的技巧，都是我自己平常比較常使用的技巧，因為我本身是一個懶得看文件的人，所以就整理這篇與大家分享。
2013 JSDC所見聞
這是第二屆的 JSDC，由 TonyQ 及三大社群舉辦的聚會，非常幸運的我能順利的利用社群票的機制搶到票，在眾多非常有經驗的強者面前，聽完他們的分享，越感覺自己對於網頁開發充滿了熱情！
建立自己的GitHub Project Pages
在 GitHub 使用上，我算是初新者，有疑問才有進步。每當看到有人把好玩的東西放到 GitHub 上面變成靜態頁面，都會很想知道他是怎樣辦到的。結果不難，就是利用 GitHub Pages 來做到。
在hexo自訂rss
趁著好朋友在旁邊的情況下，請教他學會了在 hexo 自訂 rss，再次感受到技術這種東西，真的是當面交流才會發揮他的效益。
利用pseudo element 讓html更簡潔
趁著記憶猶新的狀況，記錄自己使用偽元素 (pseudo-element)讓原本的 html 架構更加簡潔的方法。
客製化hexo light theme
分享一些目前知道的客製化 theme 技巧。
其實非常簡單，但是這些技巧如果沒有問過或是自己看過文件，
一時間也無法摸透，所以覺得應該值得把它記錄下來。
建立自己blog的subdomain
有鑑於 kpman.github.io 這一個網址實在太難記了，所以就決定將自己有的 domain 利用 subdomain 的方式指過來。
以下的介紹是我的個案，我利用 subdomain 而非 TLD 去做。
hexo架blog初體驗
是這樣的，一直想要找一個空間，可以清爽的放 code，可以跟其他人交流
有鑑於系上好朋友們紛紛都建立起自己的部落格，因此我也加入了這個行列。
報著取之於人，回饋之於人的心情，我想要把自己從無到有架設這一個 blog 的過程記錄下來
謝謝那些願意指導我的朋友們！