enjoylyingflat的部落格

今天上SQL語法，感覺有些焦慮，想到明年四月中的報告期限，在最後的兩個禮拜可能沒辦法完全投入開發，還需要準備報告，就讓我感到時間壓力很大。我感到焦慮的原因是想嘗試的東西太多，但卻沒有辦法熟練任何工具、套件或程式語言。對我來說，能完成一個看起來完整的作品已經很難得了，但如果面試需要考一些觀念或深入的操作，我可能完全答不出來，這也是我很擔心的部分。

此外，我又感到有些迷茫，今天開始重新思考要參考 roadmap，重新規劃學習的目標和難度曲線。我上課的內容其實不是聽不懂，但當新的語法或內容加入時，會讓我感到無所適從。如果沒有實際操作，我會覺得自己在逃避，但實作時卻常常不理解背後的原理，因為只顧著寫程式，導致很矛盾。時間很趕，上課內容很緊湊，加上專注力無法持續太久，我也不想讓腦袋一直處於高壓狀態，這讓我在學習上感到掙扎。

技術上需要補的東西也很多，像是 HTML、CSS 和 JavaScript，雖然知道需要補，但光看影片並不能解決問題，因為我知道基礎但不會運用，所以我覺得需要直接實作一個真實專案。我打算先做一個攻略網站，第一版使用純 HTML、CSS 和 JavaScript。如果第一版做得不錯，也許會進行第二版，嘗試加入 React、Tailwind 和 PostgreSQL，甚至 Redis。這樣的規劃希望能讓我在期末專題時，有機會從使用過的技術中找到適合的排列組合，但我不確定這過程能不能真的達到漸進式成長。

然而，上課時專注學習有點困難，老師的聲音透過麥克風震得耳朵很痛，讓我沒辦法專心學習或看線上影片。他教的內容不是不好，但我發現自己總是在第一次課堂時抓不到重點，無法立即學會。遇到問題我又無法當下理解，結果就是自暴自棄，不太願意當場搞懂，只想帶回家研究，但這其實不是一個好的學習方式。我記錄下這些感受，是因為我覺得自己又陷入了一個學習的泥潭，或許是過去的壞習慣和學習方式的缺陷導致了現在的結果。

1. 環境設定與問題解決

今天是小專題的發表日，扣掉躺平跟思考還有看影片的時間呢，實作的天數大概是有八天，那八天能完成的部分就會比較少一點，所以有很多的功能沒有實作。那先來講一下我的感想好了，首先是我覺得我很努力的想要去克服我這個未知的東西，就是前後端，還有資料庫的部分。那為什麼會想要直接跑到後端去呢？是因為對前端沒有太多的想法，那我就不如去實作邏輯的部分，所以就跑到了後端。而且這是所有的開發工具，全部都是我這個班會學到的工具，所以這次就是先以這個為主。

那首先我很認真地去準備了今天的簡報，然後去把它盡量地弄完整一點，像是有一些可能架構啊、流程啊、系統的互動啊，還有整個發想的這個過程還有這些呈現，然後還有我實作可能做的圖。因為我不太會畫設計稿，所以當我想要什麼功能、什麼畫面的時候，我就會直接用 Canva 直接畫圖，然後去跟 ChatGPT 溝通。所以在今天呢，我很努力地去把這個簡報做完，但是報告只能五分鐘。

前面先聽我同學講的，我覺得他們算蠻厲害的，因為有很多個的前端的呈現都是很好的。我覺得我完全做不到這樣的程度，而且他們應該也是在很短的時間內完成的，當然實作的時間可能是比我長，但是他們做得很完整，所以我聽完前面的部分，就有一點，哇，看起來我還有很多要努力，很多東西要學習。

那總結一下我從上個禮拜三到這個禮拜三，這七天扣掉週末躺平，我剩下的時間基本上是在弄我的專題。因為我使用 ChatGPT 去幫我產生 code，所以debug 非常耗時間，但是我沒有就是從零開始寫，所以我總是覺得很不踏實。所以在這個專題後，我也有為自己訂一些計畫。

