iT邦幫忙

2026 iThome 鐵人賽

DAY 30
0
Vibe Coding

學生身份如何每天透過Vibe Coding每天做跨領域的創新項目系列 第 31 篇

Day 30 寫個序(沒成功),也寫個總結,來結束本次的故事吧!

  • 分享至 

  • xImage
  •  

【Day 30】寫個序(沒成功),也寫個總結,來結束本次的故事吧!

就這樣繼續前行吧,我們都是這個世界的學生,如此一生,學到多少是多少,創造多少是多少。midjourney示意圖
▲ 圖 1:就這樣繼續前行吧~我們都是這個世界的學生!如此一生~學到多少是多少~創造多少是多少~(Midjourney 示意圖)

終於到最後一天了,
身邊人都看我忙得要命,
但最後還是把內容給寫完,
然後輕微的看 AI 排版,
弄出一本書~


我白櫻有一個夢想:把 30 天的文章變成實體與電子印刷品!

我白櫻有一個夢想!或者說今天的夢想⋯⋯就是把過往的三十天文章結合起來變成電子印刷品!

先為 30 天寫個序,但因為原文還要投稿資策會,所以就不放了,有機會大家會在電子書版看到。


今天的 Vibe Coding:打造 RSS 爬蟲文章排版的多頁 A4 電子書 PDF

這次要來 Vibe Coding 的是:請用 HTML 對 RSS 爬取的所有文章進行排版,讓每一頁尺寸均為 A4 size 的多頁電子書 PDF。

就這樣,但這次真的沒 Vibe Coding 出來,不過這次我有自信,因為其實之前就做過類似的東西了。

# 任務:將 RSS 爬取的鐵人賽全系列文章排版為 A4 多頁電子書 PDF

請使用純 HTML + CSS(支援 @page 列印分頁語法)與原生 JavaScript:
1. 資料來源:串接並解析由 RSS 爬蟲抓取之鐵人賽 30 天文章內容(包含文章標題、主圖、正文段落與引言)。
2. 版面規格:以標準 A4 尺寸(210mm x 297mm)進行典雅的書籍裝幀排版,設定精確的頁邊距、頁首天地、頁尾及自動雙向頁碼。
3. 圖文防斷:針對長文段落與圖文區塊設定防跨頁斷裂機制(page-break-inside: avoid),圖片自動依版心比例縮放居中。
4. 匯出預覽:提供專屬列印樣式(@media print)與畫面預覽按鈕,支援在瀏覽器中直接「另存為 PDF」,產出高解析度多頁電子書。

💡 提示:以上內容直接複製貼給 AI,即為標準的電子書排版 Prompt!

之前用vibe coding排版做的電子書~
▲ 圖 2:之前用 Vibe Coding 排版做的電子書~

  • 📖 FlipHTML5 線上翻頁電子書成果:
    用 Vibe Coding 製作出電子書~再用 HTML5 Flipbooks 展示,又是一個 Vibe Coding 工具 + 數位工具結合的實踐方法!
    🔗 線上閱讀連結:點此瀏覽過往vibe coding排版做的電子書

關於「自信」這件事:Vibe Coding 如何讓欠缺自信的人找到力量?

這次談到自信了。Vibe Coding 工具是一個會讓人產生自信的工具:

從一開頭給予非資訊背景的人製作出軟體的自信;到後面,只要嘗試夠多,就產生出自己有下 Prompt 能力的自信,甚至不想看別人是如何下 Prompt,會認為自己更有能力。後來發現我可能只不過是相信自己的經歷,相信自己也嘗試過這件事所消耗的時間吧。

說實在的比我更懂得用 AI 的人應該還有很多,但是這個世界還是有很多對自己不自信的人,因為不自信我們會變得不懂得如何表達自己,也會因此錯過很多機會、很多資源。

提升自信的方法有很多,但 Vibe Coding 的工具可能也能夠成為一個找到自信的工具。盲目自信當然也不好,但如果你是一個欠缺自信的人,用著用著,你不單單會迷上用這個工具做各種事情,你似乎也會自己形成一套使用這套工具的技能。回到現實世界某程度上我們也會說:企業希望你擁有使用 AI 的能力。

