不就一個下拉選單,是能有多難?
一顆下拉選單,我手刻了八個版本才勉強能用,後面還排著十一版沒動。這篇講每一版壞在哪——Portal、鍵盤、ARIA、輸入法、手機、螢幕閱讀器,以及為什麼一個人重構跟一群人重構,難的完全不是同一件事。
共 14 篇
一顆下拉選單,我手刻了八個版本才勉強能用,後面還排著十一版沒動。這篇講每一版壞在哪——Portal、鍵盤、ARIA、輸入法、手機、螢幕閱讀器,以及為什麼一個人重構跟一群人重構,難的完全不是同一件事。
終於把 Side Project 做到 MVP 雛形。從商業模式、產品規劃、介面設計、前端與桌面應用工程,到 AI 工作流整合,跨了非常多領域。
上一個 UI 專案陣亡了,這次改成自己顧自己衝刺,用 Build in Public 的方式邊做邊分享。技術線是 zag.js、panda.css 與 oxc lint。
決定開啟 UI Library 專案,拿之前的 Side Project 來改。接下來會把開發過程的瑣事和遇到的問題都記下來。
Side Project 給錢給不了上班的薪水,不給會被說白嫖專業,談分潤又叫畫大餅。我優秀的 Side Project 夥伴幾乎都是在國外的台灣人,那在台灣的人呢?
去年一整年的 UI Library 難產,時間都花在管理和人身上。重新啟動之後我決定先自己衝,願意跟上來的我再花時間。
記帳軟體、地圖、旅遊規劃、媒合平台,這些氾濫的 Side Project 題目早就有無數人做過。與其急著開工,不如先想清楚自己為什麼要做。
找 Side Project 夥伴時,「比較閒」不等於「會擠出時間」。我反而覺得習慣花時間在非盈利外務的人,才是真正擠得出時間的那種人。
暫停了一群人的 UI Library 專案,改成自己一個人做。從最基礎的 Button 開始,光是 Variants、Theme、Size、Shape 加上 Token 關聯性就複雜到不行。
造輪子之前,先搞懂別人的輪子解決了什麼、極限在哪。如果參不透別人輪子的精髓,那你造出來的會是個方輪,用它只會帶來災難。
從零打造一套 UI Library,不基於任何現有框架,從 bundle script 到每個元件細節都自己做。目標是能同時跑在 SSR 與微前端架構下。
今年大部分心力都投在這個 Side Project:從零造一套像 antd、mui、vuetify 的 UI Library。UI 設計師相對好找,前端反而少之又少。
Side Project 對我不是為了求職而準備的東西。吸引我的不是商業潛力,而是我能在這個專案裡玩到、學到、體驗到什麼。
Side Project 做一套 UI Framework,找了七名 UI 設計師。這篇講怎麼靠反覆強調中心思想篩掉走馬看花的人,以及帶領比自己更專業的人要學的放手。