零基礎使用AI寫程式|經驗分享

更新於 發佈於 閱讀時間約 1 分鐘

本篇分享無經驗的我,使用 X (原Twitter)內建的Grok3 AI寫程式,並放上網供人使用的過程,內文含有如何開始、成品展示,以及使用者回饋。


我做了一個網頁

這是一個我為了玩手機遊戲,最大化遊戲資源而發想的一個網頁,做成網頁形式是為了方便所有人使用,我自己也只要打開瀏覽器就能用。整個過程花了我4小時,全程只跟AI提要求,並著照做,過程很順利,且從頭到尾我沒有輸入任何一行程式碼,也看不懂,但成品還是順利完成!



如何開始

 清楚的架構

清楚的架構




開頭的架構很重要

AI就像一個什麼都會的程序員,要做出東西也需要清楚的知道自己要什麼,所以我將我的需求,包含介面上所需的每項功能,清楚的補充在最開始的提案中。


有不懂的直接問

有不懂的直接問





遇到問題不要慌

當遇到疑惑或是不知道如何操作,直接問他,可以提到我沒有程式語言基礎,或是我不會使用電腦,AI都會一步一步教學。


注意事項

AI用的術語多來自英文,有些中文化程式可能跟AI的說明有所出入。碰到這種情況,得多思考AI的意思,或google。

總之個人體驗下來使用感受挺好的。要有耐心,現在的AI還不是全自動,例如說幫我去賺錢,他就把錢端上來,去寫網頁,他就把網頁完全寫好。目前還是需要人在前端做,但這個已是幾年前完全無法想像的事了。



成品展示

影片右邊是手機遊戲,左邊是我用來輔助的網頁。




使用者反饋

raw-image


