前端新米

公司目前在架構規劃中，App API 層傾向使用 Go 語言，相較於 Rust學習曲線較高，Go 在高並發處理和資料串流中繼上同樣有優勢，語法也比較直覺，如果本來就有 TypeScript 背景，上手門檻相對較低。

這系列筆記預計以 《Golang 打造 Web 應用程式》 搭配 《GOを早く学ぶ：完全チュートリアル》 入門影片，一邊實作一邊整理重點，當作日後查詢用的學習筆記。

在 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 平台使用心得
• 結語