iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

融合AI圖像生成技術的前端開發實戰 系列

隨著AI技術的快速發展,圖像生成已經不再是遙不可及的技術,而是可以實際應用到各種情境中。我們將探索如何將AI圖像生成技術與前端開發結合,為使用者提供更具互動性與創造力的體驗。

參賽天數 23 天 | 共 23 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文 團隊nutc imac
DAY 1

DAY1

開賽前言 2025 鐵人賽開跑啦! 🎉這是我第二次參加鐵人賽,心情既興奮又帶著一點焦慮,最大的擔心還是「斷賽」這件事(笑)。不過正因為有挑戰,才更值得全力以赴...

2025-09-15 ‧ 由 yillun 分享
DAY 2

DAY2

AI 圖像生成技術演進 (1) 今天,我們先來回顧 AI 圖像生成技術的演進,了解這些模型的核心概念與特性,為後續實作打下基礎。 一、AI 圖像生成的起點:生...

2025-09-16 ‧ 由 yillun 分享
DAY 3

DAY3

AI 圖像生成技術演進 (2) 今天先回顧一下昨日的內容: GAN(生成對抗網絡):生成器與判別器對抗學習,產生逼真圖像。 VAE(變分自編碼器):透過潛在空...

2025-09-17 ‧ 由 yillun 分享
DAY 4

DAY4

為什麼選擇 Nano Banana 在過去兩天的學習中,我們從生成對抗網絡(GAN)、變分自編碼器(VAE)一路了解到了擴散模型(Diffusion Model...

2025-09-18 ‧ 由 yillun 分享
DAY 5

DAY5

nano banana模型介紹 Nano Banana 是 Google 今年推出的最新多模態圖像生成模型,正式名稱為 Gemini 2.5 Flash Ima...

2025-09-19 ‧ 由 yillun 分享
DAY 6

DAY6

可以在哪使用 Nano Banana 模型 選擇使用平台 Google Gemini,選擇「2.5 Flash」模型進入圖像功能。 Google AI S...

2025-09-20 ‧ 由 yillun 分享
DAY 7

DAY7

為什麼需要 API Key?這到底是什麼? 在昨天的文章中,我們取得了第一把通往 AI 世界的鑰匙 - API Key。當複製那串神秘代碼時,可能會好奇...為...

2025-09-21 ‧ 由 yillun 分享
DAY 8

DAY8

API 串接的基本流程 當在網頁上輸入「給我畫一隻在太空彈吉他的貓」,然後按下「送出」,會發生了什麼? 很多人可能會想像,我們的電腦是不是瞬間變成超級電腦開始奮...

2025-09-22 ‧ 由 yillun 分享
DAY 9

DAY9

專案初始化(1) 專案初始化就像蓋房子打地基,看似簡單,但每個步驟都會影響後續開發的順暢度。 本篇從零開始,建立一個適合AI圖像生成應用,包括基礎檔案配置、開啟...

2025-09-23 ‧ 由 yillun 分享
DAY 10

DAY10

專案初始化(2) 在上一篇,我們完成了檔案結構規劃與環境建立。接下來,要讓這個專案真正「動起來」,就需要初始化 後端 Flask 服務,並測試一個最基本的 AP...

2025-09-24 ‧ 由 yillun 分享