iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 197 瀏覽

技術如何用TypeScript寫出你的第一個Eslint Rule

在公司實習時遇到了一個問題，我們會用i18n來去做網站的中英文轉換，我們並且會寫一份json來管理我們所有的key，但會遇到一個問題就是說如果一個key在英文有...

Patrick ‧ 2023-10-08

0 Like 0 留言 265 瀏覽

鐵人賽自我挑戰組 DAY 21

前端工程師在 Qiita 閱讀的雜食筆記系列第 21 篇

技術 Day21 - 日本數位廳的網站太扯了www

原文連結：デジタル庁のサイトやばすぎるwww - Qiita デジタル庁（數位廳）：因應 COVID-19 疫情，日本政府於 2021 年 9 月 1...

Heidi_Liu ‧ 2023-10-06

0 Like 0 留言 256 瀏覽

鐵人賽自我挑戰組 DAY 18

初探全端之旅: 以MERN技術建立個人部落格系列第 18 篇

技術 [Day18]TailwindCSS介紹和安裝

前言在開發前端頁面時我們有多種樣式開發的選擇，可以選擇傳統的CSS寫法、使用UI Framework或Utility-first Framework等，為了達...

Yihsuan ‧ 2023-10-03 ‧團隊Quokka In The Cloud

0 Like 0 留言 419 瀏覽

鐵人賽自我挑戰組 DAY 18

前端工程師在 Qiita 閱讀的雜食筆記系列第 18 篇

技術 Day18 - 推薦給前端工程師的 Chrome 擴充功能

原文連結：フロントエンドエンジニアにおすすめchrome拡張機能 - Qiita 在閱讀 Qiita 時，發現有不少統整系列的文章，可能是對於某技術、指令、...

Heidi_Liu ‧ 2023-10-03

0 Like 0 留言 153 瀏覽

鐵人賽自我挑戰組 DAY 17

初探全端之旅: 以MERN技術建立個人部落格系列第 17 篇

技術 [Day17] React專案初始化

昨天快速介紹過react，今天直接進入實作大綱建立專案並安裝React 安裝開發用到的套件 1.建立專案並安裝React 在要新增專案的地方輸入以下指令...

Yihsuan ‧ 2023-10-02 ‧團隊Quokka In The Cloud

0 Like 0 留言 190 瀏覽

鐵人賽 Modern Web DAY 30

React 走出新手村系列第 30 篇

技術 React 走出新手村 — Rick and Morty練習(II)

Dynamic Routes 我們今天接續的做每個角色自己的頁面，來理解 Dynamic Routes 的實作層面。這部分我們可以先借一下 Next 官方的範例...

LucianoLee ‧ 2023-09-30

0 Like 0 留言 657 瀏覽

鐵人賽 Modern Web DAY 29

用不到 30 天學會基本 TypeScript 系列第 29 篇

技術聲明文件 ( Declaration Files )

本篇只會稍微提到製作聲明文件的方式，並不會有過多深入的探討。為什麼需要聲明文件？有時候當我們使用第三方模組時，它們是依據純 JavaScript 來撰寫...

威爾豬 ‧ 2023-09-29

0 Like 1 留言 276 瀏覽

鐵人賽 Modern Web DAY 29

React 走出新手村系列第 29 篇

技術 React 走出新手村 — Rick and Morty練習(I)

實作練習經過前面的介紹之後，相信大家應該有基礎的理解和認知了，接下來我們一樣透過 Rick and Morty API 來練習如何在 app router 下...

LucianoLee ‧ 2023-09-29

0 Like 0 留言 762 瀏覽

鐵人賽 Modern Web DAY 28

用不到 30 天學會基本 TypeScript 系列第 28 篇

技術裝飾器 ( Decorators )

裝飾器可以使我們可以在類別、方法、屬性或參數上添加元數據（metadata），並根據這些元數據來自動轉化或擴充程式碼。它可以在類別或方法不修改程式碼的情況下做一...

威爾豬 ‧ 2023-09-28

0 Like 0 留言 584 瀏覽

鐵人賽 Modern Web DAY 28

React 走出新手村系列第 28 篇

技術 React 走出新手村 — Next App Router

App Router 那我們來說說 app router 的機制吧！App Router 是 Next 13 新介紹的一種 routing 方式，與之相對過去的...

LucianoLee ‧ 2023-09-28

0 Like 0 留言 668 瀏覽

