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

0 Like 0 留言 8170 瀏覽

鐵人賽 Modern Web DAY 24

Fastify 101 系列第 24 篇

技術 [Fastify] Day24 - Upload File to Object Storage (MinIO)

大家好，我是 Yubin 這篇文章會跟大家介紹如何實作上傳檔案到 Object Storage。並在本地端建立相應的開發環境，使用的 Object Storag...

Yubin ‧ 2022-10-09

10 Like 4 留言 5497 瀏覽

達標好文技術 [整理向]2022 iThome 鐵人賽網頁開發小小地圖.fin

　以下整理大多主題為Modern Web，歡迎留言debug 2022 iThome 鐵人賽網頁開發小小地圖前端三本柱從0開始系列【每天5分鐘...

前端小小咖 ‧ 2022-08-08

0 Like 0 留言 4917 瀏覽

鐵人賽 DevOps DAY 14

其實沒有那麼難 — Docker 系列第 14 篇

技術 D14 - Vue with NGINX

想起之前，我偶爾也協助佈署前端網站，佈署前端的其中一個基本作法，是在 Server 上安裝 NGINX，並指向前端建置的 dist/ 資料夾，既然我們目前也學...

Louis ‧ 2022-09-29 ‧團隊好想工作室 v6.0

0 Like 0 留言 4899 瀏覽

鐵人賽 DevOps DAY 3

其實沒有那麼難 — Docker 系列第 3 篇

技術 D3 - Docker Image ft. node image 差異

今天我們來深入做點研究，以前就發現，一項官方的 docker image，總是會有很多不同的 image 版本，其中有什麼差異，一直都沒有仔細研究，今天就讓我...

Louis ‧ 2022-09-18 ‧團隊好想工作室 v6.0

1 Like 0 留言 4780 瀏覽

鐵人賽 DevOps DAY 27

其實沒有那麼難 — Docker 系列第 27 篇

技術 D27 - Fluentd

今天要來研究 Fluentd 這一套工具，在我打聽時，有前輩跟我推薦了 Fluentd，說是業界很常用的 Docker Log 收集工具，同時在昨天分享的文章...

Louis ‧ 2022-10-12 ‧團隊好想工作室 v6.0

1 Like 1 留言 4684 瀏覽

技術 2022 鐵人賽｜Day2 【JavaScript】取整數

附上為何鐵人賽文章會出現在這裡的說明：2022 鐵人賽｜Day1 報名失敗，還是要開賽吧！背景脈絡在自我介紹時有提到，目前筆者正透過兩種管道在學習前端語言，...

Kim ‧ 2022-09-17

0 Like 0 留言 4490 瀏覽

鐵人賽 DevOps DAY 19

其實沒有那麼難 — Docker 系列第 19 篇

技術 D19 - 建立 Image manifest

昨天研究了 Image Manifest 的概念，提到了通常官方的 Docker Image 都有 Manifest、並提供多種架構的 image，那既然官方...

Louis ‧ 2022-10-04 ‧團隊好想工作室 v6.0

0 Like 0 留言 4195 瀏覽

鐵人賽 Modern Web DAY 16

Fastify 101 系列第 16 篇

技術 [Fastify] Day16 - Content-Type Parser

大家好我是 Yubin 當有一個 request 進來的時候，要如何去解析 (Parsing) 他帶過來的 Payload，會利用到 ContentTypeP...

Yubin ‧ 2022-10-01

0 Like 1 留言 4116 瀏覽

鐵人賽 Modern Web DAY 27

Fastify 101 系列第 27 篇

技術 [Fastify] Day27 - 網站整合 Keycloak 登入 (fastify-keycloak-adapter)

大家好，我是 Yubin 本篇文章會介紹什麼是 Keycloak，一步一步在本地端把 Keycloak 伺服器打起來，並使用 fastify-keycloak-...

Yubin ‧ 2022-10-12

0 Like 0 留言 4047 瀏覽

鐵人賽 DevOps DAY 15

其實沒有那麼難 — Docker 系列第 15 篇

技術 D15 - NGINX-Certbot Image

我們在 D13 - NGINX Image 時介紹了 NGINX 的基本用法，假設我們的 API 開發完成，Domain 跟 DNS 也處理好了，NGINX...

