AI Driven Design - 以OpenAI(ChatGPT+DALL-E)自動化網站製作

早在20世紀70年代就已經出現人工智慧語言-PROLOG語言，但此時這個語言還不是所謂的自然語言(接近人類的語言)，直到80年代的第五代程式語言，被認為是未來軟體的開發方式；於是日本開始在第五代計算機系統專案上，投入了大量的研究和資金；而後90年代是類神經網路的出現，到21世紀的機器學習、深度學習陸續出現。奠定了如今生成式AI工具的大量興起。

而在這樣大量AI工具已然成熟的狀況下，AI通用化(普及化)已是趨勢。數位產品的設計應該在這樣的發展下，思維要跟著改變，也就是所謂的AI Driven Design。個人與企業應該都要去思考，如何利用這些AI工具讓自己加快成長，利用AI自動化地節省不必要的資源浪費，將資源放置在更重要的決策上。

這裡我以一個簡單的方式來示範，我們在教育現場的使用需求，發展出一個協助工作流程的生成式AI產品。

這個需求主要來自於PTWA的特教班老師們，有這樣的需求。需要利用一些網頁的小遊戲來輔助教學。

首先連結好ChatGPT所使用的OpenAI API GPT-3，做為產生網站與圖片的API程式碼。關於chatgpt2website的程式專案說明，在另外的blog有進一步解釋。

然後利用flask、bootstrap 4、wtform等套件完成以下介面。

在inputbox輸入greedy snake game(貪吃蛇)，然後執行Generate Website按鈕去呼叫openai.Completion.create function。

這次又使用貪吃蛇做為例子。過了一分鐘左右產生以下網站。

若覺得不夠完美，想要做修改，可以在首頁的下方按下Generated Websites的清單。

進去後清單如下:

點擊該檔案名稱(snake_game_1.html)旁邊的edit，進去以下編輯器畫面，所使用的是現成的套件CKEditor(一種WYSIWYG的免費套件)，馬上就可以編輯剛從ChatGPT產生的網頁。

修改遊戲畫面的背景顏色，立即產生效果。

也可以透過Create Image按鈕中呼叫openai.Image.create function產生圖片，透過編輯器放入剛產生的網站中。

把紅點換成由AI產生出來的漢堡圖片。

以上所有的程式碼與圖片，都是AI從網路上學習並自動修改得來的，我只是換背景顏色和把紅點變成漢堡而以。這已經是不久未來的工作型態。

AI Driven Design是我們需要培養的思維。在做任何事情之前，我們要先找到可以協助我們的AI工具，然後以高維度來思考AI工具間的配合與創意產生，產生人類在工作中的價值。

目前即將面臨挑戰的工作就是繪圖師。生成式AI-Midjourney的毀滅性橫空出世，讓不懂繪圖的人也能產生高藝術性價值的圖片，其實很大部份人類從中扮演的角色，是培養文字描述(關鍵字)的精準度與美感的敏銳度。我是支持生成式AI著作權的合法使用性，也就是所謂的「導演論」。這是不可逆的趨勢，就像當年MP3事件到各大音樂媒體公司不得不承認，並配合發行MP3合法下載的過程一樣，只會經過陣痛期但不會倒退。另外也包含之前提到的編劇也是，只要分潤機制做好，沒有人不樂觀其成。

上面的文字語法在Midjourney會產生這樣風格的圖片(但每次都不一樣，AI具有隨機性，現在其他人貼一樣的語法也不會一樣)。但這麼多張圖片，要選擇哪一張繼續精煉該圖片，是需要有思想的人類選擇出來的。

接著再用D-ID讓演員失業XD(人類的情感表達是複雜的，這頂多只能取代vTuber和新聞主播)

AI發展的加速，將成為一股強大力量，促使人類的思維也跟著改變。