這款工具不用手寫一行代碼就能做出網(wǎng)站！

轉(zhuǎn)載于量子位

制作網(wǎng)站用什么，Dreamweaver 還是 Fireworks？

現(xiàn)在，用 GPT-3 就可以。

一位來自舊金山的程序員小哥做了款名為?debuild.co?的網(wǎng)頁制作軟件，只需要和 GPT-3 “聊聊天”，它就能幫你把網(wǎng)站設(shè)計(jì)出來。

例如，想要一個(gè)看起來像是 “西瓜”（watermelon）的按鈕。

那么，把想實(shí)現(xiàn)的功能原封不動(dòng)地告訴 GPT-3 就行！

看，GPT-3 “思考” 了一下，就實(shí)現(xiàn)了這個(gè)想法，生成的按鈕的確有點(diǎn)像被切開的西瓜。

類似地，其他更復(fù)雜的功能，這個(gè)程序也能替你完成。

擲骰子 or 待辦清單，無所不能

如果想在網(wǎng)站里生成隨機(jī)數(shù)，只需要一句 “擲骰子” 就行。

看圖，GPT-3 不僅理解了你的意思，還真的給你弄了一個(gè)生成隨機(jī)數(shù)的功能，只需要點(diǎn)擊 “擲骰子”，數(shù)字就會在 1-6 之間隨意切換。

此外，如果這是個(gè)自用網(wǎng)站，你想要給自己做個(gè)待辦清單，也只需要一句話。

只要像左下角一樣，說一句 “我想要個(gè)待辦清單輸入，還想要個(gè)保存列表，能展現(xiàn)我的待辦清單?！?/span>

那么，GPT-3 就會給你彈出一個(gè)輸入框，還有一個(gè)保存按鈕。

只要保存下來，就能知道自己哪些事項(xiàng)還沒完成了。

如果這是個(gè)社交網(wǎng)站，你想要給它設(shè)計(jì)一個(gè)快速生成 “心情說說” 的功能，將自己的心情分享到網(wǎng)站上，就可以做一個(gè)選擇按鈕，例如 “開心”、“難過”、“困” 等。

這樣，GPT-3 就會自動(dòng)為你生成 “現(xiàn)在我很（開心、難過、困）” 的語句。

當(dāng)然，如果想要賣個(gè)萌的話，也可以將你的心情轉(zhuǎn)化成表情包：

或是調(diào)戲它，問一句 “p3p3，誰是世界上最丑的表情包？”

GPT-3 思索了一會兒，給出了一個(gè)大黃臉，里面帶著一個(gè)極小的「笑哭」表情。

上面這些程序生成的過程中，可以看見，網(wǎng)站的代碼一并被生成了出來。

也就是說，實(shí)現(xiàn)這些功能所需要的代碼，全部都是 GPT-3 生成的，它不僅能自行理解輸入的 “意思”，還能自己將實(shí)現(xiàn)的代碼編寫出來。

具體生成的代碼長這樣：

看得出，GPT-3 一直在程序設(shè)計(jì)里面充當(dāng) “翻譯” 的角色：將讀取的指令轉(zhuǎn)換成代碼，設(shè)計(jì)出各種功能和按鈕，并將輸出呈現(xiàn)給用戶。

簡直就像是在開發(fā)和客戶之間直連了一條通路，你需求的功能，這個(gè)開發(fā)都能快速地實(shí)現(xiàn)。

GPT-3 也在 GitHub 學(xué)代碼

作者本人在展示時(shí)透露了一些信息，事實(shí)上，讓 GPT-3 學(xué)習(xí)這個(gè)功能，也需要讓它在 GitHub 和 Stackoverflow 上學(xué)習(xí)相應(yīng)的代碼、數(shù)據(jù)集。

在學(xué)習(xí)了相應(yīng)的代碼邏輯后，GPT-3 就能根據(jù)用戶需求，呈現(xiàn)出相應(yīng)的功能。

例如，如果設(shè)計(jì)的是一個(gè)搜索引擎，GPT-3 也會自己爬取相關(guān)圖片數(shù)據(jù)，并從來源引用它。

當(dāng)然，偶爾在編寫的過程中也會犯錯(cuò)，這時(shí)候就會出現(xiàn) GPT-3 “甩手不干” 了的場景，還得人來進(jìn)行微調(diào)。

程序：代碼中有語法錯(cuò)誤啦！

對于這項(xiàng)程序，網(wǎng)友們感慨，這簡直是不給 UX（用戶體驗(yàn)設(shè)計(jì)師）留活路啊。

目前，這個(gè)網(wǎng)站還在招人，希望能進(jìn)一步完善軟件的各項(xiàng)功能，讓人們在設(shè)計(jì)軟件的時(shí)候，有更多可以實(shí)現(xiàn)、或是可以搭配設(shè)計(jì)的模塊。

作者介紹

debuild.co 的創(chuàng)始人 Sharif Shameem，畢業(yè)于馬里蘭大學(xué)，興趣是行為心理學(xué)、以及設(shè)計(jì)有趣的軟件。

此前，Sharif Shameem 設(shè)計(jì)過一個(gè)在安卓、Mac 和 Windows 都能用的云游戲平臺?Vectordash，受 YC 支持。也就是說，這個(gè)平臺可以讓你在任何設(shè)備上玩像《GTA5》、《使命召喚》這樣的大作。

此外，Sharif Shameem 也做過一些有意思的小游戲，例如只有 512×512 的迷你版《我的世界》。

想進(jìn)一步了解 GPT-3 的話，可以看這里：

傳送門

GPT-3 生成器：
https://debuild.co/

迷你版《我的世界》：
https://tinyworld.fun/

參考鏈接：
https://sharif.io/
https://www.businessinsider.com/developer-sharif-shameem-openai-gpt-3-debuild-2020-9

推薦閱讀
1
牛逼，自動(dòng)將函數(shù)或者命令行工具轉(zhuǎn)換成 Web 服務(wù)
2
1024，其實(shí)我想聊聊程序員的標(biāo)簽化
3
微軟：殺死那個(gè)曾經(jīng)全球第一的瀏覽器
4??
程序員喜歡的 5 款最佳最牛代碼比較神器，必須安利！



崔慶才
靜覓博客博主，《Python3網(wǎng)絡(luò)爬蟲開發(fā)實(shí)戰(zhàn)》作者
隱形字
個(gè)人公眾號：進(jìn)擊的Coder
長按識別二維碼關(guān)注




好文和朋友一起看~