技術叢林
首頁內容關於
Top 5
前面文章有說明過訂閱資料庫的更新事件，讓前端畫面能夠收到更新資訊即時反應在用戶面前，那接下來要介紹Supabase的Webhooks則是能讓其他server端收到資料庫事件的通知。
這裡簡單說明一下Webhooks，一般來說是由前端主動呼叫後端API，取回資料，Webhooks則是由後端伺服器觸發某
本篇文章又要介紹Supabase好用的實時更新功能，叫做Presence。Presence是 Supabase 提供的一項實時更新功能，讓開發者能夠輕鬆實現用戶之間的實
嗨歡迎閱讀我的文章！這是關於Supabase的系列文章，內容包含介紹Supabase是什麼、基本功能應用，深入了解Supa
Supabase是使用PostgreSQL作為資料庫，所以當然也具有Storage的功能，能夠儲存用戶的圖片或是檔案，一樣可以設定讀取權限相當方便，一起瞭解如何操作。
從後台的大頁籤就可以進去Storage頁面，頁面和資料庫表格有點類似，如果有新增任何buckets就會顯示在All buckets的
本篇文章主要介紹Supabase裡的Trigger的功能，詳細說明什麼是Trigger和使用時機，以及如何在後台瀏覽和設定Trigger，此外，文章中會提供一個常用的Trigger功能範例。
善用觸發器(Trigger)的話，能夠幫助開發者減少重複執行的工作，提高資料庫效能和安全性，可以說是一個強大
這篇要介紹的是Supabase裡的Functions，我不知道有沒有官方的中文譯名，我都直接稱呼為函式或程式。Functions就是和任何程式語言裡面所認識的函式一樣，只差在這個Functions是在PostgreSQL裡面執行，沒有聽錯是在資料庫裡面執行的函式，文章會介紹新增的方式和做一個範例。
在前面的文章中已經在supabase中完成了基本的操作，甚至已經完成訂閱即時更新的功能，接著本篇文章要介紹的是如何在supabase裡設定與使用外來鍵，包含如何在客戶端撰寫查詢外鍵的SQL，馬上開始。如果還沒有閱讀實時更新功能文章的話可以點擊這裡去閱讀。
嗨歡迎閱讀我的文章！這是關於Supabase
在網頁裡直接監聽資料庫的變化吧！
這個聽起來需要複雜工程的事情，在supabase的幫助之下就可以解決，串接好後只要資料庫中的資料發生變化，supabase會自動把最新資料發送到前端頁面，可以讓使用者即時收到最新資訊，省去重複刷新頁面，提供使用者體驗。
在supabase中的實時更新總共有3種事件
在supabase裡可以直接從客戶端讀取資料庫中的資料，在設定好RLS的前提之下，更可以對資料庫直接進行新增、修改、刪除等操作。
先進到後台選擇SQL Editor，可以來到SQL編輯器的頁面，如果是本身會寫資料庫相關的SQL內容可以直接點擊上方的New query按鈕，可以開啟一個空白頁面開始編輯
在上篇文章中Supabase的JavaScript Client Library串接實作我們實際安裝並且使用了supabase-js連接我們的supabase資料庫，並且已經測試成功。本篇文章就來導覽一下supabase-js的文件，還有在頁面裡面示範會員管理系統的登入和登出，以及在客戶端的操作。嗨
Supabase的串接方式很多元，其中在網頁前端中使用起來最簡單也最推薦的方式就是使用官方提供的supabase-js套件，該套件已經把所有REST和REALTIME的API功能包好，可以方便的在網頁中提取使用。嗨歡迎閱讀我的文章！這是關於Supabase的系列文章，內容包含介紹Supabase是什
前面文章有說明過訂閱資料庫的更新事件，讓前端畫面能夠收到更新資訊即時反應在用戶面前，那接下來要介紹Supabase的Webhooks則是能讓其他server端收到資料庫事件的通知。
這裡簡單說明一下Webhooks，一般來說是由前端主動呼叫後端API，取回資料，Webhooks則是由後端伺服器觸發某
本篇文章又要介紹Supabase好用的實時更新功能，叫做Presence。Presence是 Supabase 提供的一項實時更新功能，讓開發者能夠輕鬆實現用戶之間的實
嗨歡迎閱讀我的文章！這是關於Supabase的系列文章，內容包含介紹Supabase是什麼、基本功能應用，深入了解Supa
Supabase是使用PostgreSQL作為資料庫，所以當然也具有Storage的功能，能夠儲存用戶的圖片或是檔案，一樣可以設定讀取權限相當方便，一起瞭解如何操作。
從後台的大頁籤就可以進去Storage頁面，頁面和資料庫表格有點類似，如果有新增任何buckets就會顯示在All buckets的
本篇文章主要介紹Supabase裡的Trigger的功能，詳細說明什麼是Trigger和使用時機，以及如何在後台瀏覽和設定Trigger，此外，文章中會提供一個常用的Trigger功能範例。
善用觸發器(Trigger)的話，能夠幫助開發者減少重複執行的工作，提高資料庫效能和安全性，可以說是一個強大
這篇要介紹的是Supabase裡的Functions，我不知道有沒有官方的中文譯名，我都直接稱呼為函式或程式。Functions就是和任何程式語言裡面所認識的函式一樣，只差在這個Functions是在PostgreSQL裡面執行，沒有聽錯是在資料庫裡面執行的函式，文章會介紹新增的方式和做一個範例。
在前面的文章中已經在supabase中完成了基本的操作，甚至已經完成訂閱即時更新的功能，接著本篇文章要介紹的是如何在supabase裡設定與使用外來鍵，包含如何在客戶端撰寫查詢外鍵的SQL，馬上開始。如果還沒有閱讀實時更新功能文章的話可以點擊這裡去閱讀。
嗨歡迎閱讀我的文章！這是關於Supabase
在網頁裡直接監聽資料庫的變化吧！
這個聽起來需要複雜工程的事情，在supabase的幫助之下就可以解決，串接好後只要資料庫中的資料發生變化，supabase會自動把最新資料發送到前端頁面，可以讓使用者即時收到最新資訊，省去重複刷新頁面，提供使用者體驗。
在supabase中的實時更新總共有3種事件
在supabase裡可以直接從客戶端讀取資料庫中的資料，在設定好RLS的前提之下，更可以對資料庫直接進行新增、修改、刪除等操作。
先進到後台選擇SQL Editor，可以來到SQL編輯器的頁面，如果是本身會寫資料庫相關的SQL內容可以直接點擊上方的New query按鈕，可以開啟一個空白頁面開始編輯
在上篇文章中Supabase的JavaScript Client Library串接實作我們實際安裝並且使用了supabase-js連接我們的supabase資料庫，並且已經測試成功。本篇文章就來導覽一下supabase-js的文件，還有在頁面裡面示範會員管理系統的登入和登出，以及在客戶端的操作。嗨
Supabase的串接方式很多元，其中在網頁前端中使用起來最簡單也最推薦的方式就是使用官方提供的supabase-js套件，該套件已經把所有REST和REALTIME的API功能包好，可以方便的在網頁中提取使用。嗨歡迎閱讀我的文章！這是關於Supabase的系列文章，內容包含介紹Supabase是什
本篇是Tailwind CSS系列文章的第一篇，就用輕鬆的閒聊方式來認識一下Tailwind CSS，讓你知道它的魅力所在。Tailwind CSS是一種「Utility-First」的CSS設計模式，提供非常多預先定義好的class給開發者使用，直接加在HTML上就能直接使用，協助開發者更快的開發
本篇是Tailwind CSS系列文章的第一篇，就用輕鬆的閒聊方式來認識一下Tailwind CSS，讓你知道它的魅力所在。Tailwind CSS是一種「Utility-First」的CSS設計模式，提供非常多預先定義好的class給開發者使用，直接加在HTML上就能直接使用，協助開發者更快的開發
在目前網路社群當道的時代，一個微型網站匯聚網路各處資訊的中心站變得重要Portaly傳送門提供所有人簡單架設微型網站的選擇，讓不懂程式、不懂美術、不懂伺服器的人皆可輕鬆上手。Portaly傳送門的微型網站適合各種創作者，尤其適用於社群入口型網站，讓粉絲或消費者透過社群入口進入品牌的各種內容，甚至透過
常常會在網路上看到專業的品牌能夠使用自己的域名來收發Email，使用自己的域名收發Email不僅可以讓網站容易被記住，也能讓用戶收到你的Email能更加信任信件內容。
使用Gmail作為電子郵件伺服器也沒有問題，因為其免費使用而且功能齊全，其實光是免費這項優點就值得使用Gmail當作電子郵件伺服器。
Bitly是一個常見的短連結平台，提供所有使用者把原始網址轉換成較為簡短的連結字數，同時該平台也提供API給使用者串接使用
大概看過官方提供的api文件，算是功能齊全，只要本身帳號權限夠高，所有操作皆可在API中進行
自己也是有少量使用過bitly平台，那就嘗試動手串接一下API看看
取得通行證(A
TinyMCE功能強大，實作起來其實比想像中還容易，官方提供的免費額度提供自己做個side project玩玩滿充足的
TinyMCE介紹
TinyMCE是一款功能齊全的網頁文字編輯器，直接使用滑鼠選取文字並且點擊功能按鈕即可對文字進行樣式編輯，在文章編輯或是撰寫Mail的時候皆是非常好用的功能。
寫一封email是現在人的日常，用程式發送email本來以為是一件難事，但自從摸了一下Nodemailer以後世界就變得不一樣
甚至使用Nodemailer搭配Express就可以製作出簡易發送Email的API給自己使用(or別人)，馬上進入主題
首先你要有一個nodejs的server，會看這篇
本篇文章雖然是Line機器人操作教學，但如何申請機器人請自己去搜尋一下，創建也自己創一下，有很多篇手把手教學
目標想達到的效果
Line機器人收到圖片後將圖片上傳至imgur雲端空間，回傳使用者圖片url
閱讀前需具備知識
Line機器人創建設置
Nodejs與express基礎配置
@line/b
對於前端工程師來說github上的gh-page是一個很適合放置自己作品的地方
尤其適合想要練練手感的時候可以方便地展示成果的地方
在過去使用手動commit至gh-page的分支上，或是使用deploy.sh檔來部署，對於我這種懶人來說都是多一個步驟，時常會覺得麻煩
現在能夠透過github ac
在目前網路社群當道的時代，一個微型網站匯聚網路各處資訊的中心站變得重要Portaly傳送門提供所有人簡單架設微型網站的選擇，讓不懂程式、不懂美術、不懂伺服器的人皆可輕鬆上手。Portaly傳送門的微型網站適合各種創作者，尤其適用於社群入口型網站，讓粉絲或消費者透過社群入口進入品牌的各種內容，甚至透過
常常會在網路上看到專業的品牌能夠使用自己的域名來收發Email，使用自己的域名收發Email不僅可以讓網站容易被記住，也能讓用戶收到你的Email能更加信任信件內容。
使用Gmail作為電子郵件伺服器也沒有問題，因為其免費使用而且功能齊全，其實光是免費這項優點就值得使用Gmail當作電子郵件伺服器。
Bitly是一個常見的短連結平台，提供所有使用者把原始網址轉換成較為簡短的連結字數，同時該平台也提供API給使用者串接使用
大概看過官方提供的api文件，算是功能齊全，只要本身帳號權限夠高，所有操作皆可在API中進行
自己也是有少量使用過bitly平台，那就嘗試動手串接一下API看看
取得通行證(A
TinyMCE功能強大，實作起來其實比想像中還容易，官方提供的免費額度提供自己做個side project玩玩滿充足的
TinyMCE介紹
TinyMCE是一款功能齊全的網頁文字編輯器，直接使用滑鼠選取文字並且點擊功能按鈕即可對文字進行樣式編輯，在文章編輯或是撰寫Mail的時候皆是非常好用的功能。
寫一封email是現在人的日常，用程式發送email本來以為是一件難事，但自從摸了一下Nodemailer以後世界就變得不一樣
甚至使用Nodemailer搭配Express就可以製作出簡易發送Email的API給自己使用(or別人)，馬上進入主題
首先你要有一個nodejs的server，會看這篇
本篇文章雖然是Line機器人操作教學，但如何申請機器人請自己去搜尋一下，創建也自己創一下，有很多篇手把手教學
目標想達到的效果
Line機器人收到圖片後將圖片上傳至imgur雲端空間，回傳使用者圖片url
閱讀前需具備知識
Line機器人創建設置
Nodejs與express基礎配置
@line/b
對於前端工程師來說github上的gh-page是一個很適合放置自己作品的地方
尤其適合想要練練手感的時候可以方便地展示成果的地方
在過去使用手動commit至gh-page的分支上，或是使用deploy.sh檔來部署，對於我這種懶人來說都是多一個步驟，時常會覺得麻煩
現在能夠透過github ac
