大家好,我是月影,一位從業(yè)二十年的老前端,現(xiàn)在是一名 AI 應用方向的創(chuàng)業(yè)者,北京波波熊科技公司合伙人。
前幾天我去杭州參加了今年的 D2 大會,發(fā)現(xiàn)今年的會參與的人數(shù)多得有點出乎意料,而大家或多或少都有一種面對不確定性的恐懼或茫然,這類情緒也恰好對應了今年大會的主題——終端路在何方。
我知道在 AI 快速發(fā)展的今天,很多前端工程師很焦慮,強大的大語言模型出來后,大家開始擔心前端開發(fā),甚至所有軟件開發(fā)的崗位會不會被 AI 所取代。我很理解大家的擔心和顧慮,而以我自己這兩年 AI 領域創(chuàng)業(yè)的經歷來看,我也充分意識到大模型正在顛覆傳的統(tǒng)開發(fā)流程。
在這里,我不說很玄乎的東西,就說最近兩年發(fā)生在我身上的三件事。
第一件事是我原來不寫 TypeScript 的,因為我覺得寫類型聲明會拖慢我寫代碼的速度,但是自從 23 年 github copilot 出來之后,我就全面轉向 TypeScript 了,因為有了 AI 輔助,寫 TS 代碼再也不成為問題,那么它就成為既能讓我享受類型檢查的好處,又能避免額外的成本的事情,何樂而不為呢?更有意思的是,有了 AI,即使我的老代碼是用 JS 寫的,我也能非常方便地將它用 AI 改寫成對應的 TS 版本,簡直是太完美了。
第二件事是我以前不怎么用 CSS 框架,因為我的 CSS 水平比較一般,我怕 hold 不住高級的框架。但是我現(xiàn)在基本上使用 tailwindCSS,因為我發(fā)現(xiàn)這種原子化聲明式的 UI 方式對于 AI 來說實在是太友好了。這里的關鍵不在于用不用或者用哪個框架,而是我發(fā)現(xiàn)在做技術選型的時候,首要的考量變成了技術是否對 AI 友好,因為一個對 AI 友好的技術方案,能夠極大提升研發(fā)效率。
第三件事是我去年年底做了一個 Android 手表的項目,使用 Kotlin + Jetpack Compose 框架,關鍵是我之前從來沒有接觸過 Kotlin 這種語言,也不知道什么 Jetpack Compose,但是我讓 AI 協(xié)助我做了一個知識體系映射,讓我在幾個小時之內就快速掌握了一門我以前從來沒有接觸過的新技術。

(圖來源于月影 4 月 9 日在極客時間直播 PPT)
在經歷了這些 Case 之后,我發(fā)現(xiàn) AI 改變了我很多,而我是一名前端從業(yè)人員,所以我感覺到了 AI 對這個行業(yè)帶來的改變,它必將從底層改變我們的開發(fā)范式,不管你愿不愿意,AI 必然會重構整個前端、終端乃至大部分研發(fā)行業(yè)。
那么我們怎樣去順應變化呢?
首先,我想分享的是,AI 帶給我們所有人前所未有的機會,前端是有能力去創(chuàng)造屬于自己的學習和效率工具的。比如我們可以通過一些人工智能服務平臺快速搭建屬于我們自己的效率學習工具。

(圖來源于月影 4 月 9 日在極客時間直播 PPT)

(圖來源于月影 4 月 9 日在極客時間直播 PPT)
比如我用 Coze 工作流花了一天時間搭建了一個智能體,它不僅能替代我的網頁收藏夾,還能幫我整理筆記、轉寫英文技術資料,讓我能夠用比以前更少的時間,快速學習新知識。
另外由我們社群打造的前端、AI 咨詢智能體,可以替代掉過去傳統(tǒng)的各類前端 weekly,讓你獲取新資訊變得更加簡單。

(圖來源于月影 4 月 9 日在極客時間直播 PPT)
對于前端來說,一個明顯的優(yōu)勢就是我們離用戶和產品更近,而我們自己的核心技術能力能夠讓我們比較輕松地把 AI 服務具象化為一個個服務自己和給別人用的工具,這就是我們獨有的優(yōu)勢,我們應該把握好它。
其次,我們是程序員,應該用好 AI 解放我們的生產力,現(xiàn)在這些輔助編程的工具平臺,像是 Cursor、Trae AI 等等,我們應該及時擁抱它們,盡早使用上并且更加深入研究如何用好它們。
我前面也說了,我其實很早就使用 AI 輔助編程,最開始使用 github copilot,后來換成了 Cursor,最近在使用 Trae AI。這些輔助編程工具,很好地幫助我更好地完成代碼構建、單元測試、文檔更新,甚至寫 PPT 這樣的事情。
使用 AI 生成的保持良好的 UI 一致性的 PPT