Louis ‧ 2022-09-30 ‧團隊好想工作室 v6.0

0 Like 0 留言 3872 瀏覽

鐵人賽 DevOps DAY 18

其實沒有那麼難 — Docker 系列第 18 篇

技術 D18 - 不同的 CPU 架構與 Image manifest

我在前陣子開發專案的過程中，才發現了原來不同 CPU 架構的電腦，會需要使用不同的 Docker Image，仔細想想也是合理，Docker 是跑在 OS 之...

Louis ‧ 2022-10-03 ‧團隊好想工作室 v6.0

3 Like 1 留言 3212 瀏覽

技術 2022鐵人賽-誰說資安寫不了情書-實體化

2024年「雨水」剛過的幾天，走進了台北的天瓏門市看到放在天瓏第一排的「誰說資安寫不了情書」沒想到從一開始到此刻，25年就這樣過去了。人生意外到，竟然...

SunAllen ‧ 2024-02-20

0 Like 0 留言 3151 瀏覽

鐵人賽 Modern Web DAY 23

Fastify 101 系列第 23 篇

技術 [Fastify] Day23 - Upload File

大家好，我是 Yubin 在網頁的應用上，常常會需要上傳的功能，上傳文件上傳圖片等。本篇文章來介紹在 Fastify App 開發上，使用 Fastify-Mu...

Yubin ‧ 2022-10-08

0 Like 0 留言 3060 瀏覽

鐵人賽 Modern Web DAY 28

Fastify 101 系列第 28 篇

技術 [Fastify] Day28 - Containerization (Dockerfile)

大家好，我是 Yubin 這邊文章將介紹把 Fastify App 包成 Image 的方法與注意事項。前情提要假設我們手上有一個 Fastify 的專案...

Yubin ‧ 2022-10-13

0 Like 0 留言 2736 瀏覽

鐵人賽 Modern Web DAY 4

Fastify 101 系列第 4 篇

技術 [Fastify] Day04 - Fastify-CLI

大家好，我是 Yubin 本篇介紹利用 Fastify 官方團隊的 CLI 工具: Fastify-CLI 來快速建立 Fastify 專案安裝 npm i...

Yubin ‧ 2022-09-19

1 Like 0 留言 2726 瀏覽

鐵人賽 Modern Web DAY 10

Fastify 101 系列第 10 篇

技術 [Fastify] Day10 - Lifecycle

大家好，我是 Yubin 這篇文章講 Fastify 的生命週期，搭配 Fastify Hook 可以在各個階段做不同的動作。 Lifecycle Reques...

Yubin ‧ 2022-09-25

0 Like 0 留言 2696 瀏覽

鐵人賽 Modern Web DAY 1

Fastify 101 系列第 1 篇

技術 [Fastify] Day01 - 系列文介紹

大家好，我是 Yubin 這一系列的文章會以 Fastify 為主要使用的工具，講一些後端開發必須知道的概念知識以及實作。 Fastify Fastify 是一...

Yubin ‧ 2022-09-16

0 Like 1 留言 2652 瀏覽

鐵人賽 DevOps DAY 4

其實沒有那麼難 — Docker 系列第 4 篇

技術 D4 - Docker Installation

進入第四天了，接下來我預計每三天為一個主題上的循環，分別是第一天做講解或教學，第二天做點玩具來，第三天則對某個 Docker 議題深入研究，於是，今天讓我們來...

Louis ‧ 2022-09-19 ‧團隊好想工作室 v6.0

0 Like 0 留言 2624 瀏覽

鐵人賽 Modern Web DAY 26

Fastify 101 系列第 26 篇

技術 [Fastify] Day26 - 前後端整合 React and Fastify-Static

大家好，我是 Yubin 這篇文章會介紹如何將 Fastify 作為後端，並整合前端網頁，由 Fastify App 作為前端網頁的 Host，實現 Full...

Yubin ‧ 2022-10-11

0 Like 0 留言 2604 瀏覽

鐵人賽 Modern Web DAY 22

Fastify 101 系列第 22 篇

技術 [Fastify] Day22 - Testcontainers

