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

3 Like 1 留言 1299 瀏覽

鐵人賽 SideProject30 DAY 7

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

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

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

Annie ‧ 2023-09-22

2 Like 0 留言 1430 瀏覽

鐵人賽 SideProject30 DAY 6

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

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

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

Annie ‧ 2023-09-21

0 Like 0 留言 1487 瀏覽

鐵人賽 SideProject30 DAY 6

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

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

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

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

2 Like 0 留言 901 瀏覽

鐵人賽 SideProject30 DAY 5

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

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

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

Annie ‧ 2023-09-20

0 Like 1 留言 1497 瀏覽

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

鐵人賽 SideProject30 DAY 5

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

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

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

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

2 Like 0 留言 947 瀏覽

鐵人賽 SideProject30 DAY 4

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

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

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

Annie ‧ 2023-09-19

0 Like 0 留言 1146 瀏覽

鐵人賽 SideProject30 DAY 4

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

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

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

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

2 Like 0 留言 4134 瀏覽

鐵人賽 SideProject30 DAY 3

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

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

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

Annie ‧ 2023-09-18

0 Like 0 留言 1820 瀏覽

鐵人賽 Mobile Development DAY 14

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

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

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

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

0 Like 0 留言 1304 瀏覽

鐵人賽 SideProject30 DAY 3

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

技術 Day3—Firebase（一）初探Firebase

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

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

2 Like 1 留言 1114 瀏覽

鐵人賽 SideProject30 DAY 2

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

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

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

Annie ‧ 2023-09-17

2 Like 0 留言 1032 瀏覽

鐵人賽 SideProject30 DAY 1

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

技術 Day01：在 side project 開始之前

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

Annie ‧ 2023-09-16

0 Like 0 留言 7918 瀏覽

技術【Firebase】Cloud Messaging API (舊版淘汰!) 更換 Firebase Cloud Messaging API (V1)

最近好久沒登入 Firebase 管理推播，沒想到登入確認的時候，發現【雲端通訊】的推播伺服器API已經升級了-.-a如下：舊版 HTTP 或 XMPP API...

純真的人 ‧ 2023-09-14

0 Like 0 留言 3930 瀏覽

技術利用 Firebase Auth 整合 Line 第三方登入

後記實務上當這個方案進入 QA 階段, 發現其在 android 平台有 bug, 這個坑我先踩了, 大家小心避過吧 QQ -20230901 起因遇到 c...

leon123858 ‧ 2023-06-29

2 Like 0 留言 2601 瀏覽

技術 ChatGPT + 聊天室 + Firebase + 語音 + 登錄筆記

使用 App Inventor 設計一要跟類似Line 的聊天室增加登入畫面如下: App 畫面如下: Firebase 畫面如下: App Inventor...

joulongleu ‧ 2023-03-25

0 Like 1 留言 5129 瀏覽

技術 Firebase 可以取代後端工程師?

開始接觸前端後，為了更專注在學習，使用了 Google 旗下的 Firebase 支援後端的功能，也就是 Backend as a service。看到 Fi...

wowlol ‧ 2022-11-21

0 Like 0 留言 1206 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 Node.js - 使用 reverse() 反轉資料排序

前面實作過一個簡易的代辦清單，但目前的待辦清單最新的資料會在列表的後面，但現在使用者在陣列方法中可以使用 reverse() 方法反轉陣列的順序，但 fi...

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

0 Like 0 留言 1270 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 Node.js - 限制資料筆數 limit()

limit 語法在 Firebase API 會看到兩個，一個是取得前幾筆資料，跟取得後幾筆資料，使用的資料如下： const data = { tim:...

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

0 Like 0 留言 1371 瀏覽

鐵人賽 Modern Web DAY 21

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

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

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

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

0 Like 0 留言 1536 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

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

0 Like 0 留言 1149 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 Node.js - 在網頁即時瀏覽 Firebase 的資料

前面的練習都是在編輯器開發或是在開發人員工具將資料寫入資料庫，在切換視窗到 Firebase 去查看資料是否有正確寫入，但這樣來回總是有點麻煩，而這篇要介紹在...

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

0 Like 0 留言 1007 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

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

0 Like 0 留言 1290 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Node.js - push() 新增資料

push() 新增資料跟 set() 很類似，這次練習使用 push() 來新增一筆資料，概念可以想成跟陣列的 push 很像，是增加資料的用的。以下做個...

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

0 Like 0 留言 1901 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 Node.js - 引用 Firebase 當作資料庫

選擇 Firebase 原因此次練習會選擇用 Firebase 是因為只要有 Google 帳號就能開通此服務，並且免費方案就相當好用，亦可透過 JaveS...

Tim Hsu ‧ 2022-09-29 ‧團隊貓肥家潤一條龍

0 Like 0 留言 3134 瀏覽

技術 iOS 與 Firebase 的邂逅 -- App推播與web view跳轉實作

推播服務是App的一種與使用者互動的特色服務，使用者可以透過推播隨時隨地與App進行互動。App推播功能有許多的種類，有本地推播、遠程推播、 App內推播等等....

很老的新手工程師 ‧ 2022-12-26

0 Like 0 留言 1552 瀏覽

技術 Firebase * Realtime Database * Web * Writ

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

Chita ‧ 2021-11-19

0 Like 0 留言 1073 瀏覽

技術用Firebase Web的小功能分享 (3)

上傳檔案後製作超連結下載檔案 - 用innerHTML製作超連結 code 最後就是如何顯示map並把他轉成放在HTML裡： function call...

minimindy ‧ 2021-10-31

0 Like 0 留言 1100 瀏覽

技術用Firebase Web的小功能分享 (2)

上傳檔案後製作超連結下載檔案 - 抓檔案名字跟下載的URL code 因為抓檔案名字用forEach去抓，沒有固定的順序每次抓都會變動，因此這邊就決定先...