站長阿川

站長阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

站長精心設計,帶你實作 63 個小專案,得到作品集!

立即開始免費試讀!

第一的

2025 年 5 月 17 日(日本時間),ChatGPT 中新增了一個名為 Codex 的新部分。

Codex 是一種在雲端上執行的 SWE 代理程式。

透過與Github連結,您可以閱讀存儲庫中的程式碼並查找錯誤。

重構是可能的。

我之前寫過一篇關於 Cursor 編輯器的文章,

這次我也對這個新工具很好奇,所以我決定立即嘗試!

Codex 的用途

  • 現有程式碼的分析(了解依賴關係/配置/測試狀態)

  • 實施、修改和重構的建議

  • 錯誤修復、測試程式碼的自動產生和更新

  • 簡化 Pull 請求的建立和審查支持

  • 平行任務執行(同時進行重度分析+輕度修正)

且上述任務可以並行執行,

我感覺這會讓開發變得更方便!

如何使用

準備

首先,打開 ChatGPT 並從左側導航導航到 Codex。

1_使い方.png

當您存取 Codex 時,您應該會看到這樣的螢幕,因此請單擊它!

2_青少年畫面.png

連接到您的 GitHub 帳戶。

(使用範例非常多,令人興奮。)

3_menyu.png

連接到 GitHub 後,選擇要使用的儲存庫。

Codex 允許您檢查您的儲存庫、尋找錯誤並重構!

5_riポジtorを選択しよう.png

注意

關於代理網路存取,如果您保持啟用狀態,

請小心,因為可能涉及費用

(下文將對此進行詳細解釋)

一旦您決定了儲存庫,他們就會為您檢查程式碼!

我選擇了個人開發儲存庫,這樣我就可以修復錯誤。

好開心啊~

6_試しに3つのタsuku.png

建議程式碼修復

一旦啟動任務,它就會啟動並執行!

它好像在執行上面的三個任務!

(他們同時進行這件事真是太神奇了!)

7_なんか動いてるぞおおお.png

等待大概3分鐘後,任務完成!

看起來他們發現了一些看起來像是錯誤的東西並要求修復它!

8_巴古検出.png

他甚至為修正的部分編寫了測試程式碼...!

我很高興它不僅指出了錯誤,而且還建議並描述了可能需要的情況。

9_テsutokodo書いてくれた.png

如果您點擊右上角的建立 PR 按鈕並前往 Github,您將看到在 Codex 中確實已經建立了一個 PR。

10_PR作成されてる! .png

CI(測試)也完美通過!

11_テsutoもOK.png

我認為它列出了每個任務的狀態,非常有用!

12_タsukuが終わると・・.png

可以針對每個任務進行檢查。

  • 標題

  • 是否建立了 PR

  • PR 狀態(合併等)

  • 和弦變化步驟數(附圖中,+82 -1)

您建立的拉取請求

作為參考,這是 PR。

因為這是一個個人開發專案,所以我沒有寫太多程式碼…哈哈

您甚至可以從頭開始建立服務!

當然可以!

建立一個新的儲存庫,將其載入到 Codex 中,然後編寫提示。

嘗試一下

現在讓我們寫一個提示並分配一個任務!

這次,我們要求您使用 React 和 TypeScript 建立類似桑拿網站的東西!

開啟 Codex 並指定新的儲存庫

由於這是一個新創作,因此沒有程式碼可讀,所以跳過!

13_新規作成なのでスキップ.png

讓我們提出一個請求吧!

現在,寫下您的提示並開始提出請求!

(稍後我會發布實際提示)

15_作成依頼.png

如果任務執行失敗...

注意

對於像這樣的新建立的儲存庫:

如果包含提示,任務將無法執行。

只需建立一個 README.md 文件,

在提出請求之前建立類似主分支的東西是個好主意!

16_NG.png

我們就準備這麼多吧!

17?mainだけ作成しよう.png

查看結果! !

這次,我希望他們能建立一個類似桑拿介紹網站的東西,

我提出了一個請求!

桑拿清單螢幕

這裡有各種各樣的設施。

回覆 2025-08-21 1.36.36.png

桑拿詳情模態

點擊任何三溫暖卡...

回覆 2025-08-21 1.36.42.png

搜尋功能

看起來簡單的搜尋是可以實現的!

回覆 2025-08-21 1.37.06.png

設計有點欠缺,但你可以根據自己的喜好進行客製化。

我能看到未來!

(雖然我在提示中沒有提到設計...)

這次測試的結果

既然我在這裡,我就會發布儲存庫!

實際請求的提示也列在 README.md 中!

我希望這會有幫助!

如果一項任務需要很長時間

為什麼需要時間

Codex 可以在雲端的沙箱中並行執行,

時間將根據程式碼的大小、依賴關係解析和測試的權重而增加。

啟用網路存取可讓您檢索依賴項,但

完成時間趨於增加。

根據您的需求打開/關閉它(預設為關閉)。

如何加快速度?

  • 將任務分成更小的部分(1PR = 1 個目標)

  • 指定要編輯或要求的文件

編輯內容範例

編集範囲:
- src/components/RecentItemsCarousel.tsx(新規)
- src/pages/Home.tsx(組み込みだけ)

使用費

瀏覽器版本

  • ChatGPT Plus

  • ChatGPT Pro

  • ChatGPT 團隊

  • ChatGPT Enterprise

以上計畫均符合條件,未來也將支持教育計畫。

CLI版

將透過 API 收費。

每個計劃的定價概述如下!

概括

「氛圍編碼」這個術語不久前就出現了。

當你真正觸摸到它時,你會感覺自己終於走到了這一步!

雖然需要一些 GitHub 知識,

似乎連非工程師也能夠參與開發。

参考資料


原文出處:https://qiita.com/railgun-0402/items/7265f080a96a3f9f9877


共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。
站長阿川

站長阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

站長精心設計,帶你實作 63 個小專案,得到作品集!

立即開始免費試讀!