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

1 Like 0 留言 227 瀏覽

鐵人賽 Mobile Development DAY 22

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

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

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

因田木 ‧ 2024-09-22

1 Like 0 留言 153 瀏覽

鐵人賽 Mobile Development DAY 18

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

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

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

因田木 ‧ 2024-09-18

0 Like 0 留言 168 瀏覽

鐵人賽 Mobile Development DAY 25

我的 Android 工具箱系列第 25 篇

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

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

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

0 Like 0 留言 188 瀏覽

鐵人賽 Mobile Development DAY 24

我的 Android 工具箱系列第 24 篇

技術 Day 24 - [發佈] 01-快速發佈測試 APP - Firebase App Distribution

情境在 APP 正式對外發布前，都會經過好幾輪測試。而這些測試用的 APK，我們通常會用 Firebase 的 App Distribution 來發佈和管理...

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

1 Like 0 留言 925 瀏覽

技術 Android Studio 讀取 Firebase data

介紹AndroidStudio專案創建後如何與Firebase進行連接，Firebase數據創建與讀取權限實作測試，本實作的data是手動輸入的，如需匯入資料進...

xiangcheng ‧ 2024-05-26

2 Like 2 留言 547 瀏覽

鐵人賽 SideProject30 DAY 30

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

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

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

Annie ‧ 2023-10-15

1 Like 2 留言 578 瀏覽

鐵人賽 Vue.js DAY 30

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

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

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

切版姐姐 ‧ 2023-10-15

0 Like 0 留言 880 瀏覽

鐵人賽 Vue.js DAY 29

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

技術開箱29:一秒變即時聊天室～Vue3+Firebase簡易實作

今天將之前所學的,小小結合作個簡易聊天室吧! 開箱25:Vue 3 + Firebase Cloud Firestore 簡單CRUD功能開箱26:Vue 3...

切版姐姐 ‧ 2023-10-14

1 Like 0 留言 384 瀏覽

鐵人賽 SideProject30 DAY 29

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

技術 Day29：當顧客開始訂位

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

Annie ‧ 2023-10-14

0 Like 0 留言 404 瀏覽

鐵人賽 SideProject30 DAY 28

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

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

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

Annie ‧ 2023-10-13

1 Like 1 留言 912 瀏覽

鐵人賽 Vue.js DAY 28

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

技術開箱28:新手搭建～Vue+Vite+GitHub部署到Firebase Hosting

Firebase 託管為您的 Web 應用、靜態和動態內容以及微服務提供快速且安全的託管。簡介Firebase Hosting收費方式https://fir...

切版姐姐 ‧ 2023-10-13

1 Like 0 留言 399 瀏覽

鐵人賽 SideProject30 DAY 27

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

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

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

Annie ‧ 2023-10-12

0 Like 0 留言 1022 瀏覽

鐵人賽 Vue.js DAY 27

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

技術開箱27:Vue 3 + Firebase Cloud Messaging 建立測試通知

本次要跟姊姊一起學習Vue 3 + Firebase Cloud Messaging 測試一筆訊息通知吧！ ▶ 如果您尚未建立專案／安裝 Firebase J...

切版姐姐 ‧ 2023-10-12

1 Like 0 留言 913 瀏覽

鐵人賽 SideProject30 DAY 26

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

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

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

Annie ‧ 2023-10-11

1 Like 0 留言 908 瀏覽

鐵人賽 SideProject30 DAY 25

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

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

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

Annie ‧ 2023-10-10

0 Like 0 留言 385 瀏覽

鐵人賽 SideProject30 DAY 24

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

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

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

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

1 Like 0 留言 561 瀏覽

鐵人賽 SideProject30 DAY 24

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

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

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

Annie ‧ 2023-10-09

1 Like 0 留言 437 瀏覽

鐵人賽 SideProject30 DAY 23

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

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

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

Annie ‧ 2023-10-08

0 Like 1 留言 950 瀏覽

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

鐵人賽 SideProject30 DAY 22

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

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

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

Annie ‧ 2023-10-07

0 Like 0 留言 349 瀏覽

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

鐵人賽 SideProject30 DAY 21

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

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

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

Annie ‧ 2023-10-06

0 Like 0 留言 506 瀏覽

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

鐵人賽 SideProject30 DAY 20

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

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

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

Annie ‧ 2023-10-05

1 Like 0 留言 433 瀏覽

鐵人賽 SideProject30 DAY 19

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

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

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

Annie ‧ 2023-10-04

1 Like 0 留言 589 瀏覽

鐵人賽 SideProject30 DAY 18

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

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

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

Annie ‧ 2023-10-03

1 Like 0 留言 451 瀏覽

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

鐵人賽 SideProject30 DAY 17

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

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

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

Annie ‧ 2023-10-02

1 Like 0 留言 641 瀏覽

鐵人賽 SideProject30 DAY 16

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

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

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

Annie ‧ 2023-10-01

1 Like 0 留言 482 瀏覽

鐵人賽 SideProject30 DAY 15

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

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

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

Annie ‧ 2023-09-30