Wagmi 是一個專為以太坊應用程序設計的 React Hooks 集合,提供開發者所需的一切工具,使區塊鏈前端開發變得簡單高效。通過類型安全、可擴展和模塊化設計,Wagmi 讓開發者能夠專注於構建高性能的區塊鏈前端體驗,而不必擔心底層複雜性。
AutoCorrect 是一個強大的文案格式化工具,能夠自動糾正中日韓(CJK)與英文混合使用時的常見問題,如標點符號、空格等。本文將介紹如何透過 GitHub Actions 的自動化工作流程,讓您的繁體中文文章在推送到 GitHub 時自動進行格式化,有效提升文章的專業度和可讀性。
解析 OpenAI CEO Sam Altman 對 AI 代理在 2025 年進入職場的預測,探討其對企業生產力和全球經濟的影響。
Web3 的機會已經來臨,接下來的三個月,我必須全力以赴。以下是我 2024 年的學習計畫:
2023 年,我回到香港,從全棧工程師,行過死蔭幽谷,現在成爲系統架構師。能夠在 Web3 的世界自由自在地行走,十分感激當初的百般試煉。現在,就讓我回顧這一年我採用的前端後端雲端 Web3 方案,希望可以拋磚引玉
Storybook 最大的優點是它可以提供不同的頁面來顯示組件的不同狀態,讓我們在各種不同的情況下測試和評估組件。通過為不同狀態創建不同的頁面,我們可以輕鬆地測試組件。另外,Storybook 也可以輸出一個 Static Website,可以輕鬆分享給設計師和其他團隊成員,讓他們容易理解組件的外觀和行為。
在編寫組件時,最讓我迷惑的是在我編寫純函數組件,為什麼沒有在代碼裡面調用 React 都需要導入 React。經過一番調研,我發現是因為 JSX 轉譯的設定。不過,人是比較懶惰的,透過安裝 babel-plugin-react-require 插件,達到自動導入 React 的效果。這篇文章將會講述我的調研經歷和一點反思。
GatsbyJS 提供了一個簡單易用的命令行工具,我們可以透過它來構建一個基本的 React 網站,並實時看到修改代碼所帶來的變化。
時光飛逝,我已從大學畢業成為前端工程師。回想這一年,我完成了三件事情:改版博客系統,讓不同用戶可以快速啟動項目,它是我第一個過百 Star 數的項目;翻譯並校對技術文章,學習了不少前端實用的技術;對博客系統框架的 GatsbyJS,ReactJS 技術研究。
感謝各位這些年來閱讀我的博客文章,以及優化博客系統框架,現在,我將為你帶來一個前後端徹底分離,而且可以一鍵啟動的博客框架。
學習如逆水行舟,不進則退。透過這個清單,我可以不斷學習前端知識,掌握更新的技能,天天進化。
世界上不同的程序員,因開源活動而連接一起。這次 Hacktoberfest 活動除了可以拿到活動的限量衣服和貼紙之外,更可以認識到世界上不同的程序員。我看著不斷而來的討論和 PR,我找回了自己在編程上的熱情。如果你有興趣參與開源活動,但不知道如何入手的話,它會是一個不錯的起點。
如果你熟悉申請大學流程的話,你也可以理解 JavaScript 的 filter 方法。相對於 JavaScript 裡面的 map() 和 reduce() 方法來說,filter() 方法也許是最一目了然的方法。
從最初的失望與後悔,到最後的興奮與感動,2017 年可以算是充滿挑戰與機遇的一年。雖然我依然是一個非科班學生,但是這沒有阻止我轉行成為前端工程師,反而成為向前邁進的動力之一。如果沒有這些經歷,我也不會發現自己對於編程的那份熱愛。在此,就讓我回顧一下這一年在自學編程轉行的經歷吧。在開始這篇文章之前,我先戴上頭盔,以防意外。
良好的代碼規範,能夠提高代碼的可閱性,使得項目維護更友好。除了自己設定一個規範外,我們也可以借鑒一下現在流行的代碼規範,讓我們成長之後,再去看細節。
React-markdown 可以把 markdown 語句轉譯為 React 組件,十分方便使用。
在網頁開發的世界裡,尤其是前端開發,我們會用很多時間尋找最好的設計,以及最好的內容。雖然這是沒有錯的,但是,我們會忘記去優化我們的網頁。這會讓用戶需要很久的時間,比如說,瀏覽器需要六秒到十秒以上才能完成整個渲染過程。在這篇文章,我會分享優化網頁的檢查清單。如果你覺得我有錯漏的地方,請在下面留言。這張清單會包含一些優化搜尋引擎排名 (SEO) 的技巧,以及減少網頁加載時間的最佳實踐。
大約兩個星期之前,我在 Facebook 上看到 2017 年的香港開源年會的消息。我想,我是不是可以透過這個機會,認識一下不同領域的程序。於是,我在 EventBrite 上面買了學生票。但最終我拿到 VIP 票了,感覺有點激動。我把這一次的會議做了幾點筆記,也許,每一個人都應該參加最少一次如此有規模的大會。我會在這裡說說我參與這次會議所發生的一些事。
利用 markdown 製作投影片,其實可以很簡單。
二十一世紀的鍊金術士,以 AI 為觸媒,將想法具現化,以邏輯築陣、用創作構築可能。
從 2017 年開始寫作,目前已累積 273 篇煉金筆記。
如果你有 AI 專案、網站開發或技術整合需求,歡迎來信交流: partner@calpa.me
React 開發團隊於 2025 年 2 月 14 日正式宣布淘汰 Create React App (CRA),並鼓勵開發者轉向使用現代框架或構建工具如 Vite、Parcel 或 RSBuild。這一決定標誌著前端開發工具生態系統的重大轉變,開啟了以框架為中心的新時代。
3085 分享
2025年3月21日
2161 分享
2023年10月13日
2022 年 3 月,我曾整理了「一個 Full Stack Developer 的日常」,分享了自己的工作流程和方法論。如今已是 2025 年,前端開發領域已經歷了翻天覆地的變化。讓我們重新審視這個領域,看看三年來發生了什麼變化,以及現在學習前端開發應該採取什麼策略。
1489 分享
2025年3月17日
前端開發作為一個不斷演進的領域,每年都有新的技術和框架湧現。作為一名全棧開發者,我長期以來一直在思考如何系統化地組織前端知識,並將這些知識有效地傳遞給更多人。這篇文章將分享我如何基於台灣招聘市場的研究,構建了一套全面的前端技能圖譜,以及我未來的寫作計劃。
1376 分享
2025年3月25日
在 AI 輔助開發時代,清晰的程式文件不只是寫給人看的,更是讓 AI 工具正確理解你程式碼的關鍵。本文深入解析 Python DocString 的撰寫方式與實用範例,包含 PEP 257、Google 風格與 Numpydoc 樣式,幫助你打造對開發者與 AI 都友善的專業程式碼註解。
1368 分享
2025年4月18日
在 2025 年 3 月 18 日,styled-components 核心維護者 Evan Jacobs(quantizor)宣布曾經風靡 React 社群的 CSS-in-JS 解決方案正式進入維護模式。這個消息對於前端開發社群產生了相當大的迴響,也標誌著前端樣式處理技術的一個重要轉折點。
1031 分享
2025年3月29日
JSDoc 是 JavaScript 生態系統中的強大文檔生成工具,能顯著提升程式碼質量與項目可維護性。本文將深入探討 JSDoc 的優勢,及如何運用 AI 技術自動生成 JSDoc 文檔,使開發流程更加高效。
995 分享
2025年4月06日
最近,一些朋友向我詢問如何自學成為前端工程師,這讓我回想起五年前我自己曾經處於迷茫的交叉路口。當時,我正面臨著轉行的艱鉅挑戰,但我絕不願意放棄。我開始執筆技術文章,並積極參加各種技術競賽。我希望這封信能夠超越時間的限制,給予過去的自己對未來的期望:
918 分享
2023年12月04日
在當今高度競爭的網絡環境中,前端網站性能已成為用戶體驗的關鍵因素。網站加載速度慢不僅降低用戶滿意度,還會影響搜索引擎排名和轉化率。本文將深入探討三種強大的前端優化技術:樹搖優化、打包分析 和 代碼拆分,在 Vite 中實現這些技術,並詳細介紹如何利用 Vite 大幅提升前端應用性能。
886 分享
2025年3月28日
Cloudflare Queues 是專為分散式系統設計的消息佇列服務,支援非同步處理、訊息保證與高吞吐量。本文深入介紹其核心功能、實戰應用與架構優勢,助你打造更穩定、高效的現代應用。
2025年5月10日
GSAP 所有高級插件全面免費,ScrollTrigger、SplitText、MorphSVG 全部解鎖,Webflow 整合無縫對接,一文帶你快速上手。
2025年5月09日
Privy 提供一套簡單強大的 SDK,協助開發者在幾分鐘內實作錢包登入、訊息簽名與交易功能,支援多鏈、多裝置與自託管安全架構。無論你在打造 DeFi Dashboard、NFT 平台還是 Web3 遊戲入口,Privy 都能讓你快速整合區塊鏈功能,專注產品體驗。
2025年5月07日
用 ChatGPT 打造高效創作工作流,讓靈感不再流於空談,而是一步步變成真實成果。這篇實戰指南,寫給正在卡關的你。
2025年5月05日
Vercel AI SDK 是專為開發者打造的 TypeScript 工具包,支援 React、Next.js、Vue、Svelte、Node.js 等主流框架,協助快速構建 AI 驅動應用。本文將深入剖析其統一 API、靈活架構、效能優化及多平台支援等核心亮點。
2025年5月04日
你有遇過 AI 產生的程式碼完全跑不起來嗎?我曾經寫了一段計數器邏輯,結果它怎麼都看不懂。直到我用 TypeScript + 函數式設計重構,才發現——問題不在 AI,而是我們寫得不夠清楚。
想讓 ShareThis 分享按鈕擁有更多彈性與控制權?本教學將教你如何用 Cloudflare Workers 的 KV 資料庫與 Hono 框架,打造一個可擴充的後端 API。不只能保留原有分享數據,更支援快取、資料追蹤與訪問統計,幫助你打造真正可維護的分享統計系統。
2025年5月03日
測試不該拖慢開發流程,而 Vitest 正是讓你「寫測試像開發一樣快」的關鍵武器。還在用 Jest 等太久?Vitest 結合 Vite 高速構建與即時測試回饋,支援 TypeScript、Vue、React 等框架,全面升級你的測試流程!
2025年5月02日
Drizzle ORM 結合 TypeScript 類型安全與 SQL 靈活性,是現代開發者在 Cloudflare D1 上構建 Serverless 數據庫的理想選擇。本文提供從安裝、建模到查詢的完整實戰教學。
126 分享
2025年5月01日
管理圖片資源
快速查詢和定位 IP 地址的地理位置和相關信息
無需後端、無需登入,只需打開瀏覽器即可運行 Python 代碼(由 Pyodide 提供支持)
自動創建適合各種平台的文章封面圖
一鍵創建原作(青山剛昌)的封面圖
探索和使用傳統日本色彩
以視覺化儀表板方式追蹤文章成效、分享熱度與分類分布,協助創作者掌握內容表現。
使用蒙特卡羅方法演示 π 值的估算過程
使用 LLM 模型進行聊天
一鍵創建活動的封面圖
一鍵創建 Wagmi 的封面圖
Facebook Quote
用程式語法編寫旋律,用音符構築想像
一鍵創建 Blurhash
使用 MediaPipe TextClassifier 分類文字
前端工程師免費工具資源
後端工程師免費工具資源
全端工程師免費工具資源
Web3 工程師免費工具資源