60 秒新知

用 <dialog> 輕鬆實作 Modal 對話框

沒查不知道現在做 Modal 這麼簡單⋯⋯。 原來所有的瀏覽器都早已支援 <dialog> 標籤，可以不用像古早時代實作 modal 要寫一大堆 CSS, Javascript 就為了讓對話框隱藏、彈出來甚至消失，

Posted on  May 9, 2023  by  Amo Chen  ‐ 1 min read

All Things AI - 來喔～有批 AI 服務好便宜啊～

All Things AI 搜羅了一大堆 AI 相關服務，還很細心的分門別類，包含生成影像、生成程式碼、寫作相關等等，有需要的人可以逛一逛，說不定可以挖到不錯的服務幫助

Posted on  May 8, 2023  by  Amo Chen  ‐ 1 min read

SWR - 輕鬆完成資料載入(Data fetching)的 React 套件

SWR 是我跟 ChatGPT 商討一些功能實作時，發現由 Vercel 團隊（知名的 Next.js 開發團隊）所開源的 React 套件，可以幫我們輕鬆完成 React 頁面載入之前需要呼叫 API 拿資料的任務。 以往這

Posted on  May 7, 2023  by  Amo Chen  ‐ 1 min read

好文共賞 - How Kubernetes And Kafka Will Get You Fired

”How Kubernetes And Kafka Will Get You Fired“ 這篇文章一眼就抓住我的注意力，因為個人先前也經歷過使用 K8s 與 Kafka 的公司，文中所提及的情況也與我遇到的相似： 維運成

Posted on  May 5, 2023  by  Amo Chen  ‐ 1 min read

20 個 TypeScript 改善程式碼品質的最佳實務

學習 TypeScript 時可以完全理解它所帶來的好處，但也許是不夠熟稔 Javascript 的緣故，在讀文件時經常會無法想像它所提供的各式各樣靈活的型別可以實際使用在哪些地方，譬

Posted on  May 4, 2023  by  Amo Chen  ‐ 1 min read

依賴反轉原則 - Dependency Inversion Principle

設計軟體時，有個原則被稱為依賴反轉原則。 依賴反轉原則是透過抽象化一層介面，讓物件之間透過議定好的介面進行溝通，舉結帳這件事情為例，我們可以將

Posted on  May 3, 2023  by  Amo Chen  ‐ 1 min read

Python Dependency Inject Framework - injector

前陣子才提到依賴注入(Dependency Injection, DI), 今天就看到 Python 也有類似的套件可以使用。 injector 可以從 type annotation 知道要注入什麼相依的變數，例如： from injector import inject class MyClass: @inject

Posted on  May 2, 2023  by  Amo Chen  ‐ 1 min read