前端新米

在 TypeScript 中，type（型別別名）與 interface（介面宣告）都可以用來描述資料的型別結構。

在定義 Object Types（物件型別）時，兩者寫法看起來幾乎相同，許多情況下還可以互換使用，但它們在設計目的與使用範圍上仍存在一點差異。

本文的結論其實很簡單：

只在 type 做不到的時候，才使用 interface。

這篇文章將從以下幾個角度說明為什麼：

• type 與 interface 的核心差異
• interface 不可取代的場景
• 實務上的使用判斷流程

GitHub - https://github.com/shadcn-ui/ui

What is Shadcn UI?

Shadcn UI 是基於 Tailwind CSS 底層封裝 Radix UI 的 React UI 元件集合，能夠支援 Next.js, Astro, Remix, Gatsby 等框架。

最近又開始用 Codewars 來練習刷題，也嘗試開一個 Repository：codewars-challenges 記錄作答結果，蠻喜歡這種能夠慢慢升級的感覺，答題結束還能參考其他人的解法，才恍然大悟原來還有更簡潔的思路。

發現自己對於一些 JavaScript 函式使用還是不太熟，把之前寫過的筆記重新複習過，本篇主要整理 JS 常見的內建函式，列表如下：

前言

在開發網站時，多國語系功能（i18n）是很常見的需求，能根據使用者需求切換網站顯示的語言。這陣子在 Next.js 專案中意外踩了幾個坑，寫下學習筆記作為紀錄。

前言

這篇主要用來記錄 Next.js 開發過程採的坑，後續也會不定期更新：

• 問題一：如何修復 "Window is not defined" error
• 問題二：在 use client 頁面實作動態路由顯示 missing generateStaticParams() error

Ref: Next.js - Parallel Routes

前言

接續上篇文章 【學習筆記】談談 Next.js：基於 React 的 SSR 框架，初步瞭解 Next.js 這套框架的特性以及網頁渲染方式，本篇將實際建立 Next.js 專案，以及介紹 Page Router 與 APP Router 兩種路由系統的差異。

前言

在認識 Next.js 之前，建議先複習 React 的相關知識，可參考過去的《[week 21] 初探 React：Component、JSX 語法、props 與 state 的不同》系列筆記。

距離上次碰 React 感覺已經是好久以前的事情了，趁著這次組內專案需求，預計導入 Next.js 框架技術，寫下這篇學習筆記做記錄。

前言

在上一篇文章 Google 廣告｜比較 Google Ads、AdSense、AdMob 和 Ad Manager 的區別 中，介紹幾種與 Google 廣告相關的服務。

接下來，將會介紹如何使用 Google AdSense，從申請帳號資格到實際設定廣告投放。

如何使用 Google AdSense

以下是官方 AdSense 頻道的影片介紹：

在最後結語部分，稍微記錄這次在翻譯時的一點心得感想，內容可分為以下幾點：

• 翻譯流程
• 文章管理
• 輔助翻譯工具
• 其他選擇
• iThome 平台使用心得
• 結語

原文連結：技術に興味がなくて何が悪い？ - Qiita

最後選擇這篇文章作為結尾，是自己也覺得挺有意思的主題。

作者從自身角度，說明為何不贊同「對技術不感興趣的人不適合成為工程師」這項論點；再進一步透過自身經歷，分享即使對技術不感興趣，該如何以工程師的身份面對工作。

畢竟自己對於技術本身，可能也稱不上是「充滿興趣」的那一側人種，但不可否認的是，學習也好，工作也罷，若能從中獲得成就感，仍舊是讓人樂此不疲的事情。