從 2022 年底開始，AI 迎來了爆發性的急速發展。到了今天，到處都能聽到有人說自己用 AI 做了什麼厲害的項目。但老實說，這背後其實隱藏了太多細節。
AI 時代的技術落差與初衷
很多人腦海中都有很棒的想法，但往往不知道如何真正落實。有時候，AI 給出的答案太表面，或者充斥著一堆生硬的專業術語，反而讓人很難起步。這也是我建立「Mad Syne」這個網站的其中一個原因：我想把一個專案從零到一的開發過程完整記錄下來。當一個想法超前或者不被理解時，往往會被當成偏執或瘋癲（Mad）；但當時間追趕上來，與現實產生共鳴（Syne），大家才會看懂它的價值。
話說在前頭，所謂的「外行人」，其實我自己也是。我並不是什麼專精的技術人員，這裡也不是什麼專業領域，你不會在這裡讀到很高深、專業技術含量極高的文章。我純粹也是一個業餘愛好者。
正因如此（如果你有留意這個網站，應該會發現我明確表示了這裡並非專業殿堂），我更希望用最接地氣、大家都能聽懂的語言來分享。我不需要像教科書那樣高深，我只是希望能點一盞燈，幫大家理清一條思路。讓所有想跨入這個領域、發展自己另一個技術的「外行人」，都有一個真正能看得懂、能參考的起步點。
為什麼想看個天氣這麼累？
而這次我想分享的，是我剛將近完成的一個專案：HKWind 香港實時天氣地圖（hkwind.com）。
做這個網站的原因非常單純：每次我想看即時天氣時，真的覺得很累。
每次出門前，我只想確認一下會不會下雨、現在氣溫。但打開現有的天氣 App 或網站，迎接我的都是滿畫面的資訊、密密麻麻的數字、各種複雜的網頁設計，還有漫長的載入速度。在看到我想看的內容之前，我必須先接收一堆我不需要的「雜訊」。
網頁不應該有這麼多沒必要的干擾。
於是我自己動手製作了一個網站。我直接從香港天文台抓取即時的天氣數據，把那些繁雜的資料過濾、整合，最後做出一個簡單的指標，直接顯示在乾淨的地圖上。
現在，任何人一進入 HKWind，幾秒鐘載入完成，一眼看過去，哪裡在下雨、現在氣溫如何，清清楚楚。不需要左按右點，不需要到處尋找，這才是一個工具該有的樣子。
網站開發的三個基本元素
為了給自己留個紀錄，也為了讓想嘗試的人有個方向，接下來我會陸續把這個網站的技術與思路分享出來。
要製作一個網站，其實就像在現實世界蓋房子一樣，最基本需要幾樣東西：
- 伺服器（Server / Web Hosting / VPS）：存放網站檔案、讓程式運作的地方，就像你買的「地基與空間」。
- 程式語言（HTML, CSS, JavaScript, PHP 等）：用來建構網頁的架構與外觀，就像蓋房子所需的「建材與磚瓦」。
- 域名（Domain Name）：也就是你的網址（例如 www.hkwind.com），就像這棟房子的「地址」。
下一篇，我們就從最核心的起步點開始聊起：你的「地基」該怎麼準備，以及我們需要用到什麼「語言」來搭建。