然後在小專結束後，我有去跟老師聊聊天，跟他講一下我的想法。那他的建議是就是那就一樣實作，但是先把線稿圖啊那些東西都做出來，然後專注做一個前端的作品。我已經想好我的作品會是《大航海時代》的攻略網站。

今天整天都是 Lab 課，一直到下週三小專題之前，這段時間都可以用來實作。之前我的前端部分已經完成了靜態的部分，但一些延伸的功能，像是頁面跳轉、會員登錄等基礎功能還沒做。我的想法是串接後端和資料庫，嘗試將資料庫的資料傳到前端。這個過程我知道會遇到很多問題，所以思考了很久。

不過，因為網路不穩和偶爾的「躺平」狀況，實作時間變得很有限。上課依然是看 Laravel 的相關影片，但因為我沒有學過相關語法，也缺乏資料庫基礎，看影片時只能大概理解它想要做什麼，但在語法部分真的無能為力。所以我決定與其繼續看影片，不如直接開始實作。早上我成功架設了後端的開發環境，確認一切運作正常。

在實作的過程中，我開始思考需要做的步驟，包括資料庫設定、路由、API 調用等。雖然大致上算順利，但也遇到一些很嚴重的問題。例如，一開始需要刪除資料庫來排查問題，我必須理解是哪個部分出錯，然後重做一遍。幸好最後還是救回來了。

接著是版本衝突的問題。套件之間可能會有衝突，有些功能可能因為優化而被移除或省略。新功能或新語法也讓之前看的影片內容對不上，導致我後來發現 ChatGPT 無法解決核心問題，只能提供可能的方向。最後，我決定上 StackOverflow 查找類似問題，發現真的是版本問題。ChatGPT 的知識截至 2023 年 10 月左右，無法應付 2024 年的 Laravel 語法和使用方式，因此一直鬼打牆。

不只是 4 O模型，連最新的 O1 模型也有類似問題。兩者的回答都無法真正解決問題，最後還是靠我自己思考，才找出可能的解法。我發現這些 AI 模型的回答，有時候會讓人更困惑，沒有解決根源問題。

今天是 JavaScript 的最後一堂課，老師的教學內容偏向於網頁的監控，主要講解了簡單的例外處理和整體控制的部分。課程最後的一小段時間，老師用簡單的 JavaScript 示範了一個小遊戲。

下午是 Lab 課，我發現自定義部分是最難的。這邊的自定義是指什麼呢？自定義指的是當我想要開發程式時，需要考慮前後端使用的技術或想要調整的特定部分。這就是根據自己的需求，選擇合適的技術或功能。但我遇到的困難是，我想要的技術或解法，網路上的教學資源不一定有。即使找到教學，內容可能比較過時，距離現在的技術現狀有些遙遠，因此我不確定它是否適合。

在實際操作的過程中，如果網路上的教學資源不符合我想要做的實際狀況，那麼就很容易遇到各種問題。因為缺乏合適的教學指引，解決這些問題就變得更加困難。此外，ChatGPT 雖然能提供很多解決方案，但並非每個方案都適合，部分解法可能只是治標不治本。因此，如何找到問題的根本原因，成為一個很大的挑戰。尤其對新手來說，經驗不多，很難看懂錯誤訊息，有時即使錯誤訊息看似符合實際情況，但問題本身可能只是個很簡單的狀況，卻會跳出大量錯誤訊息。這樣的情況對新手來說，不僅令人恐慌，也非常令人害怕。

今天下午，我花了時間安裝不同的開發環境，包括 MySQL 資料庫、PHP、Composer，還有後端會用到的 Laravel。在安裝這些環境的過程中，雖然遇到了一些問題，但最終還是順利解決了。雖然目前基礎環境在下課前已經成功設置好，但未來是否會出現版本衝突或套件衝突的問題，還不得而知。不過，至少到目前為止，基本的開發環境已經準備就緒。