鐵人賽 Modern Web DAY 27

用不到 30 天學會基本 TypeScript 系列第 27 篇

技術 Utility 型別 Ⅱ

之前我們講過了幾個 Utility 型別 Ⅰ，忘記了的小夥伴可以再來看看。TypeScript 還提供了其它的 Utility 型別工具： Extract Ex...

威爾豬 ‧ 2023-09-27

0 Like 0 留言 329 瀏覽

鐵人賽 Modern Web DAY 27

React 走出新手村系列第 27 篇

技術 React 走出新手村 — React Server Components

緣起官方介紹影片連結，我也是做這個主題才知道，原來這個概念已經存在那麼久了，那我們快速講解他的成因吧！影片整理目的Dan Abramov 說出了我們前端開...

LucianoLee ‧ 2023-09-27

1 Like 0 留言 816 瀏覽

鐵人賽 Modern Web DAY 26

用不到 30 天學會基本 TypeScript 系列第 26 篇

技術高級型別

在一開始我們就介紹了聯合類型和交叉類型這兩種常用到的高級型別，威爾豬自己也是比較常使用它們。這次我們來看看還有哪些高級型別可以使用：映射類型 ( Mapp...

威爾豬 ‧ 2023-09-26

0 Like 0 留言 290 瀏覽

鐵人賽 Modern Web DAY 26

React 走出新手村系列第 26 篇

技術 React 走出新手村 — Next SSR

SSR Next 的 SSR（Server-Side Rendering）的概念是在每個使用者請求時動態產生頁面內容，而不是提前產生靜態 HTML 頁面，這樣頁...

LucianoLee ‧ 2023-09-26

0 Like 0 留言 269 瀏覽

鐵人賽 Modern Web DAY 25

React 走出新手村系列第 25 篇

技術 React 走出新手村 — Next ISR

ISR概念 ISR（Incremental Static Regeneration）是 Next.js 在（SSG）的基礎上做出的改進方法，讓頁面在構成之後根據...

LucianoLee ‧ 2023-09-25

0 Like 0 留言 333 瀏覽

鐵人賽 Modern Web DAY 24

React 走出新手村系列第 24 篇

技術 React 走出新手村 — Next SSG

關於渲染的構想 pre-rendering 一直是 Next.js 的核心思想，他們將其分為兩種實作方法，一個是 Rendering，也就是一般的渲染概念，另一...

LucianoLee ‧ 2023-09-24

0 Like 0 留言 314 瀏覽

鐵人賽 Modern Web DAY 23

React 走出新手村系列第 23 篇

技術 React 走出新手村 — 認識Next

動機主要還是想順著開頭篇章繼續補完 React server component，所以接下來就是會碰到 Next 這個框架，因為他與 React18 合作開發...

LucianoLee ‧ 2023-09-23

0 Like 0 留言 224 瀏覽

鐵人賽 Modern Web DAY 22

React 走出新手村系列第 22 篇

技術 React 走出新手村 — CSR處方簽

溫馨提示在之前架構和渲染機制的文章有提到一些渲染機制的基礎，還不熟悉的朋友可以先去閱讀那篇文章。那麼我們今天就來聊聊如何改善 Client Side Ren...

LucianoLee ‧ 2023-09-22

0 Like 1 留言 1159 瀏覽

鐵人賽 Modern Web DAY 21

用不到 30 天學會基本 TypeScript 系列第 21 篇

技術泛型（Generics）

泛型在 TypeScript 裡，是很重要的一個環節，幾乎都會看到它的身影。在前面的文章範例裡，應該或多或少都有使用到泛型，那泛型究竟是什麼？為什麼這麼重要呢？...

威爾豬 ‧ 2023-09-21

0 Like 0 留言 254 瀏覽

鐵人賽 Modern Web DAY 21

React 走出新手村系列第 21 篇

技術 React 走出新手村 — 資料夾的分類

分類的哲學這次要分享的是大家檔案分類的進化過程，分類檔案其實也蠻有學問的，一方面是語意上的邏輯，另一方面是資料夾內的檔案性質問題，一般來說我們會盡量把開發中的...

LucianoLee ‧ 2023-09-21

0 Like 0 留言 334 瀏覽

鐵人賽 Modern Web DAY 20

React 走出新手村系列第 20 篇

技術 React 走出新手村 — 創造合邏輯的組件

Compund Pattern 這次要分享的是 Compound Pattern，如果你常常使用一些 component library 的話，這樣的使用你應該...

LucianoLee ‧ 2023-09-20

0 Like 0 留言 446 瀏覽

鐵人賽 Modern Web DAY 19

React 走出新手村系列第 19 篇

技術 React 走出新手村 — 路由基礎

你也是這樣嗎？有太多新手在基礎還不熟的情況下，只因為路由設定的原因，改學用 Next 框架，但相信我 React-router-dom 真的不難，而且在選擇用...

LucianoLee ‧ 2023-09-19

0 Like 0 留言 260 瀏覽

鐵人賽 Modern Web DAY 18

React 走出新手村系列第 18 篇

技術 React 走出新手村 — 在組件裡犯的錯(II)

前言今天我們接續前一篇的案例，再來講講一些NG的案例，總是會有一些講不聽不想拆 component 的人，在新版本的環境下應該會被強制修改，因為如果不改的話會...

LucianoLee ‧ 2023-09-18

0 Like 0 留言 151 瀏覽

鐵人賽自我挑戰組 DAY 2

網頁開發初心者翻譯蒟蒻 : JavaScript篇系列第 2 篇

技術網頁開發初心者翻譯蒟蒻 : JavaScript篇【Day2】- 什麼是JavaScript

Hello 大家好！👋 又見面了～我是30才跨領域轉職女子 - SOP小姐，前一天和大家提到這系列文的緣起，今天來讓大家快速了解一下什麼是JavaScript，...

Miss_SOP | SOP小姐 ‧ 2023-09-17

0 Like 0 留言 253 瀏覽

鐵人賽 Modern Web DAY 17

React 走出新手村系列第 17 篇

技術 React 走出新手村 — 在組件裡犯的錯(I)

因果關係這次來分享 code review 時常常會看到的問題，這些問題常常看不出來有什麼影響，甚至有的人會覺得那是 coding style 的範疇，尤其是...

LucianoLee ‧ 2023-09-17

0 Like 0 留言 257 瀏覽

鐵人賽 Modern Web DAY 6

從0開始的的Angular站台架設-Stnadalone 系列第 6 篇

技術 D5 Angular 系統設計思維與層級劃分 - 如何進行前端系統設計

很簡單啦，你就Draw.io畫一畫就好了啦想必有部分的朋友一定有聽過自家前輩或是社群中的大神這樣子說過。但愛因斯坦說的才能不足以研究數學轉而決定研究物理，跟...

Otto_auto ‧ 2023-09-16

0 Like 0 留言 134 瀏覽

鐵人賽自我挑戰組 DAY 1

網頁開發初心者翻譯蒟蒻 : JavaScript篇系列第 1 篇

技術網頁開發初心者翻譯蒟蒻 : JavaScript篇【Day1】- 前言

前言 Hello 大家好！我是30才跨領域轉職女子 - SOP小姐，在29歲這年決心轉職，跨入網頁開發的領域開始學習前端技能，並期待在30歲這年可以送給自己一...

Miss_SOP | SOP小姐 ‧ 2023-09-16

0 Like 0 留言 350 瀏覽

鐵人賽 Modern Web DAY 16

React 走出新手村系列第 16 篇

技術 React 走出新手村 — 樣式的選擇

選擇障礙這個話題在 React 生態系裡面永遠討論不完，這次想分享我自己使用上的見解，別看我都在講些hook function的使用，css 我也是略懂略懂，...

LucianoLee ‧ 2023-09-16

0 Like 0 留言 397 瀏覽

鐵人賽 Modern Web DAY 15

React 走出新手村系列第 15 篇

技術 React 走出新手村 — 表單進化論

表單處理這篇文章是我從事教學很常遇到的統整，我有系列專門解釋怎麼一步一步讓自己邁向 pro 的過程，有興趣了解更多的話可以參考這個連結，裡面有所有我所統整的R...

LucianoLee ‧ 2023-09-15

0 Like 0 留言 248 瀏覽

鐵人賽 Modern Web DAY 14

React 走出新手村系列第 14 篇

技術 React 走出新手村－高階組件 (H.O.C.)

概念在JavaScript中，高階函數（Higher Order Functions）是指可以接受函數作為參數或callback function的函數，簡單...

LucianoLee ‧ 2023-09-14

技術 如何用TypeScript寫出你的第一個Eslint Rule