【個人求職導航系統開發日誌 上篇】

更新 發佈閱讀 4 分鐘

深更半夜坐在電腦前,聽著音樂聲。學期將末,又到畢業季了,夜星常看到那些剛領到畢業證書的孩子,眼神裡既有對自由的渴望,又藏著對未來的極大惶恐。

「夜星,我能除了會讀書,好像什麼都不會!」

「夜星,我連讀書都不會,我能做什麼?」

這些話,大家聽過不只一次。那些制式的職涯測驗報告,印出來一疊厚厚的 PDF,對他們來說,或許只是一堆看不懂的統計數據。

夜星想,如果工具不能讓孩子看見自己的光,那就跟這片深夜的海一樣,冷冰冰的。於是想讓孩子們試用較年輕的方式來面對求職的第一關。也是希望走在這條路上的夥伴能善用工具協助你們的小孩。

領取精靈:你不是一個人在戰鬥

夜星想,測驗的第一步不該是填寫個資,而是找個伴。

vocus|新世代的創作平台

在設計第一面 UI 時,為了頁面整齊,夜星配置了八位動物助手。每隻精靈都有自己的脾氣。夜星想讓使用者感覺到,這不是在寫試卷,而是有個伴在陪著你。

夜星最喜歡的是「毒舌貓頭鷹」。既是前輩又是導師,說話或許直白了點,但總能一針見血戳中迷惘。當使用者選定了助手,這個助手的人設就會一路跟隨到最後的 AI 解析,用帶著溫度的語言,陪你走完測驗。

快速嘗試:給焦慮的一道捷徑

在教育現場,時間既是奢侈的,又是寶貴的。

夜星在實測過程中發現,有些孩子剛開始很有興致,但看到一長串的題目就想逃跑。夜星想,既然是為了服務,就不能只有硬生生的門檻。

vocus|新世代的創作平台

於是在個資表單上方,夜星加入了一個黃色的「快速嘗試」按鈕。點一下,系統會依照夜星預設的 12 星座特質字典,隨機塞入一組完整的求職者輪廓。這既是給開發者的測試通道,又是給那些「想先看看結果再決定要不要認真測」的人一個緩衝空間。

甚至,夜星還在側邊加入了小精靈的即時氣泡,告訴你「快速模式已啟動」。這點細節,或許就是讓人想繼續點下去的關鍵。

雙軌動機:靈魂深處與職場座標

到底該測什麼?

有人想知道「我是誰」,有人只想知道「哪裡有工作」。夜星想,這兩者並不衝突。在選擇動機的介面,夜星規劃了 MBTI 與 RIASEC 兩條路徑。

vocus|新世代的創作平台

這是一個既要把脈內在(人格),又要觀察外在(職能)的過程。夜星在後台實作了一個跨路線的分數累加引擎。使用者可以先去「探索靈魂」,如果覺得不夠,再回來「鎖定座標」。系統會在背景把每一分的得分都記錄下來。就像夜星常跟孩子說的:「你做的每一份努力,系統都會記得。」

四大維度:一張看見價值的卡牌

最終產出的報告不能只是幾行字,夜星想讓它變成一張值得收藏的「超能力卡牌」。

這張卡牌包含四大維度:

vocus|新世代的創作平台
  1. 人格標籤:定調性格。
  2. 優勢雷達:鎖定職場方位。
  3. 專屬職稱:這是點睛之筆。例如「隱居東岸的靈魂設計師」,這不是 AI 隨便亂抓的,而是結合了使用者的背景與潛能。
  4. 綜合解析:AI 會模仿小精靈的語氣,親口告訴你這份工作為什麼簡直為你而生。

結語:最後的一躍

卡牌的下方,夜星放了三個大大的搜尋按鈕

vocus|新世代的創作平台

這是一個從虛擬測驗到真實世界的橋樑。使用者想要行動的開始。透過進階搜尋參數,使用者能直接帶入條件,一鍵看見真實的職缺。

或許,一個系統的力量可能有限,但如果它能讓你在深夜的太平洋邊,看見自己原來擁有某種隱藏的超能力,那夜星在後端與前端之間的接線與熬夜,就都值了。

下篇,夜星將拆解後端的 GAS 邏輯,看看 140 題的題庫是如何在不侵權的前提下,自動佈署完畢的。

