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

0 Like 0 留言 979 瀏覽

鐵人賽影片教學 DAY 28

前端工程師也能開發全端網頁：挑戰 30 天用 React 加上 Firebase 打造社群網站系列第 28 篇

技術前端工程師也能開發全端網頁：挑戰 30 天用 React 加上 Firebase 打造社群網站｜Day28 留言電子郵件通知

連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...

谷哥 ‧ 2021-09-28

0 Like 0 留言 976 瀏覽

鐵人賽影片教學 DAY 20

前端工程師也能開發全端網頁：挑戰 30 天用 React 加上 Firebase 打造社群網站系列第 20 篇

技術前端工程師也能開發全端網頁：挑戰 30 天用 React 加上 Firebase 打造社群網站｜Day20 會員選單

連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...

谷哥 ‧ 2021-09-20

0 Like 0 留言 975 瀏覽

鐵人賽影片教學 DAY 15

前端工程師也能開發全端網頁：挑戰 30 天用 React 加上 Firebase 打造社群網站系列第 15 篇

技術前端工程師也能開發全端網頁：挑戰 30 天用 React 加上 Firebase 打造社群網站｜Day15 對文章按讚

連續 30 天不中斷每天上傳一支教學影片，教你如何用 React 加上 Firebase 打造社群網站！歡迎訂閱分享！ #React #Firebase #前...

谷哥 ‧ 2021-09-15

1 Like 0 留言 960 瀏覽

鐵人賽 SideProject30 DAY 18

用 React 和 Firebase 打造一個完整 side project 吧！系列第 18 篇

技術 Day18：在 React 專案中使用 Firebase Authentication 實作會員管理(一)

好，目前已將 Firebase 的服務都設定的差不多了，接下來就是一一實作將功能與頁面結合。提示訊息元件在實作之前，我們來建立一個提示訊息元件，因為串接功能...

Annie ‧ 2023-10-03

2 Like 0 留言 958 瀏覽

鐵人賽 SideProject30 DAY 1

用 React 和 Firebase 打造一個完整 side project 吧！系列第 1 篇

技術 Day01：在 side project 開始之前

本文同步刊載於我的部落格 30天可以做什麼？身為一位工程師，最需要的就是以 side project 來展示自己的技能，在一年一度的鐵人賽中看見 sid...

Annie ‧ 2023-09-16

1 Like 0 留言 946 瀏覽

鐵人賽 SideProject30 DAY 15

用 React 和 Firebase 打造一個完整 side project 吧！系列第 15 篇

技術 Day15：快速於 React 專案引入 Firebase 服務