本篇重點回顧:

  • Vibe Coding 工具讓人產生自信的兩大因素:擁有完善自己不敢相信的能力,在創造的過程必然形成自己的能力與經驗,為自己提升自信。
  • HTML to PDF to Real:雖然沒有說到,但 Vibe Coding 出程式代碼可以讓電子印刷品產出,換句話來說也能夠促使實體的印刷品出現,這是 Vibe Coding 產出「降世」的其中一種方法!

30 天終局總結:每天壓線、作家生活與「中國文學 ✕ 資訊」跨界震撼

是時候真的要來總結一下了!因為我剩下一個小時寫這個文章 🤣。

對的,去到後期已經變成每天都差不多壓線才完成自己想要寫的東西,而且經常性地自己一天可能同時有很多行程,到最後還是會從頭 Vibe Coding 一個全新的東西,再來添加各種跨領域的內容,形成一篇超過一兩千字的文章。

30 天鐵人賽給我的感覺其實⋯⋯這才是作家的生活吧!每天寫高質量的一二千字是基本功吧!!! 厲害的網絡小說作家也是每天碼超多字的呀!呵呵呵呵~(瘋掉了)

但真的只有這三十天我才看得出:原來我是一個會寫文章的人。

當然比賽及題目性質,還要加很多跟資訊有關的內容。「中國文學 ✕ 資訊」本身就是一個讓人感覺反差巨大的東西,當然實際上跨領域的人被認為這兩個領域依然有可以交雜的地方。換句話說,隨便把任何兩個領域結合起來也是有可能的能力。比起使用 AI 的能力,某程度上無論是學術還是產業,更加希望你是一個熟悉多個領域的人,這是其中一點;人類之業還有很多撇除使用 AI 還會讓人覺得大吃一驚或者非常看重的能力指標。


給所有「學生」的一封信:在 AI 之後,你願意面對十年後的量子運算嗎?

所以⋯⋯身為學生的你,是在慶幸?還在害怕?還在迷惘?還是依然恐懼?

這系列的文章有一個很重要的目標對象是「學生」,並且不是狹義的「學生」——那種在大學的大學生,而是還在學習中的你。自己不就有一篇提及了持續學習的部份~

我相信過多 10 多年之後,AI 將有可能不再是熱門的技能跟技術。要是十年後最熱門的科目是量子運算,你會願意從頭學起這個東西嗎?

每一個世代我們都有機會接觸到最前端的技術,但是我們同樣可以選擇學習或者不學習。但我的觀點是:跨領域,或者說只是單純好學的人,一定會把新的技術學起來吧! 隨後嘗試把新的技術跟已知的專業知識結合起來,締造出自己無可替代的能力,這放在過去或者未來的世代就非常重要。

  • 我真的教你怎樣 Vibe Coding 嗎? 不完全是,儘管有用自己的經驗提及一些技巧。
  • 我真的在呼籲你一定要跨領域嗎? 這要看人的特質吧,還是非常佩服有些人能夠專精在一個領域,AI 世代大家也在尋求這些人合作。
  • 我是在用學生的身份建議學生應該怎樣面對生成式 AI 嗎? 或許十年後我會叫你面對量子運算呢。

但是不變的東西依然存在:好學是個好東西。

儘管會讓你長得像學生,一旦願意學習各種新事物,就難免會做到跨領域,然後在某種契機下,創新就會自然發生了~儘管我們的學科會說還有很多因素能夠促進創新的發生,但前面的要素其實也包含在理論裡面有說明過。

就這樣繼續前行吧,我們都是這個世界的學生,如此一生:

學到多少是多少,創造多少是多少。

這就是我的自白:一個學生身份,如何透過 Vibe Coding 每天做跨領域的創新項目。

完~


上一篇
Day 29 臨近結束,來回顧一下最近幹了甚麼吧!
系列文
學生身份如何每天透過Vibe Coding每天做跨領域的創新項目 共 31 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言