(圖來源于月影 4 月 9 日在極客時間直播 PPT)
用 Trae AI 設計 PPT 的過程

(圖來源于月影 4 月 9 日在極客時間直播 PPT)
最后,我們公司做 AI 應用,這一年多我們嘗試了多個 AI 應用產品,沉淀了一些技術,比如能夠支持復雜結構化數(shù)據的工作流動態(tài)解析,快速響應前端用戶的 Ling 框架,而這些新的 AI 方向的業(yè)務產品研發(fā),實際上無論對于產品還是對于技術來說,都有一些新的要求,對于前端來說,也需要有一些新的改變,我也將這些內容都沉淀下來。
綜合上面的這些內容,我把兩年來創(chuàng)業(yè)經歷結合過往前端行業(yè)經驗,總結成一門新的專欄《跟月影學前端智能體開發(fā)》,這個專欄雖然說名字叫做學智能體開發(fā),但它絕不僅僅是學前端智能體,還包括了其他的一些重要內容。
早鳥優(yōu)惠中
掃碼購買
課程主要講哪些內容?
課程一共分為 7 個單元,第一單元主要講解大模型在應用方面的基礎知識,主要是各類大模型的 API 調用方式、構建 AI 智能體的方法,并通過一個實戰(zhàn)例子來鞏固認知和融會貫通,為前端工程師打好 AI 應用開發(fā)的基礎。
第二單元是進階篇,主要是從有到好,介紹如何通過提示詞技巧、結構化數(shù)據來提升生成內容的效果,并通過動態(tài) JSON 解析和 Ling 框架解決應用交互中的性能問題,提升用戶體驗。
第三單元和第四單元是兩個綜合項目實戰(zhàn),我以過往創(chuàng)業(yè)的兩個重要產品為例子,這兩個項目又各有特點,第一個項目是波波熊學伴,它的難點是高質量內容生成的復雜工作流編排;第二個項目是 AI 面試官,它的難點是復雜過程的多輪對話實現(xiàn)。這兩個項目恰好代表目前 AI 智能體中兩種典型而普遍的需求形態(tài),掌握它們,你就掌握了目前絕大多數(shù) AI 應用產品的開發(fā)技巧。
第五單元我們轉向個人工具方向,因為 AI 時代到來,我們有機會使用 AI 技術擴展我們的腦力,打造個人的效能工具。而身為前端開發(fā)者,我們懂技術,天然能夠將不同的 AI 工具整合,打造屬于我們自己的個人效率成長利器。比起不懂技術的普通人來說,我們有著更大的優(yōu)勢。
第六單元主要講企業(yè)級 AI 方向,這也是未來一段時間內會非?;鸬念I域,就如同二十年前的企業(yè)要做信息化轉型一樣,未來可以說幾乎每家企業(yè)都要擁抱 AI,做好智能化轉型。掌握企業(yè)智能化技術,能夠讓你在新的 AI 時代獲得很大的競爭力。
最后的第七單元我會分享最近的一些前沿技術,包括 AI 相關的 Web 標準、端側 AI 以及一些跨界跨語言的新技術探索,從中窺見未來的發(fā)展趨勢,能夠讓你更好地擁抱未來。

AI 大模型的發(fā)展,是一場意義深遠而偉大的生產力變革,它不但會影響我們前端,也正在影響這個社會、各行各業(yè)的方方面面。
不管你喜歡或者不喜歡,不管你是做好了準備還是沒做好準備,不管你是對未來悲觀還是對未來樂觀,大模型都已經來了,而且將會繼續(xù)快速發(fā)展,奔向未來。
就如同老話說的“歷史的車輪滾滾向前,不可阻擋”,我們唯一能做的事情,也只有以開放的心態(tài),積極擁抱未來。以我目前的判斷,AI 的發(fā)展,對我們前端行業(yè)來說,機會遠大于風險。
我是月影,跟我一起學前端智能體開發(fā),來吧,一路前行,相信我們每個人都會有美好的明天。
早鳥優(yōu)惠中
掃碼購買
以上內容已獲得月影老師授權??
熱門跟貼