top of page

0. 程式編輯是什麼?怎麼開始?

已更新:10月26日

ree

你知道嗎?我大學時代使用的是386電腦,我不知到學C語言或Java要幹嘛,當兩年多前AI問世,我是非常開心的,別人是會擔心失去工作,而我知道有AI來幫我實現創意,幫助我擴充認知,當我工作室助手。同時,我學電機,擅長文創手繪人物、動物、圖騰,也從事專業平面攝影有十五年之久,後來學習了Adboe平面設計,用十萬塊買了台蘋果筆電,學習並接受專業的Final cut pro整套編輯軟體訓練,當過MV副導演。後來轉向室內設計,AutoCAD、Skettch up 、Enscape 沒有一個不熟。接著是從事建築機電工程,開始繪製機電圖,能木作、泥作、藝術漆作和焊接。現在變得很忙,我立志要當一位小學校長,單身的我很喜歡也適合和小學生做朋友,導演也曾是我的夢想,未來要經營教育空間整合事業,我知道,這一切都可以因為AI的問世,有機會成真。

我如何從一張白紙開始學編程?



引言:AI 時代的學習熱情

在 AI 時代,我對學習和發揮創意充滿了熱情。經過網路資訊篩選我決定以 Python 為起點,來探索 App 程式開發的世界。這是我向 AI 導師提出的問題與獲得的答案,記錄了我從零開始建立概念的過程。


............................................................................................................................................................


第一章:Google AI Studio 與編程世界的敲門磚


我的疑問:

Google AI Studio 和這裡(一般的 AI 聊天)有什麼不同與改變?可以在上面編輯程式對吧?


AI 導師的回答:

Google AI Studio 是一個專為開發者、創作者設計的整合式 AI 平台,它是一個 AI 專案的實驗室和原型建立工具。

特點

Google AI Studio 的定位與改變

與一般聊天 AI 的主要差異

目標用戶

非工程師、開發者、創作者和企業,重視快速原型、應用建構和部署。

主要為一般大眾使用者,進行日常問答、寫作等。

核心功能

多模態整合、即時串流、程式碼建構、媒體生成

主要集中在文字對話和基礎的圖片處理。

控制與自訂

可調整多項參數不受 System Prompt 限制,能更精準控制 AI 輸出。

參數設定較少,主要依賴提示詞來引導輸出。

開發與部署

一鍵生成程式碼、智慧函式呼叫,能將 AI 專案快速轉化為可部署的原型。

不具備程式碼生成和專案部署的功能。

結論: Google AI Studio 讓您可以用更高的自由度、更深度的控制來測試、客製化和建構基於 Gemini 模型的各種 AI 應用。


............................................................................................................................................................


第二章:從 Python 開始,App 開發的基礎概念解鎖


>> 我的疑問:

關於程式碼建構是我目前的知識空白。我想從 Python 開始認識,目標是 App 開發。什麼是資料結構、框架、HTTP、SQLite、後端整合?Kivy/BeeWare 是什麼?我甚至不知道在哪裡寫程式?


AI 導師的回答:

Python 在 App 開發中的角色:

  • App 後端(伺服器端): 處理 App 的數據、用戶認證、AI 模型運行等。使用 Django 或 Flask 框架。

  • 跨平台 App: 使用 Python 程式碼編寫 App 界面,部署到多個平台。使用 Kivy 或 BeeWare 框架。


核心概念解析


  1. 資料結構(Data Structure):

    • 概念: 像是整理資料的容器和方法(例如文件櫃的分類系統)。

    • 原理: 能讓電腦更快速、更有效率地儲存和存取資料。Python 中的 列表 (List) 和 字典 (Dictionary) 是常見範例。

  2. 框架(Framework):

    • 概念: 像是預製的房屋結構圖紙和零件。

    • 原理: 提供了開發的標準流程和工具,讓您不必重複造輪子,能大幅加快開發速度。Flask 就是用於後端的輕量級框架。

  3. HTTP (HyperText Transfer Protocol):

    • 概念: 像是網路上的信件服務或通關密語。

    • 原理: 這是 App(前端)和伺服器(後端)之間傳輸資料所使用的規則。每次 App 獲取資訊,都會發送一個 HTTP 請求。

  4. SQLite:

    • 概念: 一個輕量級的資料庫,就像一個電子化的活頁夾系統。

    • 原理: 它可以把整個資料庫儲存在一個單一的文件中,不需要額外的伺服器進程,常被用於 App 內部儲存本地資料。

  5. 整合到後端:

    • 概念: 將 App 複雜的運算、資料處理和 AI 邏輯,交給獨立的伺服器程式來完成。

    • 原理: 分擔手機 App 的運算負載,集中管理用戶數據,並提供如 Gemini AI 應用等需要強大算力的服務。

  6. Kivy / BeeWare:

    • 概念: 讓您可以使用 Python 程式碼來開發跨平台 App 界面的工具包。

    • 原理: 目標是讓開發者能用同一種語言(Python)完成後端和 App 界面,降低學習門檻。


>> 我的疑問:

在哪裡寫程式?


您需要一個稱為 IDE(整合開發環境) 的軟體,推薦使用免費且強大的 Visual Studio Code (VS Code),它是程式設計師的工作檯。


............................................................................................................................................................


第三章:檢核與確認 — 我的理解流程


我的疑問:

以下是我的理解流程,正確嗎?:

  1. 安裝 VS Code 與 Python 擴充套件: VS Code 是編程介面,擴充套件讓它能使用 Python 語言編程。

  2. Flask "Hello World": Flask 是框架模組,"Hello World" 是證明後端服務成功啟動的儀式。

  3. AI Studio 協助: 我會直接在 AI Studio 中給出需求(Prompt),讓它生成我需要的 Python 程式碼(例如:回傳 "Hello AI World" 的 Flask 程式碼)。

  4. App 運作流程:

    • 撰寫完邏輯功能後,上傳到伺服器。

    • App 發出 HTTP 請求(暗號/訊號)。

    • 後端處理器運作,可能會去 SQLite 找資料,或呼叫 API 生成「故事」。

    • 「故事」指的是 AI 生成式內容 (Generative Content),例如 AI 寫的旅遊計畫或生成的圖片。

    • 後端回傳結果給 App 呈現給使用者。


AI 導師的最終確認: 

您的理解非常精準且到位! 您已經掌握了程式設計和 App 互動的幾個最核心、最關鍵的概念。

............................................................................................................................................................


第四章:Mac 環境與啟動實作


>> 我的疑問:

可以在 Mac 上安裝與使用 VS Code 與 Python 擴充套件嗎?它們是免費的資源嗎?


AI 導師的回答 :

項目

是否免費

Mac 適用性

結論

VS Code

完全免費

適用

您的主要程式碼編輯器。

Python 語言

完全免費

適用

程式語言本身。

Python 擴充套件

完全免費

適用

讓 VS Code 能「理解」並運行 Python。

下一步: 我已經準備好在我的 Mac 上安裝這些工具,並開始執行我的第一個 Flask "Hello World" 程式,將這些概念具體化!歡迎你跟我一起,開始學習編程,才不會可惜了處在這個世代。


留言


bottom of page