跳到主要內容

回顧 JavaScript for backend 講題

這次準備 WebConf 活動,受龍哥,PCT 的邀請講解 Node.js 相關議題,其實就技術來說與開發許多專案的前輩相比較,自己還是有許多地方需要精進,跟大家分享的方向也都是比較粗淺的部份,太多深入的議題可能就要請前輩來指導。

剛開始準備方向是希望與大家分享 Node.js 分散式架構上的應用,整體來說也比較像是自己在 MiCloud 環境中實際應用的架構,會使用到 Load Balancer,Middle server,DB Server ,還有加上 SmartOS SMF 服務,一開始的確是這麼想,也是要朝這方向準備。畢竟這樣的課題是自己日常生活所在接觸,準備起來也是稀鬆平常,還可以充當內部說明簡報,當然最後卻沒有這樣子做。

主因是相信來到 WebConf 的朋友大多沒有接觸過  Node.js,Node.js 某方面來說對各位也算是新的技術,如果對於一個沒有接觸過的朋友,相信還是 Node for beginner 會比較適合。

在思考準備方向的時候開始有了許多矛盾,也有許多不同的想法,當時心中更呈現了『一起來寫程式吧!』這個詭異的念頭,回到實際面就是,我只有 『30 分鐘』,超出這個時間,就表示…

『你已經死了』



轉變

許多念頭許多想法,但是三十分鐘只能讓我呈現一個重點。最後決定的主題就是『說明 JavaSCript 本質』,在這個課題上良葛格已經寫了一系列的好文章給予後進,當然我所能著墨的就在於 JavaScript 在後端程式語言如何應用,以及差異上怎麼分別,最少讓大家在這三十分鐘內能夠知道 『JavaScript 已經不一樣』,就跟當時第一屆 『JSDC 2012』 舉辦的心情一樣,只要讓參與者,感受到 JavaScript 已經不一樣了,能夠讓大家體會到這件事情,就足夠了。

開始著手改自己的大綱,以及投影片的製作開始,將幾個重要的事情點出來。

 * 介紹平常所認知的 JS, 與實際 JS 差異
 * 如何判讀自己在前端、後端的 JS 環境
 * Node.js 如何替 JS 帶來新的契機
 * 簡單介紹 Node.js 能夠做什麼

驚喜

這個 slide 放在 slideShare ,希望能夠更多人能夠給予回饋,在經過一兩週之後,驚喜出現了,Slide 首先出現在

SlideShare 的首頁,

"JavaScript for backend " is being talked about on Facebook more than anything else on SlideShare right now.


接著過了兩天之後,又收到 SlideShare 的來信,

"Your presentation JavaScript for backend is featured on the SlideShare homepage."


這兩串小小衝擊下來,小小滿足自己的虛榮心,也感覺到好像自己有做了些什麼不一樣,總之心情是開心的,是雀躍的,但是好像又沒有什麼好說的。

如果大家有興趣回顧 JavaScript for Backend 的話,歡迎參考指教,





期望

很感謝龍哥, PCT 舉辦這場活動,也許用『盛事』來形容更為精確,與『IxDA』共同協辦研討會,確實帶來不一樣的影響,不論是開發者、設計師、產品規劃等,都可以從這場活動中獲益良多。個人也是深受益處。

接下來 JSDC 也開始萌生許多想法,當然希望能夠向這些研討會學習,也讓更多人了解 JavaScript 這個語言,讓 Web 帶來更多不一樣的衝擊與聲音,讓更多使用者能夠接觸到『全新使用者體驗』,讓所有人都能夠為之驚艷。

最後感謝所有參與者,所有聆聽者,希望大家能夠跟我有同樣的感受『JavaScript 真的不一樣了』。

留言

這個網誌中的熱門文章

Vibe Coding:到底?氛圍驅動程式開發必殺技?