留言
avatar-img
留言分享你的想法!
國王 K-avatar-img
2025/04/07
一語-avatar-img
發文者
2025/04/07
國王 K 恩恩~主體還是人
渡狼/DL-avatar-img
2025/04/24
好厲害!感謝分享~
一語-avatar-img
發文者
2025/04/24
渡狼/DL 厲害的是AI😅
莉莉思-avatar-img
2025/04/09
AI真強大
一語-avatar-img
發文者
2025/04/09
莉莉思 很不可思議
avatar-img
一語在生活
29會員
178內容數
專注於生活,樂於接觸新事物,在此分享生活觀點及趣事
一語在生活的其他內容
2025/03/09
前言 今天發現我的Tensor.art會員到期了,且訂閱期間常常整日沒用,尤其最近都外出去玩,想說先不續買,也順便做一篇心得來評估下我該不該買會員。 附上人權 先附上訂閱證明,本篇沒有收錢講話(有就好了),季會員會送5000算力,因此可以推算日期到3/8剛好一季,2月少2天虧到。 T
Thumbnail
2025/03/09
前言 今天發現我的Tensor.art會員到期了,且訂閱期間常常整日沒用,尤其最近都外出去玩,想說先不續買,也順便做一篇心得來評估下我該不該買會員。 附上人權 先附上訂閱證明,本篇沒有收錢講話(有就好了),季會員會送5000算力,因此可以推算日期到3/8剛好一季,2月少2天虧到。 T
Thumbnail
2025/03/06
這篇文章介紹我自製的AI補妝修圖工具,韓系妝感,並提供免費使用。
Thumbnail
2025/03/06
這篇文章介紹我自製的AI補妝修圖工具,韓系妝感,並提供免費使用。
Thumbnail
2025/02/23
本文提供研究生提升學術論文閱讀效率的策略,包括明確閱讀目的、3-3-3快速閱讀法、金字塔筆記法、AI輔助閱讀與判斷論文價值等,並強調高效篩選與抓住核心內容是閱讀論文的關鍵。
Thumbnail
2025/02/23
本文提供研究生提升學術論文閱讀效率的策略,包括明確閱讀目的、3-3-3快速閱讀法、金字塔筆記法、AI輔助閱讀與判斷論文價值等,並強調高效篩選與抓住核心內容是閱讀論文的關鍵。
Thumbnail
看更多
你可能也想看
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
透過玩桌遊的方式學習AI生成圖像技巧,在充滿樂趣的活動中,學會如何操作工具及生成圖像技巧。這款遊戲預計下個月將開設實體課程,適合所有對AI有興趣的人、AI繪圖新手及藝術愛好者。
Thumbnail
透過玩桌遊的方式學習AI生成圖像技巧,在充滿樂趣的活動中,學會如何操作工具及生成圖像技巧。這款遊戲預計下個月將開設實體課程,適合所有對AI有興趣的人、AI繪圖新手及藝術愛好者。
Thumbnail
生成式人工智慧可以輸出文章、圖片、影片、音樂和簡報等內容,就連創建網站都不必學習程式碼。Websim.ai 是一個利用 AI 技術來創建網站的體驗平台,輸入簡單的文字即可生成互動式網站。目前開放免費使用,AI 會根據指令生成相應功能
Thumbnail
生成式人工智慧可以輸出文章、圖片、影片、音樂和簡報等內容,就連創建網站都不必學習程式碼。Websim.ai 是一個利用 AI 技術來創建網站的體驗平台,輸入簡單的文字即可生成互動式網站。目前開放免費使用,AI 會根據指令生成相應功能
Thumbnail
這篇文章描述作者如何利用 AI 技術(如 ChatGPT)來輔助撰寫文章的過程。作者詳細拆解了自己的寫作流程,並闡述了每個環節中如何使用 AI 來提高效率。文章強調 AI 在工作流程中所帶來的改變,並指出要適應這種改變需要一定的時間和練習。
Thumbnail
這篇文章描述作者如何利用 AI 技術(如 ChatGPT)來輔助撰寫文章的過程。作者詳細拆解了自己的寫作流程,並闡述了每個環節中如何使用 AI 來提高效率。文章強調 AI 在工作流程中所帶來的改變,並指出要適應這種改變需要一定的時間和練習。
Thumbnail
在網路世界初出茅廬時,不管你的文章內容多有價值,大多數時你只會遇到一片寂靜。這篇文章將分享如何利用 AI 指令並借用名人故事和框架,快速吸引你的觀眾,讓你的內容更具影響力。
Thumbnail
在網路世界初出茅廬時,不管你的文章內容多有價值,大多數時你只會遇到一片寂靜。這篇文章將分享如何利用 AI 指令並借用名人故事和框架,快速吸引你的觀眾,讓你的內容更具影響力。
Thumbnail
最新的AI趨勢讓人眼花撩亂,不知要如何開始學習?本文介紹了作者對AI的使用和體驗,以及各類AI工具以及推薦的選擇。最後強調了AI是一個很好用的工具,可以幫助人們節省時間並提高效率。鼓勵人們保持好奇心,不停止學習,並提出了對健康生活和開心生活的祝福。
Thumbnail
最新的AI趨勢讓人眼花撩亂,不知要如何開始學習?本文介紹了作者對AI的使用和體驗,以及各類AI工具以及推薦的選擇。最後強調了AI是一個很好用的工具,可以幫助人們節省時間並提高效率。鼓勵人們保持好奇心,不停止學習,並提出了對健康生活和開心生活的祝福。
Thumbnail
AI 相關的內容每天都非常多,有聽過很多人因此感覺到焦慮,怕錯過了最新資訊就會趕不上,這篇內容會跟大家詳細的分享我自己的學習方法和經驗,並且會在最後分享一些我的學習資訊來源。
Thumbnail
AI 相關的內容每天都非常多,有聽過很多人因此感覺到焦慮,怕錯過了最新資訊就會趕不上,這篇內容會跟大家詳細的分享我自己的學習方法和經驗,並且會在最後分享一些我的學習資訊來源。
Thumbnail
這篇文章分享如何透過免費電子郵件課程提供價值,建立信任,並引導訂閱者購買付費產品。透過豐富內容、獨特風格,以及AI的幫助,讓你的需求看起來更具吸引力。
Thumbnail
這篇文章分享如何透過免費電子郵件課程提供價值,建立信任,並引導訂閱者購買付費產品。透過豐富內容、獨特風格,以及AI的幫助,讓你的需求看起來更具吸引力。
Thumbnail
這篇文章介紹瞭如何利用生成式AI(GenAI)來提高學習效率,包括文章重點整理、完善知識體系、客製化學習回饋、提供多元觀點等方法。同時提醒使用者應注意內容的信效度,保持學術誠信,適當運用GenAI能大幅提升工作效率。
Thumbnail
這篇文章介紹瞭如何利用生成式AI(GenAI)來提高學習效率,包括文章重點整理、完善知識體系、客製化學習回饋、提供多元觀點等方法。同時提醒使用者應注意內容的信效度,保持學術誠信,適當運用GenAI能大幅提升工作效率。
Thumbnail
未來,針對圖片生成的 prompt engineering 可能會越來越不重要。
Thumbnail
未來,針對圖片生成的 prompt engineering 可能會越來越不重要。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News