最後，在安裝完所有開發環境後，我想聊聊心態的問題。有時候會覺得少了一些工具或資源，就好像真的無法開始。但後來想想，只能把這些困難當作一種挑戰。畢竟在業界中，有很多慣老闆，可能需要你靠「通靈」來完成工作。他們不會提供明確的指示或資源，卻要求你交出成果。或許我現在的狀況也是這樣：沒有網路，無法看教學影片，無法實作，那我就需要找到其他解決方案。也許我要去咖啡廳或圖書館尋找網路。如果換個角度，悲觀一點的話，選擇不做也沒關係。失敗了，至少知道自己失敗的原因。有些事情本來就是一個無法跨越的障礙，如果資源和條件不允許，那麼接受它也沒什麼不好。

窮病，今天依然在上 JavaScript，課程內容已經講到物件導向的相關應用了，算是蠻深入了。老實說，我只能大概了解它的意思，但對於背後的原理和觀念還是不懂。

由於昨天的網路問題，今天早上特地早起試試能不能改善網路訊號，但網路爛到不行，一直到五點，影片還是在轉圈圈。甚至我去下圍棋，本來三盤能贏的棋，最後都因為斷線而輸掉了。這時我才確定網路真的有問題。可是家中的收訊很糟，沒辦法學習，也無法實作。

氣不過的我，試著找便宜的光纖網路方案，但研究了兩小時後才發現，只能選擇穩定但貴，或便宜但不穩定，還要綁約兩年以上。總之，沒有 1212 的優惠活動。目前沒有找到好方案，也無能為力。

專題時間很少，回家無法實作，每天能上課的時間扣一扣後，最多只有六個小時，能做的事情有限。我一直想解決這個問題，但這種窮病真的解不掉。

下午的 Lab 課，我拿去看了 laravel的框架，覺得稍微更認識了一些。或許明天下午可以開始試作，並試著把前後端和資料庫的部分串起來。

以下單純抱怨與躺平，星期天的週末住宿，原本預計要看影片，但最後沒有看那麼多。網路問題特別嚴重，尤其是星期天，網路基本上癱瘓了。我也不確定是不是因為分享網路太頻繁，導致超過100G被限速，結果看 YouTube 教學影片時卡到不行，心情變得很差，最後就不想看了。主要是要邊看教學影片邊實作，這樣很麻煩。原本凌晨起來打算把 PHP 的部分看完，但目前進度有點落後。

我週五時跟一位同班同學聊過天。他是做嵌入式系統的工程師，主要偏向底層開發。我問他，既然已經有後端程式語言的能力，自學應該是更好的選擇，為什麼會來上這個課呢？他說是因為個人原因，提到自己十月被裁員，十一月中就來報名上課了。我覺得這樣有點奇怪，也覺得他來這邊學習有些浪費時間。其實我們班大概有四個人是資訊相關背景的，對他們來說，直接在家自學可能更有效率。

以我自己的狀況來說，首先是個性問題。即使有很多時間，但如果我沒有想法或動力，我就不會主動去學習。因此，我需要一個「現實」的環境來推動自己。不過，我並不傾向於在限時內純粹聽課，而是在現實的情況下意識到成效不佳時，促使自己更努力在家自學，更加把握時間學習。這種感覺有點像當兵時，你才會真正意識到時間的寶貴，每一分每一秒都非常珍貴，因為在當兵期間幾乎沒有真正的休息時間。

我記得我跟他談到的主題，主要是關於學習和職涯方向。我現在的學習方法可能跟一般人不太一樣，而他覺得上課時跟老師學習理論原理很重要，因為廠商確實會考這些內容。他的看法是，學習到最後，你必須決定要往前端還是後端發展，這點我非常認同。

但我不太認同「畢業就能找到工作」這種樂觀的想法。根據以往經驗，尤其是在整個中部地區，幾乎沒有看到什麼成功的案例或正面的分享。這代表著可能有很多隱藏的失敗者，只是我們無從得知具體有多少而已。

今天上了課程，老師講了一句話：「未來大學大部分會倒掉。」我其實非常認同這件事，這和現實情況有關。我認為要培養成一個全端工程師，補習班可能也無法培養出一個具備獨立實作能力的工程師。因此，自學變得非常重要。

今天的課程依然在講 JavaScript，但這門所謂的進階課程，本質上還是停留在基礎範疇。這些內容並不深入，應用在實際案例時，未必能直接派上用場。這幾天我也看了學長姐的小專題和期末報告，不管是影片還是專題內容，都有仔細觀察，小專題部分大多只是半成品，畢竟學到的知識有限，實作時間也不多。我覺得自己現在的狀況，就是有很多想法，想要將前端和後端串接起來，但可能真的做不完。

