用 AI 強化前端開發：3種提升思考能力技巧
身為一名前端開發工程師，我們常常思考：如何在開發過程中有效應用人工智慧（AI）。它不只是一個解答問題的工具，只要懂得運用，AI 是能夠幫助我們提升思考能力的好助手。
數位領域技術不斷地快速變遷，更促使我們必須擁有紮實的基本功來應對。就以「前端開發技術」來看吧：工程師能否在沒有 Bootstrap 幫助下，用純 CSS 寫出一個靈活的 Grid 系統；或者不依賴任何主流框架，運用原生 JavaScript 打造功能？這些基本技能的掌握，能讓工程師們應對不斷變化的技術環境。
與 AI 互動的過程是激發思考、拓展思路的好機會。我們需要的不只是「答案」，而是思考的過程和解決問題的基本能力。該如何更有效地與 AI 互動？既能充分利用它的優勢，又能培養自己的獨立思考能力呢？
提升前端開發工程師思考能力的三種 AI 方法
下面分享三種在「前端開發」可以運用的方法、工具，以及如何與 AI 互動的技巧，希望能為你帶來新的啟發：
1. 六頂思考帽 (Six Thinking Hats)
六頂思考帽是一種系統性的思考方法，由心理學家愛德華·德博諾（Edward de Bono）發明。主要是通過不同的思考角度來分析和解決問題。想像你有六頂不同顏色的帽子，每戴上一頂，就代表你要從不同的角度來思考問題。
【六頂帽子各自代表的思考模式】
・白帽：中立和客觀，關注事實和數據。
・紅帽：情感和直覺，表達感受和直覺反應。
・黑帽：謹慎和判斷，指出潛在的風險和問題。
・黃帽：樂觀和建設性，尋找優點和機會。
・綠帽：創造力和新想法，提出創新的解決方案。
・藍帽：控制和組織，管理思考過程並做出決策。
通過「換帽子」我們可以有意識地切換思維模式，你會發現原本看似單一的問題變得立體，避免陷入單一視角的困境，從多個角度全面思考問題，來深入分析和决策過程。
（如何與 AI 結合）
利用 AI，我們可以更加靈活地在不同的思考帽之間切換，並獲得不同角度的見解。例如，AI 可以幫助我們從創意角度出發，提出新的設計方案，或從批判角度評估某個方案的缺陷。
（Prompt 範例）
你是一位經驗豐富且精通六頂思考帽方法的前端架構專家。我正在尋求如何建立大型前端專案的架構設計。請你透過六頂思考帽方法，逐步引導我從不同角度思考這個問題，幫助我全面分析和規劃這個專案開發的架構。對於每頂帽子，請提出相關的問題或考慮點，幫助我深入理解。在整個過程中，不要直接給出解決方案，而是通過提問來幫助我深入理解。請依次使用白帽、紅帽、黑帽、黃帽、綠帽和藍帽來探討這個話題。開始時請簡要解釋每個帽子的思考方向，然後提出相關問題。
（思考過程示範）
最後，我得到的結果大概是這樣：
・白帽：首先，AI 幫助我收集相關的事實和數據，例如現有技術棧的優缺點、項目需求等。
・紅帽：接著，我與 AI 討論了我的直覺和感受，看看有哪些方面可能會引發團隊的關注或擔憂。
・黑帽：然後，我請 AI 評估這個架構設計的潛在風險，指出可能的問題和挑戰。
・黃帽：之後，AI 幫助我尋找這個設計的優點和機會，看看有哪些可以利用的優勢。
・綠帽：在創意階段，我與 AI 探討了各種創新的解決方案和想法，尋找更有效的方法來解決問題。
・藍帽：最後，AI 幫助我組織和管理整個思考過程，確保所有的思考方向都得到充分考慮，並幫助我做出最終決策。
這個過程顯示了如何與 AI 討論，在不同的思考帽之間切換，從不同角度深入分析問題，每頂帽子都會引導考慮不同的因素，從而找到更好的解決方案。
2. 蘇格拉底法 (Socratic Method)
蘇格拉底法的靈感來自於古希臘哲學家蘇格拉底，他的教學方式獨特，透過對話而非單純傳授知識來進行教學。蘇格拉底的對話方式很有趣，他不會直接告訴你答案，而是不斷地拋出問題。起初你可能會覺得自己懂得挺多，但隨著對話深入，你會發現自己的想法其實漏洞百出。
蘇格拉底用這種提問方式來引導人們認識到自己的無知，進而激發他們去探索真理。因為他相信，透過提問和對話，可以引導學生自己去思考，從而達到更深刻的理解。
（如何與 AI 結合）
通過與 AI 互動，蘇格拉底法可以更有效地應用於解決問題。以下是一個具體的範例說明：
（Prompt 範例）
你是一位經驗豐富的前端工程師，擅長使用蘇格拉底法（Socratic Method）來指導其他工程師解決複雜問題。你的目標是通過提問來引導我思考，而不是直接給出答案。你會根據我的回答調整問題的難度和深度，將複雜問題分解成易於理解的部分，幫助我逐步解析和解決問題。
我在一個大型專案中遇到了一個複雜的 bug，這個問題涉及多個模組和相依性。請你透過提問的方式，引導我分析並解決這個 bug。
（思考過程示範）
以下是我與 AI 互動的過程和結果。我首先向 AI 描述了這個問題，然後讓 AI 通過提問來引導我分析問題的根源。AI 提出了一系列問題，幫助我逐步細化問題，例如：
・這個 bug 具體是在哪個模組中出現的？
・這個模組的主要功能是什麼？
・這個 bug 是否與某些特定的輸入數據相關？
・這個模組是否依賴於其他模組？
・是否有最近的程式碼更改可能影響了這個模組？
這樣的 prompt 會引導 AI 通過一系列問題，讓你逐步深入思考並發掘潛在的解決方案。通過這些問題，我逐漸找到了問題的根源，後來發現是某個模組中的一個相依性造成了這個 bug，這個過程幫助我解決了問題，還提升我的問題分析和解決能力。
3. 哈佛大學 CS50 課程的 AI 程式小鴨 (CS50.ai)
CS50 是哈佛大學的一門很受歡迎的入門級計算機科學課程，去年，這門課程推出了一個新的服務 — CS50’s duck debugger (ddb)。
Duck Debugger 的靈感源自於程式圈中的一個有趣技巧，稱為「小鴨除錯法」。當工程師寫程式遇到困難時，對著一隻小黃鴨解釋程式碼和遇到的 bug，奇妙的是，這樣做常常能幫助找到問題所在。這就是關鍵，當你用口頭表達把問題完整講出來時，思路也就開通變得更加清晰了。
CS50 ddb 將這個概念數位化，透過引導性的問題幫助你整理思路，而不是直接給出答案，類似於蘇格拉底法，希望能讓學生理解概念並能實際應用。如果請小鴨直接產出程式碼，只會得到「我不能直接幫你寫出完整程式碼….」，我說我就是笨，小鴨還會鼓勵你，告訴你每個人都有學習的過程，我會幫你找出問題所在，不要急，慢慢來。感覺就像有個超級聰明又耐心的朋友在旁邊陪你寫程式。
最棒的是，這個工具秉持了哈佛的精神，對所有人免費開放使用。
從前端到生活：AI 啟發思考能力的無限可能
與 AI 互動的過程，對我來說不僅僅是問答的過程，也促使我思考更多可能性，挑戰自己尋找最佳解決方案的能力。有時候，AI 給的答案未必理想，但這個過程卻激發了我對更深入理解和創新的追求。
即使你不是工程師，這些方法同樣適用於其他產業甚至日常生活的各種場景。不論你是從事市場行銷、人力資源、設計等，甚至是處理生活中的各種問題，這些方法都能幫助你拓展思維，找到更有效的解決方案。
就像蘇格拉底在古雅典街頭啟發路人一樣，這些方法正在幫助我們在數位時代保持清醒和理性。通過與 AI 互動，我們不僅提升了技術能力，更培養了深度思考和解決問題的能力。前端開發技術日新月異，如果我們能夠掌握與 AI 協作的正確方法，再加上紮實的基礎知識，我們就能在這個快速變化的行業中保持競爭力。無論面對什麼樣的新技術或挑戰，我們都能夠從容應對。