OpenAI Playground 全新改版：AI 提示詞生成工具再升級，直覺式介面與 Responses API 正式開放
OpenAI 自家的提示詞工具 Playground 最近又更新啦，相比我們幾個月前介紹的舊版本，在最近一次的更新裡面，他不只介面整個大翻新...
技術雜談
54 篇筆記，新到舊
由淺入深的 SQL 練習 30 題 (三個難度等級各 10 題)：叫車服務篇
今天我們就再練習一組題目，讓腦中的那些 SQL 語法慢慢沉到直覺裡吧。這次我們用叫車服務app當作例子，把乘客、司機，還有其他與每趟車程有關的資訊都...
由淺入深的 SQL 練習 30 題 (三個難度等級各 10 題)：咖啡廳篇
現在假設我們開了一間小咖啡館，那麼就會有像是「會員資料、飲品菜單、每日訂單、點單明細、以及店員排班」這些表格。把買咖啡的人、煮咖啡的人、還有那杯...
由淺入深的 SQL 練習 30 題 (三個難度等級各 10 題)：員工資料篇
過去帶課時，我發現學生在學完 SQL 的概念後，如果能夠立刻練習對理解的效果是最佳的。於是我選了幾種生活中常用的、會利用到資料庫的一些情境來做為...
ChatGPT 長「眼睛」了！AI 視訊功能實測大公開
你對 AI 助理的印象，還停留在只會閒聊的「聊天機器人」階段嗎？自從 ChatGPT 問世以來，市場上便掀起了一場 AI 的軍備競賽。這兩三年來...
OpenAI 「Sora」 終於來了！高度整合 ChatGPT 自家技術，一窺 AI 影片生成的最新格局，第一手實測經驗分享！
OpenAI 的 AI 影片生成工具 Sora 終於正式發布了，整合了自家 ChatGPT的技術，能將簡單的一行文字提示轉化為精美的動態影片。然而從...
TopoExport：免安裝又能直接下載向量資料的線上地圖
雖然現在手機的導航已經很方便，但難免還是有需要簡易地圖來表示某個特定相對位置的時候。今天要介紹的 TopoExport，就是一款能...
免安裝的 SQL 線上模擬器 SQL Fiddle 變聰明了嗎？整合 AI 學習助理，依然完全免費
先前我們在 SQL Fiddle：免安裝、免註冊的SQL線上模擬器 這篇文章當中，介紹過一款不用安裝、可以直接在瀏覽器上跑的簡易 SQL 模擬器...
開箱 Napkin AI：可以拆解語意，視覺化你文字內容的圖表 AI
現在 AI 工具奇形怪狀的真的是越來越多了 (稱讚意味)，比如最近我試用的 Napkin AI，它神奇的地方在於可以根據你給的文章內容來自動生成示意圖...
AI 提示詞太難寫？OpenAI 最新免費工具，3 分鐘生成完美提示詞
寫出好的提示詞，是讓 AI 發揮最大效益的關鍵。但是，要寫出一個好的提示詞，並不是一件容易的事。即使是經驗豐富的使用者，有時也...
內政部 3D 國家底圖平台上線！免費瀏覽全台 440 萬棟建築，帶你從天際俯瞰台灣
想知道你家附近的建築物從高空看起來是什麼樣子、或是好奇過某個地區的地形地貌嗎？現在這些資料由政府官方直接免費開放給大家了，只要...
ShadeMap：讓你在瀏覽器裡預測全世界的陰影變化
你是不是也遇過這樣的情況：想要在某個地點拍照，卻不知道什麼時間的光線最適合？或是正在...
Bootstrap 排版技巧：確保 row 中不同欄位的子元素高度對齊
當我們在使用 Bootstrap 進行網頁排版時，經常會遇到這樣的情況：同一 row 中的兩個（或多個）col 元素包含的子元素高度不同，這經常...
處理 bootstrap table 當中固定 thead 的 border 跑掉問題
在使用 Bootstrap 進行網頁開發時，如果想要自己在進行一些樣式微調，就常會遇到一些預期之外的排版問題，像是樣式改不過去、或是效果只出現...
StackEdit: 所見即所得的 markdown 工具
最近偶爾會幫一些舊文章補圖，通常是些表格阿、圖表之類的，但又懶得真的一張一張的去做圖、調整格式，這時我的腦筋就動到了只需要簡單文字...
ChatGPT 開放付費服務！實測20美元的 ChatGPT Plus 有何與眾不同？
自從 OpenAI 推出了 ChatGPT，這款由 AI 驅動的聊天助手已成為許多人日常生活和工作的好幫手。而根據 OpenAI 的公告，將在美國本土推出一個月付...
SQL Fiddle：免安裝、免註冊的SQL線上模擬器
一般來說，關於SQL的應用與練習，都是需要搭配已經安裝好的資料庫環境下才能夠施作，如果你只在辦公室有設定這樣的環境，卻又想要在家練習...
Disco Diffusion：免費開源的AI圖像生成引擎
繼前篇 讓想像的場景成真：單靠文字描述就能生成AI圖像的Midjourney 後，對於AI圖像生成是否感到意猶未盡呢？玩了幾次Midjourney後...
讓想像的場景成真：單靠文字描述就能生成 AI 圖像的 Midjourney
AI 的發展近日越發神速，在圖像學習與處理的方面，漸漸地也形成了一股生成式藝術的風潮。僅在一兩年前，製作一幅生成式圖像的門檻...
AB testing 廣告素材做到很迷茫？試試能夠一秒自動產生多種版型的 LINE Creative Lab 自動創作
有從事過廣告投放的朋友，對於 AB test 的概念應該不陌生，要從同一個 campaign 中找出最有成效的素材與文案組合，可說是必經的...
開發你的第一個DApp (五) 存取智能合約
在上一篇文章中，我們已經在localhost部屬好合約，以及取得了合約的地址。合約只存在在測試環境中，所以如果我們中斷了localhost，則需要...
開發你的第一個DApp (四) 佈署智能合約
目前為止我們有了localhost環境、有一份solidity合約、也已經compile成json格式了，現在可以進入佈署合約的環節囉。佈署合約前，我們需要...
開發你的第一個DApp (三) 產生智能合約
我們在上一篇 開發你的第一個DApp (二) 中，準備好了Loaclhost與metamask測試錢包及ETH測試幣。如此一來我們就可以在這個環境下...
開發你的第一個DApp (二) Localhost
繼前篇 開發你的第一個DApp (一)，我們已經把相關環境都設定好了，之後每次要進入localhost環境的話，再重新到...
開發你的第一個DApp (一) 簡介與環境設定
DApp(Decentralized application)，外觀上和普通的應用程式(application)非常相像，不同的是dapp整合了web3的概念，能夠透過智能...
Metamask 小狐狸錢包被盜了!快檢查自己的虛擬資產現在安全嗎?
Metamask 小狐狸錢包，由於使用方便、操作容易、又能收藏NFT，是目前世界上最受歡迎的乙太坊錢包，也是我一直愛用至今的原因。然而...
能根據資料庫自動生成、還能與使用者互動的 js 圖表 chart.js，讓資料視覺化更容易
以往當我們想要從資料庫讀資料並轉化成網頁上的動態向量圖表時，可能常會想到的是具備良好設計彈性的開源工具 d3.js ，但實作與...
SQL 效能優化入門：關於 Index、查詢優化，你不可不知的 5 大重點
在前幾篇文章裡頭，我們從最基本的 CRUD（SELECT、INSERT、UPDATE、DELETE）到 JOIN 再到 GROUP BY 都已經初步上手了。那麼現在...
GROUP BY 使用指南：3 個實用的範例，教你掌握 SQL 當中的統計與聚合
當你的資料越來越龐大、資料表越來越多之後，你肯定想過：「我想知道每個客戶的訂單總金額是多少？」「每種商品這個月賣了幾件？」「每個地區有多少位顧客？」...
搞懂 SQL JOIN：LEFT、RIGHT、INNER、FULL 不再被搞混！
在現實的資料庫情境裡，通常不可能只用到單一張表：當我們需要將多張表的資訊拼接在一起，來藉此查看更完整的資訊時，就會用到 JOIN 這個...
SQL 新手入門：用 SELECT、INSERT、UPDATE、DELETE 建立你的第一個資料表
如果你是那種「很想馬上動手寫看看，但又擔心自己亂敲一通」的初學者，那麼這篇文章正好可以讓你在最短的時間內，利用這四種基本指令...
CSS Layout: 各式常見 CSS 空白版面與元件，刻 UI 的好幫手
如果平常有在接觸前端開發的朋友，應該都知道拜許多好用的工具與框架之賜，現在許多常見的元件與版面佈局已經不再像從前...
《The Science Post》的大型社會實驗：文章的標題比想像中還要重要！你也被標題釣魚過嗎？
你每天花多少時間在Facebook上、又從Facebook上閱讀了多少文章並留下評論呢？這其中，能讓你從往下滑的動作停下來觀看...
拜占庭問題
假設強盛的大國拜占庭，每個邊界守衛站都鎮守一名將軍，將軍們之間通信需要透過信使們跑來跑去傳遞訊息。若眾多...
CSS3 屬性教學: Flexbox
Flexbox 是 CSS3 新增的一種屬性，從2012年推出以來到現在，大部分的瀏覽器(除了 ie10 以下)都有良好的支援。好好使用 Flexbox 可以...
方便的前端小工具：Fake Image 假圖產生器
做網頁前端的朋友們應該有聽過可以幫助預覽版面的假文產生器 Lorem Ipsum，在還不知道具體文字內容的情況下，有了假文的幫助，也可以順暢...
Facebook貼文成效不佳嗎？抓住這5大原則，讓你從此從眾多競爭者中脫穎而出
在社交媒體繁多的世代裡，雖然使用Instagram等其他平台的使用者日益增多，對於商業活動與粉專經營來說，Facebook目前...
SEO 的基本功 (二)：如何進行網站關鍵字搜尋分析
想像一下，當潛在客戶在搜尋引擎中輸入查詢時，你希望能出現在他們的眼前會是什麼？這時候，如果你的網站內容...
SEO 的基本功 (一)：Sitemap(網站地圖) 提升網站能見度的秘密武器
我們都知道，一間店生意是好是壞，除了產品是否吸引人之外，這個商店每天能被多少路過的人看見也是很重要的因素之一。同樣的...
自己的地圖自己畫：開源地圖 Open Street Map
說到線上電子地圖，我們第一個想到的就會是免費的 Google Maps 以及各大衛星導航商所提供的付費圖資，雖說使用起來...
設計師間的都市傳說：帶著 Macbook 到星巴克做設計，出來的稿件就會出現神奇色差？
上次我們討論過關於螢幕顯示色差的問題，一般來說 Mac 在顯示色彩的準確性方面還是普遍優於 Windows，如果再加上螢幕定期校色，基本上能夠...
印刷出來的顏色為什麼會和螢幕上的顏色差這麼多？問題可能出在 Mac 與 Windows 色彩管理的差異上！
明明色彩已經轉換為印刷用的 CMYK，但印出來就是跟螢幕上看的不一樣，跟印刷廠討論也沒得出什麼結果嗎？其實，導致產生色差...
Git 當中 commit 出去後的修改方法
理論上，在 git 當中的任何紀錄都應該是不能修改的，包括在 commit 時順手寫下的 notes 也是。但如果...
C# 教學資源：適合初學者的入門學習
今天想和大家分享一些近期我準備給學生的 C# 補充材料，我挑了些能幫助初學者入門的幾個友善教學，一起來看看有...
Scrapy：便於web資料挖掘的python工具
在進行資料挖掘或 web 資料抓取時，Scrapy 是一個非常方便的 Python 工具。它是一個高效又好用的網頁抓取框架，能讓你輕鬆...
記事本掰掰！可即時預覽 html、css、以及 js 效果的 codepen
CodePen是一個線上編輯器，可以即時預覽HTML、CSS和JavaScript的效果。對於我這樣喜歡馬上看到成果的人來說...
C#：判斷是否網頁已載入完成
在開發 C# 程式時，有時候我們需要確定網頁是否已經完全載入完成，這樣才能進一步對頁面上的元素進行操作。今天我就來介紹幾種...
JSON：簡潔易用的結構化資料格式
說到網頁開發，在過去遇到有資料要在伺服器、網頁及app之間傳輸的時候，通常會使用 XML 來處理。但隨者時代技術演進跟多種瀏覽器...
SQL：查詢目前所使用的登入帳號有具備哪些有效權限
今天來簡單介紹一下，如何在 SQL 查詢目前所使用的登入帳號有具備哪些有效權限。首先我們需要在slelct視窗下，輸入...
電腦當機時不用重灌的方法：利用登錄檔讓windows起死回生
有時候，問題其實並不是硬體故障，而是登錄檔出了問題。只要你的硬碟資料還在，我們就有希望讓系統「起死回生」。今天就來分享一個...
將server加進白名單
在管理伺服器或進行測試時，我們可能會需要手動將某些伺服器加入白名單，這樣才能確保我們能夠順利連線。這個...
由天才數學家高斯提出的全新製圖投影法，為什麼還是無法完全取代麥卡托？
在上一篇文章 (為什麼俄羅斯看起來這麼大？原來麥卡托投影是500年前的古老製圖法？！) 當中，我們聊到了麥卡托投影法，特別是它對極地地區造成的面積...
為什麼俄羅斯看起來這麼大？原來麥卡托投影是500年前的古老製圖法？！
你有沒有發現，在地圖上俄羅斯看起來幾乎占據了北半球的大部分？它似乎比任何其他國家都大得多，但實際上這種印象是一種錯覺。這個現象來自於...
關於 GPS & GIS 的豆知識
對衛星導航、GPS、GIS 等相關領域有興趣，但不知道要如何開始，也不知道要從那些關鍵字開始查嗎？這裡我簡短列出...