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

1 Like 0 留言 988 瀏覽

鐵人賽 SideProject30 DAY 24

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

技術 Day24：實作會員資料更新

花了兩天稍微了解 FireStore Database 的 CRUD 後，今天著手將我使用先前做好的表單元件們，組裝成店家資料維護頁面，但一直卡在明明登入了 u...

Annie ‧ 2023-10-09

1 Like 0 留言 618 瀏覽

鐵人賽 SideProject30 DAY 23

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

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

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

Annie ‧ 2023-10-08

0 Like 1 留言 1884 瀏覽

鐵人賽 Vue.js DAY 29

Nuxt.js 3.x 筆記－打造 SSR 專案系列第 29 篇

技術 D29：Nuxt 3.x Universal（SSR）專案部署到 Firebase

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀專案開發完成後，終於到最後一步「部署」，本篇將說明 Universal 專案部署到 Fireba...

claire chang ‧ 2023-10-10

1 Like 0 留言 920 瀏覽

鐵人賽 SideProject30 DAY 22

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

技術 Day22：操作 Firestore Database 的資料(一)

今天是組裝頁面的一天，也將 Firestore Database 的 CURD 先從文件學習到在 console 控制台中練習一遍。溫馨提醒：以下內容看到的...

Annie ‧ 2023-10-07

0 Like 0 留言 637 瀏覽

鐵人賽 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 留言 1144 瀏覽

鐵人賽 SideProject30 DAY 21

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

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

會員管理終於來到最終章，因為其他功能都是 CRUD，而且也因為 Firebase 將使用者認證這塊切得很細，所以花較多的篇幅來介紹。然而雖然使用者在註冊成功當下...

Annie ‧ 2023-10-06

0 Like 0 留言 798 瀏覽

鐵人賽 SideProject30 DAY 21

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

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

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

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

1 Like 0 留言 1239 瀏覽

鐵人賽 SideProject30 DAY 20

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

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

除了使用電子郵件與密碼註冊以外，考量到有些使用者不喜歡管理太多組帳號、密碼，所以今天就將開通的 Google, Facebook 帳號註冊功能串接到網站裡吧！關...

Annie ‧ 2023-10-05

1 Like 0 留言 737 瀏覽

鐵人賽 SideProject30 DAY 19

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

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

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

Annie ‧ 2023-10-04

1 Like 0 留言 877 瀏覽

鐵人賽 SideProject30 DAY 18

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

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

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

Annie ‧ 2023-10-03

1 Like 0 留言 904 瀏覽

鐵人賽 Modern Web DAY 20

前端工程師30天 WebRTC + Firebase 視訊通話原理到實作系列第 20 篇

技術 [Day20] 實做 - Firebase Cloud Firestore 創建視訊間

完成網頁的部署後，也捕捉到 local 端的 stream 。這篇會引入 Firebase SDK 並嘗試使用 Cloud Firestore 的功能讓使用者點...

Yumy ‧ 2023-10-02 ‧團隊來啊！打摳啊！第二年！

1 Like 0 留言 714 瀏覽

鐵人賽 SideProject30 DAY 17

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

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

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

Annie ‧ 2023-10-02

1 Like 0 留言 1153 瀏覽

鐵人賽 SideProject30 DAY 16

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

技術 Day16：串接 Firebase 的資料庫與設定信箱驗證

經過前一篇文章的操作與設定，我們已經將 Firebase 引入至 React 專案中，今天就來串接資料庫吧！串連 Firestore database 首先先...

Annie ‧ 2023-10-01

1 Like 0 留言 861 瀏覽

鐵人賽 SideProject30 DAY 15

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

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

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

Annie ‧ 2023-09-30

0 Like 0 留言 1344 瀏覽

鐵人賽 Modern Web DAY 18

前端工程師30天 WebRTC + Firebase 視訊通話原理到實作系列第 18 篇

技術 [Day18] 實作 - Firebase 創建專案 & 部署

終於來到實作篇啦 🎉🎉🎉 ~ 本次會先建立的 Firebase 專案當作第一次交換資訊的 server。 create-react-app 先建立一個專案! n...

Yumy ‧ 2023-09-30 ‧團隊來啊！打摳啊！第二年！

0 Like 0 留言 2092 瀏覽

鐵人賽 Mobile Development DAY 26

React Native CLI 開發心法系列第 26 篇

技術 DAY 26 React Native 效能優化：使用 Firebase Performance Monitoring 監控應用程式效能

利用 firebase 打造自動監測應用程式效能的工具，當效能發生問題時就會系統自動發信通知，最重要的是可以同時監測到 iOS 跟 Android 的正式環境的...

Ashley ‧ 2023-10-02 ‧團隊曼陀號計畫V

0 Like 1 留言 1166 瀏覽

鐵人賽 Mobile Development DAY 25

React Native CLI 開發心法系列第 25 篇

技術 DAY 25 React Native 效能優化：使用 Firebase Crashlytics 追蹤應用程式 Crash

