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

0 Like 0 留言 483 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

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

2 Like 0 留言 482 瀏覽

鐵人賽 SideProject30 DAY 6

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

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

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

Annie ‧ 2023-09-21

1 Like 0 留言 450 瀏覽

鐵人賽 SideProject30 DAY 26

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

技術 Day26：實作 Firebase Authentication 電話驗證(二)

接續上一篇文章，繼續將 Firebase Authentication 電話驗證的串接完成！關於 Firebase Authentication 的電話驗證...

Annie ‧ 2023-10-11

0 Like 0 留言 449 瀏覽

鐵人賽 Mobile Development DAY 14

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

技術 DAY 14 使用 Firebase 發佈 React Native 測試版 APP - 多種環境配置

現在了解了如何打包 Andriod 的 APK 跟 iOS 的 IPA ，接下來要使用 Firebase 來發佈這些打包好的應用程式，以提供其他人安裝測試版應用...

Ashley ‧ 2023-09-20 ‧團隊曼陀號計畫V

1 Like 0 留言 436 瀏覽

鐵人賽 SideProject30 DAY 25

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

技術 Day25：實作 Firebase Authentication 電話驗證

在使用者成功註冊、並且角色為店家時，需先經過電話驗證才可進行刊登服務項目供顧客預約，此故事情境在這篇文章可以回顧，所以今天將重點放在電話驗證的實作上。使用 J...

Annie ‧ 2023-10-10

2 Like 0 留言 434 瀏覽

鐵人賽 SideProject30 DAY 3

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

技術 Day03：side project 必備的 Flow Chart(一)

本文同步刊載於我的個人部落格一、Flow Chart 是什麼？流程圖(Flow Chart)是一種圖形化表示流程或過程的工具，通常用來展示一个系统、流...

Annie ‧ 2023-09-18

0 Like 1 留言 413 瀏覽

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

鐵人賽 SideProject30 DAY 2

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

技術 Day02：用最短時間完成 side project 規劃

本文同步刊載於我的個人部落格從 user story 開始思考網站功能延伸第一天的主題發想，我將自己視為使用者，站在使用者角度出發後，初步規劃網站功能...

Annie ‧ 2023-09-17

3 Like 1 留言 381 瀏覽

鐵人賽 SideProject30 DAY 7

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

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

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

Annie ‧ 2023-09-22

0 Like 0 留言 377 瀏覽

鐵人賽 SideProject30 DAY 4

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

技術 Day4—Firebase（二）建置一個Firebase專案

前言承昨天的文章，若我們想使用Firebase的服務，只要利用Google帳號登入Firebase的網站，就可以從Firebase控制台建置自己的專案。建立...

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

1 Like 0 留言 365 瀏覽

鐵人賽 SideProject30 DAY 16

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

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

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

Annie ‧ 2023-10-01

2 Like 0 留言 346 瀏覽

鐵人賽 SideProject30 DAY 4

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

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

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

Annie ‧ 2023-09-19

2 Like 0 留言 344 瀏覽

鐵人賽 SideProject30 DAY 1

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

技術 Day01：在 side project 開始之前

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

Annie ‧ 2023-09-16

1 Like 0 留言 340 瀏覽

鐵人賽 SideProject30 DAY 18

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

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

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

Annie ‧ 2023-10-03

2 Like 2 留言 339 瀏覽

鐵人賽 SideProject30 DAY 30

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

技術 Day30：完賽不是終點，而是另一個起點

是的，如同標題所說，目前專案確實完成度沒有很高，但無論進度如何，今天就在挑戰的最後一天進行部屬吧！如何使用 Vercel 部屬進到 Vercel 官網註冊...

Annie ‧ 2023-10-15

0 Like 0 留言 336 瀏覽

鐵人賽 SideProject30 DAY 3

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

技術 Day3—Firebase（一）初探Firebase

前言在資訊爆炸的時代，常常在看開源專案或別人的作品集時，我們會突然靈光一閃有個side project的點子，但也經常受阻於技術面——尤其是後端技術等——故對...

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

1 Like 0 留言 334 瀏覽

鐵人賽 SideProject30 DAY 24

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

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

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

Annie ‧ 2023-10-09

0 Like 0 留言 333 瀏覽

鐵人賽 SideProject30 DAY 5

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

技術 Day5—Firebase（三）利用Cloud Firestore寫入資料與安裝至專案

前言承昨天的文章，今天將要介紹如何在Cloud Firestore網站上新增集合與資料，和利用npm在我們的專案上安裝Cloud Firestore。在網站...

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

0 Like 0 留言 327 瀏覽

鐵人賽 SideProject30 DAY 6

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

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

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

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

0 Like 0 留言 325 瀏覽

鐵人賽 SideProject30 DAY 21

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

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

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

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

0 Like 1 留言 323 瀏覽

鐵人賽 Mobile Development DAY 15

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

技術 DAY 15 使用 Firebase 發佈 React Native 測試版 APP - 發佈應用程式

使用 Firebase 發佈測試版本的應用程式的好處在於可以便於同時管理跨平台的應用程式，同時可用 Performance 的監控各項效能指標與使用 Crash...

Ashley ‧ 2023-09-21 ‧團隊曼陀號計畫V

0 Like 0 留言 311 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 [Day16] 介紹 Firebase

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

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

1 Like 0 留言 311 瀏覽

鐵人賽 SideProject30 DAY 22

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

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

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

Annie ‧ 2023-10-07

1 Like 0 留言 305 瀏覽

鐵人賽 SideProject30 DAY 17

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

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

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

Annie ‧ 2023-10-02

1 Like 2 留言 299 瀏覽

鐵人賽 Vue.js DAY 30

Vue3歡樂套件箱耶系列第 30 篇

技術 ><點閱率太差了!fine~以「收穫心態」來回顧吧!

今年系列相較過往，點閱率變好差...是不是寫得「不夠好」...每當看別人的成就或是文章時，都覺得「喔～好厲害喔」「自己好像差很遠」...從來都沒有欣賞過自己，做...

切版姐姐 ‧ 2023-10-15

1 Like 0 留言 290 瀏覽

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

鐵人賽 SideProject30 DAY 20

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

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

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

Annie ‧ 2023-10-05

1 Like 0 留言 289 瀏覽

鐵人賽 SideProject30 DAY 21

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

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

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

Annie ‧ 2023-10-06

1 Like 0 留言 255 瀏覽

鐵人賽 SideProject30 DAY 15

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

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

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

Annie ‧ 2023-09-30

1 Like 0 留言 254 瀏覽

鐵人賽 SideProject30 DAY 12

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

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

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

Annie ‧ 2023-09-27