這次的發想，是希望讓初學者/孩子們能逐步的學會一些可以讓跟 AI 溝通更有效率的詞彙。也能夠在遇到 AI 產出程式時，不會因為陌生而對程式碼敬而遠之，做為黑盒子...
在知道怎麼的簡單的建起一個應用程式之後，應該會迫不急待的想要加入更多的新功能吧？但是先等一下，我們要來聊一個不是寫程式，但跟程式有關的話題。 這塊地圖正式的名稱...
在了解了內容及樣式排版之後，最後一個部份，就是來看看我們的程式是怎麼動起來的。程式運作邏輯的 JavaScript，就寫在程式碼最下方的 <script&...
在上一章中，我們研究了網頁應用程式裡 HTML 的各種標籤。接著我們先來看一下我們打開瀏覽器後，為什麼頁面會長成那個樣子。 在 <style> 這...
上一章我們用 Gemini Cli 生成了一個會動的零用錢記帳程式，接著就來看程式碼長什麼樣子吧。先用 Finder 找到對應的資料夾，接著按右鍵，用 Visu...
建立資料夾 先打開終端機，用 cd Projects 進到昨天建立的 projects 資料夾裡。 接著用 mkdir little_pocket新建一個 li...
在正式開始撰寫網頁應用程式前，我們先來說明一些基本的知識。 軟體開發者的檔案管理 要管理檔案，在 Mac 中是使用 Finder 這個程式。(Windows 中...
而在繼續我們的旅程之前，我們來試試目前跟 AI 合作最先進的方式，就是命令列工具型的 AI 助手。目前有四家廠商推出了這種 AI 工具，而我們主要會介紹有免費額...
當我們能夠寫出一段程式碼，並在自己的電腦上執行之後。下一個問題就是，怎麼讓其它人使用這段程式碼呢？ 我們之前寫的 命令列程式 我們之前寫出來這種直接在終端機上跑...
關鍵字回顧 讓我們先一起來回顧一下前幾章所學到的新詞。 有編寫程式碼用的編輯器，執行程式用的終端機。接著在(AI生成的)程式碼中，包含了要處理的資料及處理它們的...
你應該有用過自動販賣機吧！就是把錢丟進去，就可以有飲料掉出來的那種機器。而我們今天要研究的函式，就跟自動販賣機非常相似。 回顧一下我們在第六章做的計程車範例：...
上一章介紹了簡單的，一路走到底的流程。而今天要來介紹剩下兩種不一樣的流程控制語法。其中一種，是可以依照情況不同而做出不同行為的「分叉型流程」。 所謂的情況不同而...
資料跟變數的有趣用法 上一篇，我們跟 AI 一起研究了什麼是「變數」與「指派」。所以像是 x = 4 這樣的程式碼，就是將x這個變數指派為4 然後我們來看看前面...
在了解了 Python 中的資料型別後，我們要接著來看程式裡的「流程」。而提到流程，就要先了解很多人一開始比較難懂的「變數」與「指派」等概念。 然而這一次我們會...
上一章我們學會程式是由「流程」及「資料」構成的。就像當你跟你朋友玩任何撲克牌遊戲時，這場遊戲怎麼決定勝敗的 規則就是「流程」，而每一次發牌跟出牌都不會一樣，這些...
領悟出來的答案才是自己的 之前我們用 Google Gemini AI 幫我們生成程式碼。今天我們會花更多的時間跟 AI 相處，但是這次我們要把 AI 變成我們...
確定環境設定完成，我們就可以開始動手了。在這趟冒險旅程中，我們會用許多種不同的方法跟 AI 互動。就像遊戲裡也是從基礎的招式開始習慣，之後在使用複雜的技巧時，就...
歡迎！在開始之前，想問一下，當我們提到「程式」這兩個字時，你心裡想到的是什麼呢？就算你是被爸媽逼著看這本書的而心情不太好，也可以試著回答看看。在很多人的心中，...
依慣例，想說的前言太長，放在這裡。明天才是第一篇 XD 這系列的文章，是寫給程式初學者，特別是還在學的孩子。或者是想要教孩子寫程式的家長們的。 在生成式 AI...
taiansu
iThome鐵人賽
看影片追技術