Firebase 的功能種類非常多，在 DAY 14 使用 Firebase 發佈 React Native 測試版 APP - 多種環境配置時已經分別將 A...

Ashley ‧ 2023-10-01 ‧團隊曼陀號計畫V

2 Like 0 留言 692 瀏覽

鐵人賽 SideProject30 DAY 14

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

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

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

Annie ‧ 2023-09-29

0 Like 0 留言 1260 瀏覽

鐵人賽 Modern Web DAY 17

前端工程師30天 WebRTC + Firebase 視訊通話原理到實作系列第 17 篇

技術 [Day17] Firebase Cloud Firestore 資料庫

這次時做會使用到 Cloud Firestore 作為第一次交換資訊的 Signaing Server，因此在開始實作前先來了解這個強大的 NoSQL 資料庫用...

Yumy ‧ 2023-09-29 ‧團隊來啊！打摳啊！第二年！

0 Like 0 留言 3008 瀏覽

鐵人賽 Modern Web DAY 16

前端工程師30天 WebRTC + Firebase 視訊通話原理到實作系列第 16 篇

技術 [Day16] 介紹 Firebase

前幾篇文章都是在介紹通訊協定，WebRTC 如何通訊也有提到雖然通過瀏覽器的點對點連線不需要像 WebSocket 使用 server ，但在一開始交換資訊時仍...

Yumy ‧ 2023-09-28 ‧團隊來啊！打摳啊！第二年！

1 Like 0 留言 520 瀏覽

鐵人賽 SideProject30 DAY 12

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

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

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

Annie ‧ 2023-09-27

1 Like 0 留言 598 瀏覽

鐵人賽 SideProject30 DAY 10

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

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

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

Annie ‧ 2023-09-25

1 Like 0 留言 598 瀏覽

鐵人賽 SideProject30 DAY 10

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

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

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

Annie ‧ 2023-09-25

1 Like 0 留言 560 瀏覽

鐵人賽 SideProject30 DAY 9

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

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

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

Annie ‧ 2023-09-24

2 Like 0 留言 559 瀏覽

鐵人賽 SideProject30 DAY 8

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

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

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

Annie ‧ 2023-09-23

0 Like 0 留言 1830 瀏覽

技術 Firebase專案-伺服器推播用Asp.net (VB) 取得BearerKey驗證

在上次為了更新Firebase專案的FCM發送ServerKey登入方式照著Google提供的語言，使用Node.js取得隨機BearerKey來推播發送~這次...

純真的人 ‧ 2023-09-23

3 Like 1 留言 956 瀏覽

鐵人賽 SideProject30 DAY 7

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

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

在本系列文的第二篇「用最短時間完成 side project 規劃」中有提到，我認為規劃一個作品，一定要先將 Flow Chart 確定、且資料欄位也規劃好後，...

Annie ‧ 2023-09-22

2 Like 0 留言 1145 瀏覽

鐵人賽 SideProject30 DAY 6

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

技術 Day06：依照 Firebase 數據庫規劃專案資料欄位

本文同步刊載於我的個人部落格 NoSQL 在 Firebase 數據庫中是如何應用的？在前一篇章節中，我們稍微認識了 NoSQL 這個新朋友，所以現在讓...

Annie ‧ 2023-09-21

0 Like 0 留言 1222 瀏覽

鐵人賽 SideProject30 DAY 6

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

技術 Day6—Firebase（四）在專案中寫入新增、讀取、更新、刪除資料

前言承昨天的文章，今天我們將進一步深入瞭解Cloud Firestore，並學習如何在我們的專案中新增、讀取、刪除、更新這個雲端資料庫中的資料。新增資料第...

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

2 Like 0 留言 658 瀏覽

鐵人賽 SideProject30 DAY 5

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

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

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

Annie ‧ 2023-09-20

技術 Day24：實作會員資料更新

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

技術 D29：Nuxt 3.x Universal（SSR）專案部署到 Firebase

技術 Day22：操作 Firestore Database 的資料(一)

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

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

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

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

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

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

技術 [Day20] 實做 - Firebase Cloud Firestore 創建視訊間

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

技術 Day16：串接 Firebase 的資料庫與設定信箱驗證

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

技術 [Day18] 實作 - Firebase 創建專案 & 部署

技術 DAY 26 React Native 效能優化：使用 Firebase Performance Monitoring 監控應用程式效能

技術 DAY 25 React Native 效能優化：使用 Firebase Crashlytics 追蹤應用程式 Crash

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

技術 [Day17] Firebase Cloud Firestore 資料庫

技術 [Day16] 介紹 Firebase

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

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

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

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

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

技術 Firebase專案-伺服器推播用Asp.net (VB) 取得BearerKey驗證

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

技術 Day06：依照 Firebase 數據庫規劃專案資料欄位

技術 Day6—Firebase（四）在專案中寫入新增、讀取、更新、刪除資料

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

標記使用者