看完 Jamstack 的調查報告，我抓住了最新的 Web 流行趨勢

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"近日，Jamstack 社區發佈了最新調查報告。調查報告由 Netlify 完成，今年有超過 7000 名社區開發人員受訪，是去年的兩倍多，受訪開發人員大多數是前端或全棧開發者。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"調查報告可以幫助社區在 Jamstack 生態蓬勃發展的同時更好的瞭解開發者的動態，也讓開發者在枯燥的工作中瞭解社區在做的工作和自身行業動態。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"今天帶你走進調查結果一探究竟，看看有哪些技術亮點和有趣的事。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https:\/\/static001.geekbang.org\/infoq\/47\/47740f9c36aef39d38766935bd5b0c15.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"主流技術上的選擇"}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"JavaScript 在 Web 編程領域仍占主導地位，TypeScript 迅速擴張"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"毫無疑問，JavaScript 仍是社區內大多數開發人員的主要語言，佔比達到 55%，相比去年的 63% 有所下降。下降的部分，主要流到了 TypeScript，TypeScript 整體使用率有很大的提升，並且滿意度也非常高，一定程度上 TypeScript 擁有最快樂的開發羣體。其他像 Python、Go 等在社區內的開發者使用率與滿意度上都有所提高，它們也確實都是正流行的編程語言。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https:\/\/static001.geekbang.org\/infoq\/52\/52e36467ce28e5833812ce2c570d0270.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"React 地位不可撼動，jQuery 仍未消失"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"社區向開發人員詢問了 30 多個框架的使用情況，React 繼續在使用率和滿意度上佔據主導地位，長期以來一直如此。Vue 的滿意度也很高，使用率上只有 React 的一半。曾經的三巨頭之一的 Angular 則有些不溫不火。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"大型傳統框架框架例如 jQuery 和 Express 並沒有消失，仍有很多人使用，但是滿意度已經很低了。小衆框架如 Next.js 有很不錯的增長，對於 Ember、Dojo 等基數小且滿意度低的框架，是時候考慮放棄了。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https:\/\/static001.geekbang.org\/infoq\/9e\/9e89bc5c4a91aedd78920ce0a4252dca.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"無服務器技術成主流"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"Jamstack 並非都是客戶端，所以社區還調查了服務器端技術的流行程度，瞭解 Jamstack 開發人員如何使用服務器端技術。數據顯示大多數開發人員對無服務器功能很感興趣，Kubernetes 很受歡迎。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https:\/\/static001.geekbang.org\/infoq\/6c\/6ce89573c31f8a9b7e702a064697c222.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"代碼編輯器之間的戰鬥"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"老生常談的問題，開發者永遠避不開被詢問喜歡哪種編輯器，Vim IDE 之戰也從未停止。Jamstack 社區的開發人員更喜歡集成開發環境（IDE），基於 Web 的編輯器（如 Github、Glitch）也很受歡迎。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https:\/\/static001.geekbang.org\/infoq\/63\/639dd42e256f423f326807c93a64e118.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"Sketch 失寵，Figma 成設計工具唯一選擇"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"對於許多 Web 開發者來說，設計也是很重要的一環。不同於幾年前 Sketch 的獨霸江湖，在工具上，Jamstack 的設計師們顯然更喜歡 Figma，使用率和滿意度都是遠超其他工具的存在。左下角的其他幾款工具 Sketch、Adobe XD、Framer 多少有點尷尬了。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https:\/\/static001.geekbang.org\/infoq\/c4\/c4c15df2bffaac02fe3a27d23c85bb7e.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"WordPress 繼續稱霸內容管理系統"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"儘管滿意度很低，WordPress 還是內容管理系統明顯的領導者，WordPress 搭配 Netlify 這樣的託管服務提供商雖然不太常見，但是滿意度更高。Snaity 和 Strapi 都在 2021 年迎來突破。他們越來越受歡迎，用戶量也在提高。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https:\/\/static001.geekbang.org\/infoq\/d9\/d9f6207242ea7e301babf6c2b73f98e0.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"從應用場景瞭解 Jamstack 爲什麼這麼火"}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"Jamstack 都被什麼行業拿來做什麼"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"不僅僅是技術前沿行業，教育、醫療、金融、廣告、營銷、媒體、出版等主要行業都使用 Jamstack。在 Jamstack 上構建完全動態應用程序的開發人員也越來越多。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"image","attrs":{"src":"https:\/\/static001.geekbang.org\/infoq\/62\/62b6972c61d5446231fd2ccde35f6afb.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"人們總是對你正在構建網站的用戶感興趣，寫博客？玩電商？還是構建企業應用？從調查結果來看，前幾名的數據非常平均。個人博客網站仍佔比最多，其次是企業、電商網站、消費和信息化軟件，同時也包括教育、遊戲、文檔等多種類型的網站服務。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https:\/\/static001.geekbang.org\/infoq\/33\/332195b91fb4ba4fd1efb68450ea9d2d.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"Jamstack 開發人員構建了百萬用戶級的網站"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"社區調查發現，有 32% 的開發人員表示他們在擁有百萬用戶的大網站上工作，這可以對 Jamstack 架構可擴展性提供有力支持。社區深入挖掘了構建這些受歡迎網站的開發人員的數據。發現他們有不同的開發優先級，他們更關注法律合規性，更重視安全性，更強調移動設備作爲目標的重要性。開發人員在網站開發速度、站點性能、正常運行時間等因素上也非常重視。"}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"Jamstack 成爲不少學生學習部署的工具"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"社區從調查結果裏發現 2021 年的一個重大轉變，受訪者中學生比例幾乎翻了一番。這些學生的經驗都在 2 年左右，社區猜測隨着 Jamstack 不斷成爲主流，它已經成爲不少教育機構教學新開發人員用到的技術手段。後續會通過更多的信息來證實這一效果。但巨大的年輕新開發者的流入對社區和 Jamstack 都是很好的信號。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"image","attrs":{"src":"https:\/\/static001.geekbang.org\/infoq\/a3\/a33a6e1ba1c5013736afac8121ce243b.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"疫情影響，遠程辦公成常態，不少人因此失業"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"受疫情影響，許多開發人員轉向遠程工作。遠程辦公使許多人出現失業的情況，在工作經驗不足一年的人中，有 12% 的人報告說在疫情中失去了工作，而不足兩年經驗的人中也有 10%。如果不包括那些擁有不到兩年經驗的人，失去工作的開發人員的比例甚至更高，達到 40%。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"也有不少開發者獲得了成功，不但工作遠程化了，有的還搬到了偏遠地區，並且表示即使疫情結束，也不打算再回到辦公司。調查數據還顯示，前端比全棧更有可能去遠程，DevOps 的遠程開發者最多。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https:\/\/static001.geekbang.org\/infoq\/e4\/e4c008e41949d2b9790a25aeeef7706c.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"總結："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"從報告中可以看出，JavaScript 和 React 仍然是 Web 開發主流使用的技術，TypeScript 的發展也非常的快。最近幾年不斷有 TypeScript 替代 JavaScript 的聲音出現，TypeScript 作爲 JavaScript 的嚴格超集，更多的是作爲 JavaScript 的補充而不是替代品，兩者並行發展纔是合理的未來方向。此外無服務器架構、容器服務等領域也是開發者需要關注的趨勢。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"因疫情遠程辦公帶來的影響因人而異，所以打鐵還需自身硬，強大的技術支撐才能應對複雜的環境變化。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"參考鏈接："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":" "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"link","attrs":{"href":"https:\/\/jamstack.org\/survey\/2021\/","title":null,"type":null},"content":[{"type":"text","text":"https:\/\/jamstack.org\/survey\/2021\/"}],"marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}]}]}]}