留言
avatar-img
與夜星同行:AI 實踐筆記
0會員
9內容數
在資訊碎片化的時代,一個教職人員試圖用 AI 為教育與生活留下一片清澈星空。我們一起在星夜中爆肝前行,讓科技成為奪回時間的工具。
2026/04/12
全自動編譯發布,網頁躍升專屬 App 與圖文捷徑 我們已經在 StackBlitz 成功啟動前端裝甲。現在必須將暫存代碼轉移到永久基地,發布為全世界都能存取的正式網址。Vite 框架無法直接讀取,必須經過打包編譯。我們將透過 GitHub Actions 讓雲端機器人代勞。 第一關:將最新代碼推
Thumbnail
2026/04/12
全自動編譯發布,網頁躍升專屬 App 與圖文捷徑 我們已經在 StackBlitz 成功啟動前端裝甲。現在必須將暫存代碼轉移到永久基地,發布為全世界都能存取的正式網址。Vite 框架無法直接讀取,必須經過打包編譯。我們將透過 GitHub Actions 讓雲端機器人代勞。 第一關:將最新代碼推
Thumbnail
2026/04/12
駕馭雲端環境、綁定神經元,直擊開發畫面 大腦設定檔裝好且套件採購齊全,現在進入最關鍵的裝甲注入階段。我們要把由 AI 與你共同鍛造的主程式碼放入系統。 StackBlitz 是高度即時的雲端開發環境。它的反應速度極快,任何微小錯誤都會立刻反映在預覽畫面上。跟著 夜星 的腳步,我們逐一破解報錯畫面
Thumbnail
2026/04/12
駕馭雲端環境、綁定神經元,直擊開發畫面 大腦設定檔裝好且套件採購齊全,現在進入最關鍵的裝甲注入階段。我們要把由 AI 與你共同鍛造的主程式碼放入系統。 StackBlitz 是高度即時的雲端開發環境。它的反應速度極快,任何微小錯誤都會立刻反映在預覽畫面上。跟著 夜星 的腳步,我們逐一破解報錯畫面
Thumbnail
2026/04/12
恭喜各位順利闖過後端新手村。現在正式從黑手轉職為網頁設計師。 多數教學要求在電腦安裝英文軟體並設定環境變數,過程繁雜。我們追求極限操作,只需開啟網頁 StackBlitz。這是雲端精神時光屋,只要有瀏覽器,平板或舊電腦都能成為頂規開發機。無論換新電腦實測或第一次開工,這篇文章即為你的復原標準作
Thumbnail
2026/04/12
恭喜各位順利闖過後端新手村。現在正式從黑手轉職為網頁設計師。 多數教學要求在電腦安裝英文軟體並設定環境變數,過程繁雜。我們追求極限操作,只需開啟網頁 StackBlitz。這是雲端精神時光屋,只要有瀏覽器,平板或舊電腦都能成為頂規開發機。無論換新電腦實測或第一次開工,這篇文章即為你的復原標準作
Thumbnail
看更多
你可能也想看
Thumbnail
你每天都在用 ChatGPT、Notion AI 或 Gemini 這些工具,是否曾想過:「我會用 AI,但有沒有辦法更進一步,讓這變成我的職涯優勢?」 好消息來了!「AI應用規劃師初級證照」是經濟部 iPAS 系統推出的全新認證,專為日常使用 AI 的你設計,不需要工程背景,也不用寫一堆程式。只
Thumbnail
你每天都在用 ChatGPT、Notion AI 或 Gemini 這些工具,是否曾想過:「我會用 AI,但有沒有辦法更進一步,讓這變成我的職涯優勢?」 好消息來了!「AI應用規劃師初級證照」是經濟部 iPAS 系統推出的全新認證,專為日常使用 AI 的你設計,不需要工程背景,也不用寫一堆程式。只
Thumbnail
無論是設計網站、應用程式,還是製作簡報,圖標都是必不可少的元素。本文將介紹 5 個高品質的免費圖標網站,幫助設計師和創作者輕鬆找到合適的素材,提升作品的視覺效果! 1. Flaticon 特色:全球最大的免費矢量圖標庫之一,擁有數百萬種圖標選擇。 優點:支持多種格式(SVG、PNG 等),
Thumbnail
無論是設計網站、應用程式,還是製作簡報,圖標都是必不可少的元素。本文將介紹 5 個高品質的免費圖標網站,幫助設計師和創作者輕鬆找到合適的素材,提升作品的視覺效果! 1. Flaticon 特色:全球最大的免費矢量圖標庫之一,擁有數百萬種圖標選擇。 優點:支持多種格式(SVG、PNG 等),
Thumbnail
全新版本的《三便士歌劇》如何不落入「復刻經典」的巢臼,反而利用華麗的秀場視覺,引導觀眾在晚期資本主義的消費愉悅之中,而能驚覺「批判」本身亦可能被收編——而當絞繩升起,這場關於如何生存的黑色遊戲,又將帶領新時代的我們走向何種後現代的自我解構?
Thumbnail
全新版本的《三便士歌劇》如何不落入「復刻經典」的巢臼,反而利用華麗的秀場視覺,引導觀眾在晚期資本主義的消費愉悅之中,而能驚覺「批判」本身亦可能被收編——而當絞繩升起,這場關於如何生存的黑色遊戲,又將帶領新時代的我們走向何種後現代的自我解構?
Thumbnail
長期以來,西方美學以《維特魯威人》式的幾何比例定義「完美身體」,這種視覺標準無形中成為殖民擴張與種族分類的暴力工具。本文透過分析奈及利亞編舞家庫德斯.奧尼奎庫的舞作《轉轉生》,探討當代非洲舞蹈如何跳脫「標本式」的文化觀看。
Thumbnail
長期以來,西方美學以《維特魯威人》式的幾何比例定義「完美身體」,這種視覺標準無形中成為殖民擴張與種族分類的暴力工具。本文透過分析奈及利亞編舞家庫德斯.奧尼奎庫的舞作《轉轉生》,探討當代非洲舞蹈如何跳脫「標本式」的文化觀看。
Thumbnail
LBank(藍貝殼)成立於 2015 年,是一家全球性的加密貨幣交易平台,總部位於英屬維京群島,並在中國、印尼、美國等地設有辦事處。 該平台提供多樣化的交易產品,包括現貨、合約、ETF、質押、Launchpad 等,並支援超過 700 種加密貨幣交易對。
Thumbnail
LBank(藍貝殼)成立於 2015 年,是一家全球性的加密貨幣交易平台,總部位於英屬維京群島,並在中國、印尼、美國等地設有辦事處。 該平台提供多樣化的交易產品,包括現貨、合約、ETF、質押、Launchpad 等,並支援超過 700 種加密貨幣交易對。
Thumbnail
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇:帕拉贊諾夫的十段殘篇》,如何以十段殘篇,結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭,探討藝術在儀式消失的現代社會如何承接意義,並展現不羈的自由靈魂。
Thumbnail
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇:帕拉贊諾夫的十段殘篇》,如何以十段殘篇,結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭,探討藝術在儀式消失的現代社會如何承接意義,並展現不羈的自由靈魂。
Thumbnail
若說易卜生的《玩偶之家》為 19 世紀的女性,開啟了一扇離家的窄門,那麼《海妲.蓋柏樂》展現的便是門後的窒息世界。本篇文章由劇場演員 Amily 執筆,同為熟稔文本的演員,亦是深刻體察制度縫隙的當代女性,此文所看見的不僅僅是崩壞前夕的最後發聲,更是女人被迫置於冷酷的制度之下,步步陷入無以言說的困境。
Thumbnail
若說易卜生的《玩偶之家》為 19 世紀的女性,開啟了一扇離家的窄門,那麼《海妲.蓋柏樂》展現的便是門後的窒息世界。本篇文章由劇場演員 Amily 執筆,同為熟稔文本的演員,亦是深刻體察制度縫隙的當代女性,此文所看見的不僅僅是崩壞前夕的最後發聲,更是女人被迫置於冷酷的制度之下,步步陷入無以言說的困境。
Thumbnail
想考 Google Ads 證照卻不知道從哪開始?這篇整理 Skillshop 免費學習資源、可考證照種類,以及看不懂英文也能學的實用方法,適合自學或轉職規劃使用。
Thumbnail
想考 Google Ads 證照卻不知道從哪開始?這篇整理 Skillshop 免費學習資源、可考證照種類,以及看不懂英文也能學的實用方法,適合自學或轉職規劃使用。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News