iT邦幫忙

firebase相關文章
共有 216 則文章
鐵人賽 Modern Web DAY 28
用Angular打造完整後台 系列 第 28

技術 day28 Firebase(二)應用

簡述 本篇開始把Demo替換成firebase。 替換流程 WebService DataService 修改list中的關聯式 實作 (一) web.s...

鐵人賽 影片教學 DAY 10

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day10 發表文章功能

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

鐵人賽 影片教學 DAY 30

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day30 社群網站上線啦!

終於完賽了!感謝支持與追蹤這一系列影片的朋友們!希望未來有機會可以再拍其他主題的影片和大家分享! 連續 30 天不中斷每天上傳一支教學影片,教你如何用 Rea...

鐵人賽 Mobile Development DAY 9
Flutter App 開發實戰 系列 第 9

技術 專案的好幫手 Firebase |使用篇 [DAY 9]

寫一寫覺得篇幅太大所以拆成兩篇來用完成,有什麼問題也可以直接留言詢問,那就讓我們開始對 firebase 的 database 做基本的操作吧。如果還沒部署成功...

鐵人賽 影片教學 DAY 11

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day11 上傳文章圖片

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

鐵人賽 影片教學 DAY 24

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day24 修改會員密碼

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

鐵人賽 Vue.js DAY 29
Vue3歡樂套件箱耶 系列 第 29

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

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

技術 Firebase * Realtime Database * Web * Writ

1. 創建 Firebase 專案 步驟一:取個專案名稱 步驟二:啟用 Google Analytics 步驟二:設定 Google Analytics...

鐵人賽 影片教學 DAY 14

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day14 收藏文章

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

鐵人賽 Modern Web DAY 17

技術 [Day17] Firebase Cloud Firestore 資料庫

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

鐵人賽 Modern Web DAY 20
Node.js 從零開始 系列 第 20

技術 Node.js - 寫一個簡單的 TodoList:新增資料並渲染於網頁上

本篇練習使用 Firebase 來實作一個 Todolist,首先先建立好 layout, 建立 layout 至於樣式可以請讀者自行發揮,這邊不做多說明。...

鐵人賽 影片教學 DAY 25

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day25 阻擋會員路由

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

鐵人賽 影片教學 DAY 13

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day13 文章頁面

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

鐵人賽 Mobile Development DAY 25
React Native CLI 開發心法 系列 第 25

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

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

鐵人賽 Modern Web DAY 14

技術 DAY14 - firestore 使用條件來進階查詢

上一篇介紹 firestore CRUD 的各種方式,今天要來介紹進階的查詢資料方式,利用條件去過濾出符合條件的資料,而不是每次都把所有資料都拿回來 fires...

鐵人賽 SideProject30 DAY 6

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

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

鐵人賽 Mobile Development DAY 15
React Native CLI 開發心法 系列 第 15

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

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

鐵人賽 SideProject30 DAY 20

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

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

技術 使用 Angular、Veo 3.1 與 Firebase 雲端函式 建立影片生成管線

在現代網頁應用程式中,將繁重的生成式人工智慧(Generative AI)邏輯從前端卸載到後端是必要的。在我的最新專案中,我重構了一個 Angular 應用程式...

鐵人賽 Security DAY 3

技術 【Day 03 —協議詳解】WebAuthn 的世界觀:讀懂規格書的第一步

前言:從宏觀地圖到微觀詞典 在昨天的探索中,我們繪製了一張 FIDO2 的宏觀作戰地圖,理解了 WebAuthn (軟體 API) 與 CTAP (硬體通訊)...

鐵人賽 影片教學 DAY 26

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day26 根據主題篩選文章列表

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

鐵人賽 Mobile Development DAY 1

技術 【Day1】前言X動機X首款寵物約散Android平台APP

前言 人是群居動物,沒有家人/伴侶/朋友的陪伴,就會感到很空虛。但是你/妳有沒有想過其實寵物也是需要有寵物朋友的!?筆者親身體驗,發現有寵物朋友陪伴的寵物,笑容...

鐵人賽 Security DAY 5

技術 【Day 05 協議詳解 III】信任的證明:解構 WebAuthn 驗證儀式

前言:從契約到通行證 在昨天的註冊儀式中,我們的後端伺服器(RP)與使用者的驗證器簽訂了一份基於公鑰密碼學的信任契約。這份契約的核心是我們安全地儲存了使用者的公...

鐵人賽 Security DAY 4

技術 【Day 04 —協議詳解 II】信任的誕生:解構 WebAuthn 註冊儀式

前言:從對話到契約 昨天,我們認識了 WebAuthn 世界中的三大主角,並了解了「註冊 (Attestation)」與「驗證 (Assertion)」這兩大核...

鐵人賽 Mobile Development DAY 3

技術 【Day3】Firebase連接XBaseFragment建立X服務定位Koin使用

好的,那我們要稍微介紹一下,Firebase,我們可以把它想成一個後端服務。並且它同時支援Android、iOS、網頁端,所以可以有效縮減我們App開發的時間...

鐵人賽 Mobile Development DAY 14

技術 尋尋覓覓的第十四天:曙光在哪?

老姐一到家就很開心的亮出她的成果。「你看,之前很麻煩的圓形遮罩都可以用 CardView 製作,標籤也不用自己寫 shape ,可以用 Chip 元件, Mat...

技術 使用 Gemini 2.5 Flash TTS、Angular v21 和 Firebase 串流 AI 語音

在這篇技術深潛中,我們將探討如何將最新的 Google Gemini 模型整合到現代網頁技術堆疊中。我們使用 Gemini 3 Flash Preview 來產...

鐵人賽 SideProject30 DAY 6

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

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

鐵人賽 Security DAY 7

技術 Day 07: 【第一週回顧】技術基礎與系統設計定版

前言:第一階段 (理論與設計) 總結 本週,我們完成了專案的第一階段:技術理論研究與系統設計。此階段的目標是為後續的開發工作奠定堅實的基礎,確保所有團隊成員對核...

鐵人賽 Modern Web DAY 21
Node.js 從零開始 系列 第 21

技術 Node.js - 寫一個簡單的 Todolist:刪除資料

有新增就有刪除,延續前篇的 TodoList 新增功能,當然也需要一個刪除功能。 前情提要 已經完成一個新增功能的代辦功能開發, // DOM let me...