於前一篇的前置準備完成後，我們已在網路空間新增一個 Firebase 專案了。然而因為刻畫面耗時較長，也希望在刻畫面的同時能夠同時串接資料(就不要為了頁面呈現而...

Annie ‧ 2023-09-30

0 Like 0 留言 933 瀏覽

鐵人賽 Modern Web DAY 18

Node.js 從零開始系列第 18 篇

技術 Node.js - child() 子路徑、remove()刪除資料

child 子路徑前面已經學到如果這樣寫是抓取根目錄： firebase.database().ref(); 如果要指定根目錄底下的資料路徑則可以這樣寫，...

Tim Hsu ‧ 2022-10-03 ‧團隊貓肥家潤一條龍

0 Like 0 留言 874 瀏覽

鐵人賽 SideProject30 DAY 21

從零開始的firebase與Vue框架ーSNS專案系列第 21 篇

技術 Day21—開發日記（五）使用v指令將資料傳入firebase的Authentication

前言今天是開發的Day5，重點為使用vue指令拿到使用者輸入資料後傳進去firebase的Authentication。實現內容註冊頁面用vue指令拿...

ch0902 ‧ 2023-10-06 ‧團隊好想工作室 v7.0

0 Like 0 留言 849 瀏覽

鐵人賽 Mobile Development DAY 25

我的 Android 工具箱系列第 25 篇

技術 Day 25 - [發佈] 02-功能強大的輕量級當機回報 - Crashlytics

情境接續上篇 [發佈] 01-快速發佈測試 APP - Firebase App Distribution，已經可以提供 APP 給他人測試，接下來我們需要追...

YR ‧ 2024-09-11 ‧團隊看不見未來

2 Like 0 留言 848 瀏覽

鐵人賽 SideProject30 DAY 4

用 React 和 Firebase 打造一個完整 side project 吧！系列第 4 篇

技術 Day04：side project 必備的 Flow Chart(二)

本文同步刊載於我的個人部落格針對網站角色將 Flow Chart 再延伸上一篇文章中有提到，此次專案主要區分兩個角色，本篇將針對「顧客」角色進行 Fl...

Annie ‧ 2023-09-19

1 Like 0 留言 835 瀏覽

鐵人賽 SideProject30 DAY 19

用 React 和 Firebase 打造一個完整 side project 吧！系列第 19 篇

技術 Day19：在 React 專案中使用 Firebase Authentication 實作會員管理(二)

在上一篇文章中，我成功將使用電子郵件與密碼註冊會員之功能串接，接下來是取得該註冊會員在 API 中的資訊，除了我們可以傳值進去，Firebase 也會自動產生一...

Annie ‧ 2023-10-04

0 Like 0 留言 804 瀏覽

鐵人賽 SideProject30 DAY 24

從零開始的firebase與Vue框架ーSNS專案系列第 24 篇

技術 Day24—開發日記（八）驗證信件、非同步的處理

前言今天是開發的Day7，開發重點為：利用firebase的功能寄送驗證信件判斷使用者已驗證與否，分別再頁面展現不同功能實現內容 1. 利用fire...

ch0902 ‧ 2023-10-09 ‧團隊好想工作室 v7.0

0 Like 0 留言 795 瀏覽

鐵人賽 SideProject30 DAY 28

用 React 和 Firebase 打造一個完整 side project 吧！系列第 28 篇

技術 Day28：React 與 Firebase 的 CRUD 串接(二)

店家新增完服務項目後，顧客就可以開始查看預約了！所以今天將開發重點放在顧客角度會看到的頁面都實作完成。組裝列表頁面(顧客視角) 串接讀取文件的 API i...

Annie ‧ 2023-10-13

2 Like 0 留言 783 瀏覽

鐵人賽 SideProject30 DAY 5

用 React 和 Firebase 打造一個完整 side project 吧！系列第 5 篇

技術 Day05：Firebase 服務中的資料架構

本文同步刊載於我的個人部落格在規劃專案之資料表前，想先插播介紹關於 Firebase 的資料庫運作原理，此部分並不影響專案規劃之順序，因為這是在規畫專案前也...

Annie ‧ 2023-09-20

1 Like 0 留言 775 瀏覽

鐵人賽 SideProject30 DAY 17

用 React 和 Firebase 打造一個完整 side project 吧！系列第 17 篇

技術 Day17：開啟 Firebase 的 Google 與 Facebook 之登入與註冊功能

我們在上一個篇章中完成了信箱的驗證設定後，今天就可以接著進行 Google 與 Facebook 的部分，設定完成後即可讓使用者以自己 Google 與 Fac...

Annie ‧ 2023-10-02

2 Like 0 留言 774 瀏覽

鐵人賽 SideProject30 DAY 14

用 React 和 Firebase 打造一個完整 side project 吧！系列第 14 篇

技術 Day14：將 Firebase 加進 React 專案之前置準備

比賽好快進到中間時期，剛好適逢中秋佳節與教師節，先祝各位佳節愉快、順利完賽！這個連假應該會將專案的元件都完成，並且將註冊、登入與基本頁面先行組裝，後續樣式細節...

Annie ‧ 2023-09-29

0 Like 2 留言 736 瀏覽

鐵人賽 Security DAY 1

『零信任』的革命：從 FIDO 協議到自動化部署，30天打造次世代身分認證系統系列第 1 篇

技術【Day 01 —資安的浪潮】從金管會最新規範，看 FIDO 如何成為零信任時代的『石中劍』

身為軟體開發者，我們總是追逐著一波又一波的技術浪潮，而最近在臺灣科技圈，有個關鍵字正逐漸受到重視：FIDO。如果你還沒參與到「零信任 (Zero Trust)...

dennis2186 ‧ 2025-08-25

1 Like 0 留言 713 瀏覽

鐵人賽 SideProject30 DAY 10

用 React 和 Firebase 打造一個完整 side project 吧！系列第 10 篇

技術 Day10：使用 Wireframe 線稿拼接網站的功能與畫面(四)

有了服務項目後，顧客已經可以開始預約，進入這個網站的重頭戲。上一篇文章中，眼尖的朋友們一定會發現，對比原先的 Flow Chart 後，好像少了「顧客預約當下沒...

Annie ‧ 2023-09-25

1 Like 0 留言 713 瀏覽

鐵人賽 SideProject30 DAY 10

用 React 和 Firebase 打造一個完整 side project 吧！系列第 10 篇

技術 Day10：使用 Wireframe 線稿拼接網站的功能與畫面(四)

有了服務項目後，顧客已經可以開始預約，進入這個網站的重頭戲。上一篇文章中，眼尖的朋友們一定會發現，對比原先的 Flow Chart 後，好像少了「顧客預約當下沒...

Annie ‧ 2023-09-25

0 Like 0 留言 694 瀏覽

鐵人賽生成式 AI DAY 3

VIBE CODING 全紀錄：0 經驗用 AI 打造 PWA 兒童任務管理平台》系列第 3 篇

技術（Day 3）我如何選定開發技術：AI 協助下的技術決策

選定平台主題之後，我並沒有立刻投入開發，而是花了幾天時間與 AI 深入討論，釐清開發前的各項技術細節。這段「準備期」對專案方向的確立極為關鍵，也讓我這個完全沒有...

平凡工程師 ‧ 2025-08-04

0 Like 0 留言 694 瀏覽

鐵人賽 SideProject30 DAY 22

從零開始的firebase與Vue框架ーSNS專案系列第 22 篇

技術 Day22—開發日記（六）提醒密碼一致與否（v-show）、使用者資料傳入firestore

前言今天是開發的Day6，開發重點為：使用vue指令v-show進行實時確認密碼認證將資料同步加進去firestore的資料庫實現內容圖片來源...

ch0902 ‧ 2023-10-07 ‧團隊好想工作室 v7.0

1 Like 0 留言 690 瀏覽

鐵人賽 SideProject30 DAY 27

用 React 和 Firebase 打造一個完整 side project 吧！系列第 27 篇

技術 Day27：React 與 Firebase 的 CRUD 串接(一)

倒數第4天的挑戰，是完成一套新增讀取編輯刪除(CRUD)的頁面組裝與串接，話不多說直接開始！組裝列表頁面(店家視角) 串接讀取文件的 API import...

Annie ‧ 2023-10-12

1 Like 0 留言 687 瀏覽

鐵人賽 SideProject30 DAY 23

用 React 和 Firebase 打造一個完整 side project 吧！系列第 23 篇

技術 Day23：操作 Firestore Database 的資料(二)

延續上一篇，今天繼續研究 Firestore Database 的資料操作，溫馨提醒：以下內容看到的 showNotify 是我個人封裝使用的提示彈窗，並不...

Annie ‧ 2023-10-08

2 Like 0 留言 678 瀏覽

鐵人賽 SideProject30 DAY 8

用 React 和 Firebase 打造一個完整 side project 吧！系列第 8 篇

技術 Day08：使用 Wireframe 線稿拼接網站的功能與畫面(二)

有了主畫面後，我習慣先從主功能將 Wireframe 線稿依照原先的 Flow Chart 畫出來，細節功能會陸續繪製(有先想到的會以 Todo 標示)，並於後...

Annie ‧ 2023-09-23

1 Like 0 留言 647 瀏覽

鐵人賽 SideProject30 DAY 9

用 React 和 Firebase 打造一個完整 side project 吧！系列第 9 篇

技術 Day09：使用 Wireframe 線稿拼接網站的功能與畫面(三)

上一篇我們已經完成了兩種主角色的註冊與登入畫面，也有將 Flow Chart 中所提到的店家角色稍微提及(如果忘記規則的話，可以回頭看下列文章)。本篇將重點放在...

Annie ‧ 2023-09-24

1 Like 0 留言 643 瀏覽

鐵人賽 SideProject30 DAY 29

用 React 和 Firebase 打造一個完整 side project 吧！系列第 29 篇

技術 Day29：當顧客開始訂位

倒數2天，把握時間繼續努力！製作月曆元件昨天製作了顧客視角的服務項目詳細頁後，今天依照原先的 Wireflame 設計線稿，刻出可供預約的日期時段區塊，這部...

Annie ‧ 2023-10-14

1 Like 0 留言 588 瀏覽

鐵人賽 SideProject30 DAY 12

用 React 和 Firebase 打造一個完整 side project 吧！系列第 12 篇

技術 Day12：side project 的網頁組成元素

有了規範的提交訊息工具後，就可以放心開始開發了，開發之前要記得讓自己站在對的分支上唷！今日分支名稱：feat/component 更換 favicon.ico...

Annie ‧ 2023-09-27

1 Like 0 留言 541 瀏覽

鐵人賽 Mobile Development DAY 22

用最接近自然語言的Basic30天學會行動App 系列第 22 篇

技術 Basic30天學會行動App-第22章.使用Firebase擴展功能

第22章: 使用Firebase擴展功能 Firebase 是由 Google 提供的一套後端服務工具集，旨在幫助開發者快速構建高效、可靠的行動應用程式。它提供...

因田木 ‧ 2024-09-22

0 Like 0 留言 461 瀏覽

鐵人賽 Security DAY 2

零信任的革命：從 FIDO 協議到 SecDevOps 實踐，30 天打造次世代身分認證系統系列第 2 篇

技術【Day 02 — FIDO 生態系】解構 FIDO2：WebAuthn、CTAP 與公鑰密碼學的交響樂

(圖片來源: FIDO Alliance) 前言：揭開無密碼革命的引擎蓋在昨天的文章中，我們確立了 FIDO 是實現零信任的關鍵技術，是我們揮別密碼時代的「石...

denniswebcomm ‧ 2025-09-16

1 Like 0 留言 386 瀏覽

鐵人賽 Mobile Development DAY 18

用最接近自然語言的Basic30天學會行動App 系列第 18 篇

技術 Basic30天學會行動App-第18章.建立聊天App

第18章: 建立聊天App 即時通訊應用程式（如聊天App）是現代行動應用中非常流行的一類程式。無論是社交平台、團隊協作工具還是客戶支援系統，即時通訊都是其核心...

因田木 ‧ 2024-09-18

技術 前端工程師也能開發全端網頁：挑戰 30 天用 React 加上 Firebase 打造社群網站｜Day28 留言電子郵件通知

技術 前端工程師也能開發全端網頁：挑戰 30 天用 React 加上 Firebase 打造社群網站｜Day20 會員選單

技術 前端工程師也能開發全端網頁：挑戰 30 天用 React 加上 Firebase 打造社群網站｜Day15 對文章按讚

技術 Day18：在 React 專案中使用 Firebase Authentication 實作會員管理(一)

技術 Day01：在 side project 開始之前

技術 Day15：快速於 React 專案引入 Firebase 服務

技術 Node.js - child() 子路徑、remove()刪除資料

技術 Day21—開發日記（五）使用v指令將資料傳入firebase的Authentication

技術 Day 25 - [發佈] 02-功能強大的輕量級當機回報 - Crashlytics

技術 Day04：side project 必備的 Flow Chart(二)

技術 Day19：在 React 專案中使用 Firebase Authentication 實作會員管理(二)

技術 Day24—開發日記（八）驗證信件、非同步的處理

技術 Day28：React 與 Firebase 的 CRUD 串接(二)

技術 Day05：Firebase 服務中的資料架構

技術 Day17：開啟 Firebase 的 Google 與 Facebook 之登入與註冊功能

技術 Day14：將 Firebase 加進 React 專案之前置準備

技術 【Day 01 —資安的浪潮】從金管會最新規範，看 FIDO 如何成為零信任時代的『石中劍』

技術 Day10：使用 Wireframe 線稿拼接網站的功能與畫面(四)

技術 Day10：使用 Wireframe 線稿拼接網站的功能與畫面(四)

技術 （Day 3） 我如何選定開發技術：AI 協助下的技術決策

技術 Day22—開發日記（六）提醒密碼一致與否（v-show）、使用者資料傳入firestore

技術 Day27：React 與 Firebase 的 CRUD 串接(一)

技術 Day23：操作 Firestore Database 的資料(二)

技術 Day08：使用 Wireframe 線稿拼接網站的功能與畫面(二)

技術 Day09：使用 Wireframe 線稿拼接網站的功能與畫面(三)

技術 Day29：當顧客開始訂位

技術 Day12：side project 的網頁組成元素

技術 Basic30天學會行動App-第22章.使用Firebase擴展功能

技術 【Day 02 — FIDO 生態系】解構 FIDO2：WebAuthn、CTAP 與公鑰密碼學的交響樂

技術 Basic30天學會行動App-第18章.建立聊天App

標記使用者

技術前端工程師也能開發全端網頁：挑戰 30 天用 React 加上 Firebase 打造社群網站｜Day28 留言電子郵件通知

技術前端工程師也能開發全端網頁：挑戰 30 天用 React 加上 Firebase 打造社群網站｜Day20 會員選單

技術前端工程師也能開發全端網頁：挑戰 30 天用 React 加上 Firebase 打造社群網站｜Day15 對文章按讚

技術【Day 01 —資安的浪潮】從金管會最新規範，看 FIDO 如何成為零信任時代的『石中劍』

技術（Day 3）我如何選定開發技術：AI 協助下的技術決策

技術【Day 02 — FIDO 生態系】解構 FIDO2：WebAuthn、CTAP 與公鑰密碼學的交響樂