鼻爾蓋茲筆一下
首頁內容方案關於
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傳送門的微型網站適合各種創作者，尤其適用於社群入口型網站，讓粉絲或消費者透過社群入口進入品牌的各種內容，甚至透過
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傳送門的微型網站適合各種創作者，尤其適用於社群入口型網站，讓粉絲或消費者透過社群入口進入品牌的各種內容，甚至透過
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
去日本旅遊想省下購物時間？這篇教你如何在 Amazon 日本下單，直接寄送到大阪心齋橋舒適飯店 (Comfort Hotel Osaka Shinsaibashi)。分享實測購買隱形眼鏡、地址填寫教學、飯店代收政策與領取包裹流程，讓你的日本旅遊購物輕鬆又划算！
這次大阪行選擇搭乘中華航空 China Airlines，去程 CI172 與回程 CI153 都是午後航班，時間不趕又愜意。雖然是老牌傳統航空，但機上餐點、託運行李和寬敞座位還是讓人覺得物有所值。這篇文章分享這次 A330-300 機型的實際搭乘體驗！
大阪自由行交通救星！這次實測「Innn 機場接送」，從關西機場直達心齋橋飯店只要1小時。全中文溝通、司機準時、免搬行李擠電車，是最推薦的大阪機場交通方式。內附關西機場到市區交通比較圖（南海電鐵、巴士、計程車）。
大阪周遊卡(Osaka Amazing Pass)一日券怎麼玩最划算？這篇公開我的私房行程！早上大阪城坐御座船，下午去阿倍野 Harukas 300 看美景（有打折！），還有一間相撲選手開的超厚炸豬排必吃。晚上回心齋橋搭道頓堀水上觀光船，行程排得滿滿又愜意！這篇超過1000字的超詳細攻略，手把手教
還在煩惱大阪環球影城交通問題？本文實際分享從心齋橋、道頓堀搭乘KKday單程直達巴士的心得，比較電車與巴士的優劣，並提供預訂流程、乘車地點、車程體驗及注意事項，幫助您輕鬆前往環球影城，玩得更盡興。
從大阪心齋橋出發，分享最划算的近鐵一日券交通方式、春日大社、二月堂、東大寺等景點路線，以及必吃的大佛布丁伴手禮，一篇搞定奈良一日遊！
推薦入住大阪心齋橋的 Comfort Hotel，位於鬧區的絕佳地點，周邊盡是藥妝店、服飾店、百貨公司，鄰近道頓堀，交通便利。飯店提供免費早餐、寬敞的公共空間「Comfort Library Cafe」，並能代收日本 Amazon 包裹。適合情侶、朋友、自由行旅客或商務客。
去日本旅遊想省下購物時間？這篇教你如何在 Amazon 日本下單，直接寄送到大阪心齋橋舒適飯店 (Comfort Hotel Osaka Shinsaibashi)。分享實測購買隱形眼鏡、地址填寫教學、飯店代收政策與領取包裹流程，讓你的日本旅遊購物輕鬆又划算！
這次大阪行選擇搭乘中華航空 China Airlines，去程 CI172 與回程 CI153 都是午後航班，時間不趕又愜意。雖然是老牌傳統航空，但機上餐點、託運行李和寬敞座位還是讓人覺得物有所值。這篇文章分享這次 A330-300 機型的實際搭乘體驗！
大阪自由行交通救星！這次實測「Innn 機場接送」，從關西機場直達心齋橋飯店只要1小時。全中文溝通、司機準時、免搬行李擠電車，是最推薦的大阪機場交通方式。內附關西機場到市區交通比較圖（南海電鐵、巴士、計程車）。
大阪周遊卡(Osaka Amazing Pass)一日券怎麼玩最划算？這篇公開我的私房行程！早上大阪城坐御座船，下午去阿倍野 Harukas 300 看美景（有打折！），還有一間相撲選手開的超厚炸豬排必吃。晚上回心齋橋搭道頓堀水上觀光船，行程排得滿滿又愜意！這篇超過1000字的超詳細攻略，手把手教
還在煩惱大阪環球影城交通問題？本文實際分享從心齋橋、道頓堀搭乘KKday單程直達巴士的心得，比較電車與巴士的優劣，並提供預訂流程、乘車地點、車程體驗及注意事項，幫助您輕鬆前往環球影城，玩得更盡興。
從大阪心齋橋出發，分享最划算的近鐵一日券交通方式、春日大社、二月堂、東大寺等景點路線，以及必吃的大佛布丁伴手禮，一篇搞定奈良一日遊！
推薦入住大阪心齋橋的 Comfort Hotel，位於鬧區的絕佳地點，周邊盡是藥妝店、服飾店、百貨公司，鄰近道頓堀，交通便利。飯店提供免費早餐、寬敞的公共空間「Comfort Library Cafe」，並能代收日本 Amazon 包裹。適合情侶、朋友、自由行旅客或商務客。
常常會在網路上看到專業的品牌能夠使用自己的域名來收發Email，使用自己的域名收發Email不僅可以讓網站容易被記住，也能讓用戶收到你的Email能更加信任信件內容。
使用Gmail作為電子郵件伺服器也沒有問題，因為其免費使用而且功能齊全，其實光是免費這項優點就值得使用Gmail當作電子郵件伺服器。
常常會在網路上看到專業的品牌能夠使用自己的域名來收發Email，使用自己的域名收發Email不僅可以讓網站容易被記住，也能讓用戶收到你的Email能更加信任信件內容。
使用Gmail作為電子郵件伺服器也沒有問題，因為其免費使用而且功能齊全，其實光是免費這項優點就值得使用Gmail當作電子郵件伺服器。
