weekly
第 120 期 03/27 The End of Front-End Development
Source:《The brief history of artificial intelligence》
技术热闻
AI
The brief history of artificial intelligence: The world has changed fast – what might be next?
https://ourworldindata.org/brief-history-of-ai
本文关于人工智能简史，从 1940 到现在，伴随着训练数据的不断增加，AI 系统的的能力一直在提升。
阅读本文，对 AI 从古至今的发展有一个概况了解。
GitHub Copilot X: The AI-powered developer experience
https://github.blog/2023-03-22-github-copilot-x-the-ai-powered-developer-experience/
本文来自 GitHub，介绍其新产品 Copilot X，接入 OpenAI 的 GPT-4，支持 chat 和 voice。最初发布的 AI-powered auto-completion 只是开始，未来会是 AI Assistant，全面提升开发效率。
ChatGPT plugins
https://openai.com/blog/chatgpt-plugins
上周 ChatGPT 发布的关于插件的支持，有人称这是 ChatGPT 的 App Store Moment。Plugins are tools designed specifically for language models with safety as a core principle, and help ChatGPT access up-to-date information, run computations, or use third-party services.
AIGC图像生成的原理综述与落地畅想
https://mp.weixin.qq.com/s/DyRjhN0BiDcwunlZIlRv8g
AIGC，这个当前的现象级词语。本文尝试从文生图的发展、对其当前主流的 Stable Diffusion 做一个综述。以下为实验按要求生成的不同场景、风格控制下的生成作品。
AI Explainer: Foundation models and the next era of AI
https://www.microsoft.com/en-us/research/blog/ai-explainer-foundation-models-and-the-next-era-of-ai/
本文来自 Microsoft Research 博客，来自于微软与 OpenAI 合作的一位 RM 的视频（咖喱味^_^）
Introducing Mozilla.ai: Investing in trustworthy AI
https://blog.mozilla.org/en/mozilla/introducing-mozilla-ai-investing-in-trustworthy-ai/
We’re only three months into 2023, and it’s already clear what one of the biggest stories of the year is: AI. AI has seized the public’s attention like Netscape did in 1994, and the iPhone did in 2007.
Report
GPTs are GPTs: An early look at the labor market impact potential of large language models
https://openai.com/research/gpts-are-gpts
OpenAI 发表的关于 GPT 对美国劳动市场影响的 paper. We investigate the potential implications of Generative Pre-trained Transformer (GPT) models and related technologies on the U.S. labor market.
腾讯发布AIGC发展趋势报告
https://mp.weixin.qq.com/s/xYKSuY6nTlQLgszU7UMiCQ
学术界和产业界也都形成共识：AIGC 绝非昙花一现，其底层技术和产业生态已经形成了新的格局。
大前端
趋势
The End of Front-End Development
https://www.joshwcomeau.com/blog/the-end-of-frontend-development/
本文围绕最近 AI 的崛起以及前端开发的未来，作者还是持乐观的态度。相信本文将会在国内圈子里引起一些基于 AI 背景下的“前端已死”的讨论。
I think the most likely scenario is that tools like GPT-4 become integrated into developer tooling, and used to amplify what a skilled developer can do.
Carpenters weren’t replaced by power tools, accountants weren’t replaced by spreadsheets, photographers weren’t replaced by digital cameras / smartphones*, and I don’t think that developers will be replaced by LLMs.
低代码
The history and legacy of visual basic
https://retool.com/visual-basic/
本文来自 Retool，专题文章介绍 Microsoft Visual Basic – 怎么从全世界统治地位的编程环境突然变得不再受青睐，又是怎么深远影响着软件开发的未来。文章中有不少考古的图片和视频。
低代码引擎 LowCodeEngine 茁壮成长的一年
https://mp.weixin.qq.com/s/DDt4LQLFUBQ2-F5ehZGBKg
这篇文章总结一下低代码引擎过去一年的变化。也会简单概括一些近期才开源/对外的新能力，希望能给大家提供更好的低代码开发体验。
DevOps
Improving CI/CD Pipelines Through Observability
https://www.infoq.com/articles/ci-cd-observability/
本文来自 InfoQ，主要介绍通过 observability 可以改进 CI/CD，一是准确地收集和存储数据，二是只需要关注明确的关键指标 like build time, test results, deployment frequency, and resource utilization，三是用简单有效的方式可视化这些指标，文章给出了一些数据可视化仪表盘示例。
项目开展CICD的实践探路
https://mp.weixin.qq.com/s/k7FizG3DMjbHmIipSD9fOA
本文介绍了作者对CICD的理解以及在项目中开展CICD的几种场景，总结了每种场景实践的关键节点、带来的收益，以及结合具体项目开展的实际应用。
框架选择
How OVO determined the right technology stack for their web-based projects
https://engineering.grab.com/determining-tech-stack
本文来自 Grab OVO (which is an Indonesian payments, rewards, and financial services platform within Grab) 前端团队，介绍他们存在多技术栈并存的现状及问题，最终决定在 Vue 和 React 这两个技术栈之间做出选择，决定的关键就是基于 “代码可维护性” 这一北极星指标，并最终选择 Vue 作为主技术栈。Increasing the ease of maintenance would reduce the cost, so we decided to use maintainability as our north star metric.
With or without the JS framework
https://www.silvestar.codes/articles/with-or-without-the-js-framework/
本文作者讨论了一个话题 “是否应该使用 JS 框架？”其实很多前端开发者（尤其是开发网页）就是直接使用 HTML、CSS 和 JS 的，而且统计报告显示使用了 React、Next.js 的站点 Core Web Vitals 表现相对并不好。
代码评审
ON-DEMAND CODE REVIEW WITH CHATGPT
https://www.nearform.com/blog/on-demand-code-review-with-chatgpt/
本文来自 NearForm，尝试通过 ChatGPT 实现 reviewbot 原型来对 human-written code 进行评审。
Web3D
Could we make the web more immersive using a simple optical illusion?
https://shopify.github.io/spatial-commerce-projects/WonkaVision/
基于 webcam 实现裸眼 3D - 3D eye tracking with a webcam
local-first application
Cool frontend arts of local-first: storage, sync, conflicts
https://evilmartians.com/chronicles/cool-front-end-arts-of-local-first-storage-sync-and-conflicts
In this post, I covered many of the pitfalls you need to avoid if you’re developing a local-first application. At the moment, there are a lot of toolkits for building local-first applications.
CSS
6 CSS snippets every front-end developer should know in 2023
https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023/
本文来自 web.dev，Chrome DevRel team 推荐的那些已经在浏览器中 stable 的 CSS 属性。Toolbelt worthy, powerful, and stable CSS you can use today.
Laying Out a Print Book With CSS
https://iangmcdowell.com/blog/posts/laying-out-a-book-with-css/
如何通过 CSS 实现打印书籍的样式排版？这篇文章就是介绍作者在出版一本科幻惊悚书时如何实现。
React
React 新官网
The library for web and native user interfaces
How to start a React Project in 2023
https://www.robinwieruch.de/react-starter/
在 React 新文档发布之际，作者基于之前社区中讨论的“为什么不用 Vite 替代官推的 CRA”的言论，作者也来聊一下基于 React 的技术选型。Here I want to give you a brief overview of starter kits for a new React project. A bit of context on why I write this guide now: The new React documentation has been released, which sunsets create-react-app (CRA) as the recommended way to start a React application, and instead recommends several starter kits which in their sum were not perfectly well received by the React community
Deno
Why We Added package.json Support to Deno
https://deno.com/blog/package-json-support
官方解释关于 Deno 支持 package.json, providing enhanced Node and NPM compatibility through package.json support.
Test
playwright UI Mode
https://github.com/microsoft/playwright/releases/tag/v1.32.0
playwright 新版本发布，new UI Mode。
Browser
The dark defaults of Microsoft Edge
https://thomask.sdf.org/blog/2023/03/18/the-dark-defaults-of-microsoft-edge.html
吐槽 Microsoft Edge 的默认设置. Edge has some very user-hostile defaults, at least for the type of user who doesn’t want extra ads and doesn’t want to send personal data to Microsoft just for funsies.
设计
Fix Color Contrast – Web Accessibility for Text & UI Design
https://pimpmytype.com/color-contrast/
了解颜色对比度的重要性。In this article and video you will learn what’s crucial and required about color contrast.
ISUX「二月」行业设计趋势速递
https://mp.weixin.qq.com/s/zU6-9HnfPfBgFmf_D100aA
内容更多也是关于 AI 😓
欢迎加入，一起共建。