13號是我們第一堂的專題規劃課程。這堂課結束後，大概剩下十天左右的時間可以實作，所以在實作方面，我們的時間其實非常不夠。平常我沒有特別專注在聽課，因為我花了很多時間在實作上，解決一些很愚蠢、不OK的問題，但這些問題確實耗費了大量時間，導致進度不快。

也讓我覺得自己沒有什麼天分。不過，我至少達到了自己認為最低的要求，但我不想只停留在這個水準。我看其他學長姐的小專題和期末報告，發現有一些功能是大家一定會做的。所以，我也希望在我的小專題中，嘗試把這些大家都會做的功能放進去展示。

我想要嘗試很多東西。前端的部分我已經完成得差不多了，但 JavaScript 還沒有完全碰過。後端的 PHP、Laravel 框架、資料庫和 REST API，這些部分我覺得很難想像如何實作。雖然可以透過影片理解它們的關係，但真正實作起來還是很困難。

今天是新老師來教我們上Javascript，這位老師的教學風格很有熱情，但缺點是容易偏題，講一講會延伸到奇怪的地方，還有一句話結束會有口頭禪，比如「哼」。因為今天主要是複習，所以講的新內容不多。我們班同學普遍比較害羞、內斂(也有可能是在睡覺)，沒什麼人願意互動，我能體會，老師想要維持熱情也很難。

下午的 Lab課程，我開始思考做完網頁後還能加什麼功能。我很想加入一個可互動的 2D 動畫，覺得這樣會很有趣。我考慮放一個簡單的雷姆跳舞，雖然我不是動漫迷，但之前有看到有人這樣做，可愛到讓我印象蠻深刻的。但這需要用到一些新的套件和技術，並結合 Javascript，目前看到也想嘗試技術有 GSAP。

我也去逛了很多網站，但一直找不到雷姆的模型，就想要不要去 Bilibili、YouTube，或其他有 GIF 和 MP4 的網站抓圖，再處理成不同的動作。這個方法雖然能讓我控制每一幀的動作，但過程很花時間，結果也不確定。所以我想先試試現成的，看看別人寫的，對於要實作的內容比較有個方向，也能快速地看到成果。

最後我找到了 Live2D Widget 和 OhMyLive2D 這兩個專案。Live2D Widget可以用 CDN 快速引入，功能也很多，但自定義回覆和動態動作很不方便，還需要把整個倉庫下載下來，對我這種新手來說太大、太難維護了。

後來發現 OhMyLive2D 是很好的選擇，但在實測時發現官方文檔有錯誤，因為字母大小寫問題、範例問題，導致無法正常匯入功能。解了很久後，終於把基礎功能做出來了。

今天都是 Lab 課，就是給我們自己實作小專題的時間。我花了一整天，把整個靜態頁面的 content、留言，還有最後的 header 部分完成了。所以，今天我算是把靜態網頁完成了。

但寫完之後，總覺得好像少了點什麼，實作過程中，我請 AI 幫我產生代碼，雖然我看得懂八九成，但總覺得很不踏實。不踏實的原因可能是 RWD 或一些格式問題。甚至更深的部分：如果後續要接資料庫或後端的話，該怎麼實作？

所以看到這團屎山代碼，我總有股重新再來的衝動，想要把它分得更細，更模組化，還有系統的知道我到底在寫什麼。

我也有想過，可能不會影響，所以其實我是可以繼續實作下去的。一個就是直接跑去弄資料庫，另外一個就是繼續去把網頁的部分做加深，因為我基本上沒有用到太多JavaScript，所以我可以去實作動畫、會員登錄的部分、或者去做一些頁面跳轉。

在切版的過程中，我深深感覺到，或許我需要一個單純劃線、量測距離的工具，因為 Figma 的部分我完全不會用，沒pro版也沒有inspect功能可以用，但我現在迫切需要這種工具。

