Tools mentioned in this article
Open the browser-based tool while you read and try the workflow immediately.
偶爾降臨的原生 SQL 惡夢
「單純用 SELECT 和 WHERE 篩選資料我還行……但只要 INNER JOIN 和 LEFT JOIN 一跑出來，我的大腦就直接當局了。」
這是我在輔導初階開發者時最常聽到的真心話。而且我完全懂！有了現代強大的 ORM（例如 Prisma 或是 ActiveRecord）幫我們扛下大部分的粗活，我們在每天的前後端上下班日常裡，幾乎已經不太需要親手去寫「原生 SQL（Raw SQL）」了。
但該來的還是會來。偏偏今天你需要拉出一份非常刁鑽的分析報表：「幫我抓出這個月所有用戶的營收，排除掉已經停權的帳號，然後把它跟 Log 表格 JOIN 在一起。」你試著憑記憶拼湊出這段語法，按下執行，然後被一句冷酷無情的 Syntax error near 'LEFT JOIN'狠狠打臉。接下來你得浪費 20 分鐘才發現自己沒關好單引號，或者不小心塞了一個多餘的逗號。真的心好累。
像疊樂高一樣組裝資料結構
「如果有個工具能讓我完全忘記語法規則，只專注在『如何將資料串接起來』的邏輯本質上呢？」
這個念頭催生了這個視覺化 SQL 產生器。我希望能提供一個遊樂場，你只要用滑鼠按幾下下拉選單挑選資料表和欄位，背後就會自動幫你排好一段語法完美、毫無 Bug 的查詢程式碼。
這個工具裡讓我最自豪的設計，絕對是它的即時預覽功能。
當你把下拉選單從 INNER JOIN 切換成 LEFT JOIN 的那一瞬間，右邊的 SQL 區塊會在不到十分之一秒內同步更新。看著程式碼即時給出反應，會產生一種非常強烈的回饋感。因為你能立刻看到你點擊之後的「後果」，這使得這個小工具不知不覺中，變成了一個超級有效的 SQL 學習用沙盒。
老實講，現在最依賴這個工具的人可能是我自己。如果它可以拯救任何一個開發者，讓他免於因為少打一個逗號而崩潰抓頭髮的命運，那當初花在開發這東西的每一秒鐘就都完全值得了。