編輯 | 星璇 

出品 | 51CTO技術棧（微信號：blog51cto）

如果問，哪類開發者更適合探索人工智能如何為其工具增添價值，那么一定是前端程序員。

可觀測性平臺Honeycomb的工程副總裁Nakashima非常篤定這一點。

1.AI更適合前端開發者

“前端生態系統發展得如此之快，從某種程度上講，前端工程師比其他任何人都更擅長將AI引入他們的工具集，因為他們習慣于掌握新工具，并弄清楚如何整合和使用這些工具來匯集所有不同工作流程的精華，”Nakashima說。

Nakashima最初在jQuery時代的網絡開發中擔任前端開發者。她是React的忠實粉絲，稱它“在生態系統的長期發展中做得非常出色”。雖然她的背景主要是前端，但她曾做過全棧開發，現在負責Honeycomb的軟件工程、安全和站點可靠性工程團隊的所有方面。

關于AI輔助工具如何改變開發者體驗，人們已經說了很多，但大家肯定想知道：它如何從質量或數量上改變代碼本身？Nakashima分享了她的觀察結果以及Honeycomb如何使用AI。

Nakashima表示，AI在前端對代碼質量產生積極影響的潛力比后端更大。她指出，前端生產環境要復雜得多，也更難控制——它需要在多個移動設備和不同瀏覽器中運行，甚至是在不同語言中運行。相比之下，后端開發者可以控制他們的代碼環境，因此當出現問題時，了解發生了什么“相當直接”，她說。

“憑借AI的能力，它可以查看所有這些信號并找到共同點，一個前端開發者就更有可能利用其他人已經學到的關于該錯誤的所有知識來找到根本原因，而不是試圖弄清楚這條消息在這個上下文中意味著什么，追溯回原始的代碼行，并引入許多不同的數據點，”她說。“能夠填補這些模式實際上是非常有幫助的，這在后端并不適用。”

話雖如此，她對AI是否會真正改變前端的工具生態系統持有一些懷疑——她說前端生態系統本身就已經在迅速發展。盡管如此，她還是對改進設計師和開發者之間界面的潛力感到興奮。

“目前這一環節的效率略低，而能夠擁有工具來簡化這兩個功能之間的溝通是一個讓我看到大量繁瑣工作被消除的領域，人們能夠更快地一起迭代，”Nakashima說。

“我對Adobe或Figma等公司推出的工作流程最為樂觀，他們正在研究設計師和開發者之間的常見交接格式，查看過去人們編寫這些詳細規范的地方，如‘使用這種顏色，這是這么多像素’，等等。”

2.AI有助于前端遷移和升級

AI代碼生成工具在管理遷移和升級方面也能起到幫助作用，讓前端開發者有更多時間專注于他們工作的創新部分。

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

例如，她解釋說，當React的新版本發布時，需要花費相當多的工作來檢查舊的代碼庫，并更改所有需要使用新版本和利用新框架的內容。她建議，AI可以通過目前無法實現的方式自動完成部分工作。

“工程師在遷移和升級上花費了很多時間，特別是依賴升級或框架升級，”她說。“這不需要太多的創造力，但需要大量的勤奮和細心，并且你需要理解從一個特定API的舊版本轉換到新版本的模式。我相當樂觀地認為，一些AI代碼生成工具對于前端工程師日常中花費時間但并非使用他們最佳技能的創新部分的這類瑣事或工作流程來說，會非常有幫助。”

例如，她解釋說，當React的新版本發布時，需要花費相當多的工作來檢查舊的代碼庫，并更改所有需要使用新版本并利用新框架的內容。她建議，AI可以通過目前無法實現的方式自動完成部分工作。

“工程師在遷移和升級上花費了很多時間，特別是依賴升級或框架升級，”她說。“這不需要太多的創造力，但需要大量的勤奮和細心，并且你需要理解從一個特定API的舊版本轉換到新版本的模式。我相當樂觀地認為，一些AI代碼生成工具對于前端工程師日常中花費時間但并非使用他們最佳技能的創新部分的這類瑣事或工作流程來說，會非常有幫助。”

在Honeycomb內部，他們使用copilot工具——他們是GitHub的大用戶，許多開發人員也使用VS Code作為他們的編輯器。她還表示，Honeycomb還在試驗構建基于AI的產品元素，主要使用OpenAI，不過他們也在關注該領域的其他供應商，以看看哪家供應商能為其客戶提供最佳體驗。這些元素中的一些是面向客戶的功能，已經集成到Honeycomb的前端UI中。

3.前端AI用戶界面，不止是聊天機器人

目前，聊天機器人是AI集成到前端的主要方式，但Nakashima表示，在很多地方，這感覺像是低效的用戶界面（UI）模式。她表示，她希望前端和網絡應用開發者能提出將AI集成到用戶界面的其他方法，但她也意識到，這是程序員們剛剛開始探索的領域。

“我今天看到的最令人興奮的事情是，在UI中采用不同的多步驟工作流程，并弄清楚如何從第一步直接跳到第五步，”她說。“但我認為還有更多創新、視覺驅動界面的空間。”

例如，Honeycomb有交互式數據可視化功能，可以在屏幕上繪制你的系統地圖。她說，這可以通過AI來自動化。

“我覺得這類功能的開發還處于初期階段。我真的看到人們將實驗重點放在聊天工作流程上，因為這就是他們在這些AI工具中看到的，”她說。“我希望很快能看到更多的多樣性。”

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

“有時可能很難知道如何構建該查詢并鍵入正確的內容，因此我們允許您給出更一般的文本描述，然后點擊，我們就會為您生成一個圖表，”她說。“您只需說顯示所有在我的網絡應用中體驗緩慢的用戶圖表，然后我們就會為您顯示這些圖表。”

本文轉載自??51CTO技術棧??，作者：星璇