前言

ChatGPT一炮而紅後，有人說它會取代很多行業的工作機會，例如記者、作家、藝術家、教師、程式設計師等，也有人說它會威脅Google搜索引擎的地位，另外也會使教育大翻轉，它會幫忙寫作業、報告、論文，甚至寫程式。以下我們就來玩一下，並討論『ChatGPT會取代程式設計師嗎?』。

開通

已經太多人介紹註冊程序了，筆者就不浪費篇幅，請參考『ChatGPT 人工智慧聊天機器人註冊教學，能以中文對答如流』，註冊成功後就可以瀏覽ChatGPT首頁，在下列畫面的下方輸入問題，ChatGPT稱為『提示』(Prompt)。

測試

依照下列操作程序，依序輸入問題，我們要在5分鐘完成網頁開發，包括伺服器端(Server)程式及用戶端的HTML/Javascript。

Q1. 如何在 Javascript 中發出 HTTP 請求？ (How do I make an HTTP request in Javascript？)

• 可使用中文或英文發問，回覆的程式碼相同，但說明各是中文及英文。
• ChatGPT回覆的程式碼如下：
  
• 可按右上角『Copy code』，複製內容。
• 通常綠色的字體表示可以客製化的程式碼。修改第一行網址為http://localhost:5000/data。

Q2. 上述程式碼要放在哪個目錄？(which folder to put data.html in?)

• 將上述程式碼存檔為data.html，放在templates目錄。

Q3. 產生可以回傳Json的Flask伺服器端程式碼 (generate web code to return json with python Flask)

• 將上述程式碼存檔為app.py，放在根目錄。
• 再加入以下程式碼至app.py，作為網站入口(Home page)。

@app.route('/')
def index():
    return render_template('data.html')

測試

可在這裡下載範例，解壓縮後，在app.py所在目錄下開啟終端機，Windows作業系統使用者可在檔案總管的路徑列輸入cmd。

• 執行python app.py。
• 開啟瀏覽器，輸入http://localhost:5000/ ，出現空白畫面，按F12，點選『主控台』頁籤，點開『Object』，可看到回傳的Json內容。
  

只問3個問題，就搞定一個網頁，再加強一下，把Json內容顯示在網頁上。

加強顯示

Q4. 產生HTML網頁顯示Json內容 (generate html to display json with python Flask)

• 將上述程式碼存檔為data2.html，放在templates目錄。
• 為避免覆蓋原有程式碼，在app.py中新增一段函數如下。

@app.route('/data2')
def index2():
    data = {
        'name': 'John',
        'age': 30,
        'city': 'New York'
    }
    return render_template('data2.html', data=data)

• 重新執行python app.py。
• 開啟瀏覽器，輸入http://localhost:5000/data2 ，出現畫面如下。
  

一個完整的網頁程式就大功告成了，當然，可以繼續問下去，例如美化網頁，加上身份認證…等。

結語

ChatGPT的亮點，它可以產生程式碼，也可以debug，但是我們還是要懂網頁套件的框架(Framework)、MVC架構、身分驗證/權限控管(Authentication/Authorization)、HTML/Javascript/CSS，如何針對產業別/公司規則修改商業邏輯，都是先備知識，另外，ChatGPT也可以幫我們寫一些小程式，例如播放音樂、人臉辨識、計算機…等，或是我們不懂得的領域，可由ChatGPT帶領我們學習，尤其是初入門的程式設計師。

ChatGPT在程式偵錯(debug)、重構(Refactoring)、單元測試(Unit Test)都有很棒的表現，開發團隊可以思考一下，如何借助ChatGPT提升生產力。

完整範例可在這裡下載。

Happy coding !! 下次見。

工商廣告:)

ChatGPT企業實踐指南 | 技術透析與整合應用影音課程，2023/5/20直播課程。

ChatGPT 完整解析：API 實測與企業應用實戰書籍，2023/5/20上市。

深度學習PyTorch入門到實戰應用影音課程。

其他書籍：
Scikit-learn 詳解與企業應用。
開發者傳授 PyTorch 秘笈
深度學習 -- 最佳入門邁向 AI 專題實戰。