基於 Vue.js 前端框架與 Spring Boot 後端技術，獨立開發的簡易社群媒體系統。系統核心功能包含使用者註冊登入、瀏覽所有貼文、貼文留言互動、個人貼文的新增、編輯與刪除，以及運用分頁與無限滾動機制優化使用者體驗。

由於當時公司在大樓尚未有固定配額的停車位，因此員工如果要開車上班，就需要每週向大樓提交臨時車位申請。為了簡化預約流程，我和同事們協作開發此系統，讓辦公室同仁可以清楚確認每週申請狀況，減少寫信、寄信等書面往來的時間成本。

前端使用 Vue，後端使用 Spring Boot 進行開發，在 GitHub 進行程式審核與版控，並用 Trello 追蹤團隊開發進度。

在公司培訓時針對金融相關專案的開發練習，主題是電影購票系統。使用情境為用戶訂購電影票後產生訂單紀錄，包含 RESTful API、列表查詢、非同步查詢等設計，也有撰寫 Unit Test 並生成 Swagger 文件提供測試。

在巴哈姆特、PTT、Dcard、FB、IG 等論壇與社群軟體，經常能看到網友使用日本動畫「BanGDream It's MyGO!!!!!」的動畫截圖替代文字留言進行溝通。出於好奇，我在巴哈姆特動畫瘋點開了這部動畫，沒想到這部以樂團少女為主題的作品，不只是音樂優秀，對於主角群彼此的心理刻劃，以及表情、台詞等傳達訊息的手法，表現得相當精煉、細膩。我想這或許就是 MyGO 的截圖，能形成迷因文化的一大特色與優勢。

最初是想到以前網路上有人做過的 LINE 梗圖機器人派星機，基於推廣和嘗試的心態，也想參考派星機做一個以 MyGO 為主題的梗圖機器人。目前透過動畫瘋 plus 收集了3000張以上的動畫截圖，並透過 Python 設定找圖條件，以及自動建立圖片索引，結合ChatGPT輔助，得以在一個星期就將程式架構建立完成。

參考派星機的功能包含：使用者可以透過輸入編號查找梗圖，或是輸入關鍵字查找圖片編號；不過和派星機不同的是，除了用編號查詢圖片以外，特定的關鍵字可以不需要編號直接回傳圖片；另外，也支援搜尋 MyGO 樂團原創歌曲的功能。

在大四選修的資訊系統實作裡，我們要用 LineBot 套件去製作一個聊天機器人當作期末作品，當時我選擇的是解謎遊戲，因為基於寫作的經驗，我想嘗試看看撰寫遊戲文本，這也是我第一次嘗試將寫作融合程式設計的作品。

在當時發生了一個小插曲：原本課堂上的教學都是用 Heroku 作為雲端主機佈署機器人的程式碼，但 Heroku 宣布從2022年11月底就不再提供免費方案，所以1月初期末發表如果還要用 Heroku，就要付費了。

所以我上網尋找了其它方案，一開始選擇 fly.io，但試了兩天發現它的伺服器相當不穩定，網路上也經常有網友反應，明明昨天顯示佈署成功，隔天卻又跳回失敗。所以在不斷尋找之下，這回找到了 render.com，不過因為這是相對冷門的雲端主機，所以我只能從它的文件去摸索使用的方法，但它的操作的確比較簡單，搭配 Github 使用，10分鐘左右就佈署好了。

總結來說，這是一個內容沒有太漂亮，但過程讓我印象深刻的作品。

大三時選修系上的課程「多媒體設計與使用者體驗」時，曾經學習過 Figma 的基本操作與一些扁平化設計的原則。並用 Figma 練習修改現有的 APP，如學校的淡江時報，以及線上影音平台巴哈姆特動畫瘋的介面。期末作品則是參考課程中提到的 Meterial Design 設計原則，使用其中的元件、配色、字體大小規則，修改高雄市的公車 APP。

(點擊右側按鈕可觀看 Prototype 實例，部分元件可以點擊互動，也可以按鍵盤的左右鍵跳轉頁面。)

大一到大二這段期間對網頁設計萌生了興趣，因此在 Youtube 上瀏覽了許多網頁設計的教學，像是 Kevin Powell、Online Tutorials 和 DarkCode 等頻道的範例影片，學法相當的土法煉鋼，就是照做一遍，遇到不懂的英文或程式語法就查，並寫上註解確認自己能明白為止，到大二結束前也默默累積了二十幾個作品。

參考 Youtube 頻道「GrandmaCan -我阿嬤都會」裡小白老師的教學，用 Python 的 pygame 套件自製的小遊戲，當然像遊戲物件、配樂、音效等難以自製的遊戲元件，都是直接使用老師提供的範例，不過像是字形、視窗圖標、以及隕石的速度和產生機率、道具掉落率等都有自己重新調整過，整體而言我認為難度會比影片範例再難一點。

大二的時候無意間在網路上看到六角學院的廣告，當時對網頁算是滿有興趣的，就去嘗試看看，內容主要以 HTML 和 CSS 基礎與法、切版和專案教學為主，讓我獲益良多。 

2020年新冠疫情再度流行時，學校開始嚴格控管校園各建築的出入口，除了只能從單一入口出入外，還要用學校的 APP 掃描 QR Code 回報體溫，並給大門志工確認有掃描該建築對應的 QR Code 後才可以進入建築物。

當時因為自己正好在學網頁的程式設計，所以就萌生了一個念頭：有沒有辦法將所有建築物的 QR Code，把他們對應到的連結全部整合到一個網站呢？這樣只要先打開網頁，點擊對應建築物的按鈕，就可以通關了。

於是就去收集了幾個建築物的 QR Code，發現網址是有規律的，只要修改後面對應的建築物代號，就可以找到其它連結，於是這個系統就順利做出來了。雖然成效有限，但這是我第一個從發想到製作，完全由自己執行的程式作品，對我來說還是滿值得紀錄的。