Vibe Coding(氛圍編程) 是由 OpenAI 共同創辦人 Andrej Karpathy 在 2025 年提出的革命性程式開發方式,它讓開發者透過自然語言與 AI 對話來生成程式碼,徹底改變了傳統的編程模式。 這種開發方式的核心理念是 「順著感覺走」 ,讓 AI 處理技術細節,開發者專注於創意和需求描述。 Vibe Coding 需要基本上的規劃和執行,但並沒有強制規範,從日常經驗來說可分為三個階段, 前期準備、開發過程、和後期維護 三個關鍵階段。每個階段都有其特定的任務和注意事項,正確執行這些步驟將大幅提升開發效率和程式品質。 將靈感與需求透過 AI 快速轉化成產品功能或原型。以下幫你分成 「前、中、後」 三階段要做的事情,適合你自己做、或帶團隊做 前期:設定 vibe & 準備素材 這個階段的重點是 「建立開發語境」 ,因為 AI 的生成表現高度依賴前期提供的上下文與資料。 明確目標 :釐清要解決的問題、預期要做的功能與核心價值。例如在筆記軟體的情境中,可能是:「我要做一款讓使用者能用 Markdown 記錄筆記,並提供標籤與全文搜尋功能的簡單 App。」 收集靈感 :觀察同類產品(如 Obsidian、Notion)、蒐集市場痛點(例如太多筆記軟體無法脫機使用,或同步效能差)。 建立語境 :準備初步 prompt、背景知識、產品定位、品牌調性、目標使用者輪廓等。 確認資源 :決定用哪些工具(Gemini、ChatGPT、設計軟體、流程管理工具等)。 確認完上述內容之後,就可以先開始進行準備規格,進行第一次的 Vibe Coding 方向驗證 提示詞模板準備 很多人會跳過這步驟,但一份 「好的 AI 提示詞模板」 將決定接下來每一次 AI 對話的品質。有效的提示詞模板需具備: 描述具體且無歧義 包含技術要求和約束條件 提供範例資料和測試案例 指定程式碼風格和慣例 例如針對筆記軟體的案例:   「建立一個支援 AI 功能純文字筆記,輸入內容可即時渲染;需支援儲存到本地檔案,提供標籤欄位做分類;以 React 架構,程式風格採用 Tailwind style components 並使用 hooks。」 開發工具選擇 開發工具的選擇 同樣重要,目前市場上主要的 ...

Claude Code Hooks:自動化與安全的最佳實踐

寫在最前頭,這份文章主要寫起來是給自己看, 同時內容是比較適合開發者,工程師們可以做些自動化處理的簡單筆記。 Claude Code hooks Claude Code hooks 是一種強大的自動化機制,允許用戶在 Claude Code 的不同生命週期階段,自定義執行 shell 指令。這種設計讓開發者能夠將規則和自動化行為嵌入到應用層級,確保每次都能可靠執行,而不必依賴 LLM(大型語言模型)是否會選擇執行某項操作。 Hooks 的核心用途 通知 :自訂收到 Claude Code 等待用戶輸入或執行權限時的提醒方式。 自動格式化 :如在每次檔案編輯後自動執行 prettier (針對 .ts 檔)、 gofmt (針對 .go 檔)等。 日誌記錄 :追蹤所有執行過的命令,便於合規或除錯。 自動反饋 :當 Claude Code 產生不符合團隊規範的程式碼時,自動給出反饋。 自訂權限 :阻擋對生產環境檔案或敏感目錄的修改[^1]。 配置與結構 Hooks 透過設定檔進行配置,分為全域( ~/.claude/settings.json )、專案( .claude/settings.json )、本地專案( .claude/settings.local.json )以及企業級策略設定。每個 hook 由「事件名稱」和「匹配器」組成: "hooks": { "PreToolUse": [ { "matcher": "Bash", "hooks": [ { "type": "command", "command": "jq -r '...'" } ] } ] } matcher :用於匹配工具名稱(支援正則表達式),如 Write 、 Edit|Write 、 Notebook.* 。 hooks :當匹配時要執行的命令陣列。 type :目前僅支援 "command" 。 ...

[CSS] z-index 在不同瀏覽器繼承問題

今天會討論到這個課題,是因為要實做一個Popup dialog,所以我們希望的結果如下圖。 可是在IE7 卻發生了這樣的情況。 Popup不論怎麼設定z-index都無法浮在最上層,我們看一下html架構發生什麼事情。