Emily Nakashima，前前端開發人員和 Honeycomb 的工程副總裁，表示人工智能不僅僅意味著前端的聊天機器人。

譯自Beyond Chatbots: How AI Can Change Frontend Development，作者 Loraine Lawson。

可觀測性平臺Honeycomb的工程副總裁Emily Nakashima表示，如果說有哪類開發者更有資格探索如何將人工智能 (AI)添加到他們的工具中，那就是前端程序員。

Nakashima 說：“前端生態系統發展得如此之快，在某些方面，前端工程師比其他任何人更適合弄清楚如何將人工智能引入他們的工具集，因為他們非常習慣于學習新工具，并弄清楚如何整合和使用它們，將所有這些不同工作流的精華匯集在一起?！?/p>

Nakashima 在 Web 開發的jQuery時代開始擔任前端開發人員。她非常喜歡React，并表示它“在隨著時間的推移不斷完善生態系統方面做得很好”。雖然她的背景主要是在前端，但她從事過全棧工作，現在負責 Honeycomb 的軟件工程、安全和網站可靠性工程團隊的所有方面。

關于AI 副駕駛如何改變開發者體驗，已經有很多討論，但 The New Stack 想知道：它將如何改變代碼本身，無論是從質量上還是數量上？我們還與 Nakashima 討論了她所看到的以及 Honeycomb 如何使用人工智能。

人工智能在前端代碼中的潛力：錯誤處理

“我對來自 [Adobe] 或 [Figma] 等公司的那些工作流最樂觀，他們正在研究設計師和開發人員之間的常見交接格式……”

——Honeycomb 工程副總裁 Emily Nakashima

Nakashima 說，人工智能在前端比在后端更有可能對代碼質量產生積極影響。她指出，前端生產環境要復雜得多，而且不受控制——它必須在多種移動設備上運行，還必須在不同的瀏覽器，甚至是不同的語言中運行。相比之下，后端開發人員控制著他們的代碼環境，因此當出現問題時，了解發生了什么“相當簡單”。

她說：“憑借人工智能能夠查看所有這些信號并找到共同元素的能力，單個前端開發人員更有可能使用其他人對該錯誤了解的所有信息來找到根本原因，而不是必須踏上嘗試弄清楚 [此] 消息在此上下文中意味著什么、映射的旅程返回到此原始代碼行，并將許多不同的數據點帶到其中。”她說：“能夠填補模式實際上非常有幫助，這是后端無法做到的?！?/p>

盡管如此，她有點懷疑人工智能是否會真正改變前端的工具生態系統——她表示該生態系統已經發展得很快。不過，她對改善設計師和開發人員之間的界面的潛力感到興奮。事實上，The New Stack 特色的早期人工智能用例之一幫助開發人員將設計轉化為代碼。

Nakashima 說：“這是一個當今有點低效的地方，能夠擁有簡化這兩個功能之間通信的工具是一個我真正看到很多繁瑣工作被從流程中剔除的領域，人們能夠更快地一起迭代?！薄拔覍碜訟dobe或Figma等公司的那些工作流最樂觀，他們正在研究設計師和開發人員之間的常見交接格式，研究人們過去寫出這些詳細規范的地方，例如‘使用此顏色，它有這么多個像素’，諸如此類。”

人工智能可以幫助前端遷移和升級

人工智能代碼生成工具還可以幫助管理遷移和升級，讓前端開發人員可以將更多時間花在工作的創造性部分上。

“我今天看到的最令人興奮的事情是采用 UI 中的不同多步驟工作流，并弄清楚如何從第一步跳到第五步。”

例如，當 React 的新版本發布時，她解釋說，這會帶來大量工作，需要遍歷舊代碼庫并更改所有需要更改的內容，以使用新版本并利用新框架。她建議，人工智能可以“以目前不可能的方式”自動完成其中一些工作。

她說：“工程師在遷移和升級上花費了大量時間，尤其是依賴項升級或框架升級?！薄斑@不需要太多創造力，但需要大量勤奮和細心，并且你必須了解如何從特定 API 的一個版本轉換到新版本。我非常樂觀，一些人工智能代碼生成工具可以真正幫助那些占用前端工程師時間但不是利用他們最佳技能的創造性工作部分的瑣事或工作流?！?/p>

在內部，Honeycomb 使用 copilot 工具——他們是重度GitHub用戶，許多開發人員還使用VS Code作為他們的編輯器。它還在嘗試構建人工智能驅動的產品元素，主要使用 OpenAI，盡管 HoneyComb 正在尋找該領域的其它供應商，以了解哪家可以為其客戶提供最佳體驗，她說。其中一些元素是面向客戶的功能，已集成到 Honeycomb 的前端 UI 中。

將前端人工智能 UI 提升到聊天機器人之外

現在，聊天機器人是人工智能集成到前端的主要方式，但 Nakashima 說，有很多地方感覺像是一種低效的用戶界面 (UI) 模式。她說，她希望前端和Web 應用程序開發人員想出其他方法將人工智能集成到用戶界面中，但她認識到這是一個編碼人員才剛剛開始嘗試的領域。

她說：“我今天看到最令人興奮的事情是采用 UI 中不同的多步驟工作流，并找出如何從第一步跳到第五步?！薄暗掖_實認為，更有創意、更具視覺效果的界面有其一席之地。”

例如，Honeycomb 具有交互式數據可視化功能，可以在屏幕上繪制系統的映射。她說，這可能是可以通過人工智能自動完成的事情。

她說：“感覺對于這類功能來說還為時過早。我確實看到人們專注于聊天工作流的實驗，因為這是他們在這些人工智能工具中看到的?！薄拔蚁Ｍ芸炜吹礁鄻有浴！?/p>

在 Honeycomb，他們實現這一目標的一種方法是通過查詢構建器 UI，其中將文本輸入到表單字段中以生成查詢。

她說：“有時可能很難知道如何構建該查詢并鍵入完全正確的內容，因此我們允許你提供更通用的文本描述，然后當你單擊時，我們將為你生成一個圖表?！薄澳憧梢哉f，向我展示所有在 Web 應用程序上體驗緩慢的用戶圖表，然后我們會向你展示該圖表?！?/p>