大家好，我是 Yubin 這篇文章會跟大家介紹什麼是 Testcontainers，以及使用 vitest 這個測試框架實際整合 testcontainers...

Yubin ‧ 2022-10-07

0 Like 0 留言 2565 瀏覽

鐵人賽 DevOps DAY 13

其實沒有那麼難 — Docker 系列第 13 篇

技術 D13 - NGINX Image

NGINX 是個在業界廣泛使用的 Web Server，也稱為 Reverse Proxy，用途是把進入 Server 的 Request 導向給指定的服務來處...

Louis ‧ 2022-09-28 ‧團隊好想工作室 v6.0

0 Like 0 留言 2522 瀏覽

鐵人賽 Modern Web DAY 12

Fastify 101 系列第 12 篇

技術 [Fastify] Day12 - FastifyReply

大家好，我是 Yubin 在定義 route handler 的時候，第一個參數傳入的是 FastifyRequest，第二個參數是 FastifyReply，...

Yubin ‧ 2022-09-27

0 Like 0 留言 2492 瀏覽

鐵人賽 DevOps DAY 9

其實沒有那麼難 — Docker 系列第 9 篇

技術 D9 - 在 Gitlab CICD 使用 Build Cache 加速

我們在 D6 - Build Cache 時，說到了 Docker 可以在建置 Image 時複用已經存在的 Image 來加速，如果在同一台 Server 上...

Louis ‧ 2022-09-24 ‧團隊好想工作室 v6.0

1 Like 0 留言 2485 瀏覽

鐵人賽 Modern Web DAY 5

Fastify 101 系列第 5 篇

技術 [Fastify] Day05 - HTTP Header

大家好，我是 Yubin 本篇文章會介紹 HTTP Header 的基本知識，以及透過 Fastify 要如何控制 HTTP Header。當我們定義了一個像...

Yubin ‧ 2022-09-20

0 Like 1 留言 2445 瀏覽

鐵人賽 Modern Web DAY 7

Fastify 101 系列第 7 篇

技術 [Fastify] Day07 - FastifyInstance and FastifyServerOptions

大家好，我是 Yubin 這篇文章介紹 Fastify server 在程式中的實體 (instance)，Type 定義在 FastifyInstance。...

Yubin ‧ 2022-09-22

0 Like 0 留言 2426 瀏覽

鐵人賽 Modern Web DAY 17

Fastify 101 系列第 17 篇

技術 [Fastify] Day17 - Validation and Serialization with Typebox

大家好我是 Yubin 當一個 Request 進來，在進入 route handler 之前，他的 Payload 應該要被經過驗證 (Validation...

Yubin ‧ 2022-10-02

0 Like 0 留言 2406 瀏覽

鐵人賽 Modern Web DAY 9

Fastify 101 系列第 9 篇

技術 [Fastify] Day09 - Hook

大家好，我是 Yubin 這篇文章會講 Fastify 的 Hook，可以監聽特定的事件，在事件觸發前呼叫自己想要的處理函式。本文中的 server 指的...

Yubin ‧ 2022-09-24

0 Like 0 留言 2401 瀏覽

鐵人賽 Modern Web DAY 6

Fastify 101 系列第 6 篇

技術 [Fastify] Day06 - Route

大家好，我是 Yubin 我們在開發網頁後端的時候，常常會需要定義一些 API。本篇講一下透過 Fastify 的 Route 來定義 API Endpoint...

Yubin ‧ 2022-09-21

0 Like 0 留言 2395 瀏覽

鐵人賽 Modern Web DAY 13

Fastify 101 系列第 13 篇

技術 [Fastify] Day13 - Decorator

大家好，我是 Yubin 透過 Decorator API，可以讓開發者自訂 Fastify 的核心物件，包括 FastifyInstance, Fastify...

Yubin ‧ 2022-09-28

1 Like 0 留言 2386 瀏覽

鐵人賽 Modern Web DAY 2

Fastify 101 系列第 2 篇

技術 [Fastify] Day02 - 開發環境準備

大家好，我是 Yubin 這邊講的是開發 Fastify 應用程式需要準備及建議準備的程式或工具。 NodeJS Node 是一個開源且跨平台的 JavaScr...

Yubin ‧ 2022-09-17