今天是基礎Javascript的最後一堂，我沒有在聽課，但大概知道他們在上什麼。不過我把心力放在靜態網頁的開發上，現在做到內容（content）部分。今天早上我在處理輪播圖（carousel），但真的有夠難搞。

輪播圖的原理其實很簡單，就是在一個容器裡放好幾張圖片，透過切換來移動圖片。好不容易寫完 HTML 和 SCSS，但在 Javascript 這邊卡住了，邏輯真的很困難，只能讓 ChatGPT 幫我產生程式碼。結果畫面雖然能正確呈現，但切換時從第一張跳到第二張，第二張就沒東西了，第三張也一樣，只有回到第一張才正常。怎麼改邏輯都沒用，搞得我不知道是 HTML、SCSS，還是 Javascript 出了問題。

ChatGPT 給了超多答案，但都沒抓到核心問題。我花了超多時間在 debug，效率低到爆。我發現自己真的要加強 debug 的能力，學會找到問題的癥結點，還有如何正確向 AI 提問，不然只會得到一堆垃圾答案，時間都浪費掉了。

後來吃完飯，我突然想到，為什麼不直接用 Bootstrap？它不是有現成的樣式嗎？我問 ChatGPT 為什麼不用，結果它回我：「可以啊。」我真的是傻眼，早知道直接套用 Bootstrap 樣式。結果不到一小時就解決了，幹嘛自己折騰半天！最後我用了 Bootstrap 的 Carousel 樣式，稍微調整一下周圍的設計，問題就搞定了。

接下來要處理 Content，也就是主要內容的呈現，這應該又是一個挑戰。不過我有預感，明天應該可以完成這個小專題。之後的規劃是利用接下來的時間學 Figma。雖然我擔心自己沒美感、覺得難上手，但還是想學，因為我希望期末專題能自己從頭到尾完成。

我認為星期四和星期五的課程可以合併來講，因為有 Lab 課。Lab 課讓我們自由選擇如何運用時間。有些人選擇複習講義，而我則選擇實作我的小專題。

在實作小專題的過程中，像是 Header 的部分，就花了一整天的時間來實作。之所以卡住，主要是因為我對 HTML 和 CSS 的對應關係還不熟悉，對 CSS 的語法和常用功能也不太了解。為了幫助自己，我會先寫下排版需求和注意事項，然後再開始切版。雖然這樣很浪費時間，但我覺得這是基本功和思考過程的一部分。

和 ChatGPT 對話時，常遇到它直接進入細節並產生大量程式碼的情況。這樣的輸出反而讓我卡住，因為當我提出疑問時，程式碼已經很多了，導致要回頭找出有用的部分時，常常和現況不一致。因此，我更希望 ChatGPT 輸出精簡的內容，提供高維度的思考方式，讓我先理解整體思路，再開始實作。

在這樣的嘗試中，時間成本非常高。我目前沒有花太多時間聽課，而是專注在實作上。但在基礎不紮實的情況下，這種方法使得實作過程變得更加耗時，需要不斷碰壁和修正。我不確定這算不算一個好的嘗試，畢竟我沒有這方面的經驗，但這是我目前的學習策略。

第三週的課程讓我感到教學內容有些重複，特別是核心觀念和基礎知識被再次講解。雖然這些都是基礎，但在後端課程中可能還會學到類似內容。我覺得最理想的學習方式是：先複習，上課時實作，然後下課再複習，這樣知識才能真正內化，但可惜時間成本太高，我不覺得能這麼理想，所以我選擇鮮實作。

我真的很想開始實作，畢竟翹課仔有一堆實作與課程進度要補，但總覺得實作規劃好像都有設想到啊，但心裡就是覺得不踏實，總覺得少了什麼，我們也只有前端的部分，技術也就哪些，照理說不應該太複雜才對。

但還是覺得怪，所以我又重新思考一次，並重新略過一次實作過程，找出不對勁的地方，但好像沒發現問題，希望接下來順利吧!

今天花了很多時間在心智圖上，坊間的各種軟體都試過一遍，好不容易找到一款喜歡的，花了很多時間製作，結果輸出才發現有浮水印跟限制，明目張膽的表示，就是要錢。

Javascript

內建物件