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