最近有一些奇妙的體悟，讓我好像比較有動力做一些不同的東西。
一是覺得 vibe coding 做一些小東西真的很有趣、很方便，大幅節省了原本沒有 AI 前，完全不熟某種開發時，要稍微搜尋，大致知道用什麼工具比較適合、選了可能還要寫出一部份試試的時間。似乎可以把以前想做，但一直用「沒時間」當藉口的東西都做出來了。另外 AI 也省掉很多原本工作上的苦工，有時間做一些真正重要的事之外，還有時間想一些工作之外好玩的東西。
二是最近剛好受到了滿多類似的鼓勵，大意是「一個軟體的生命是在上線後，有人使用才開始」，以前覺得有點雞湯，但後來覺得也是事實。以前覺得自己工作之外做的東西不管是主題（可能我感興趣的東西太怪）還是介面之類的都很鳥⋯⋯實在不敢拿出來，但是現在想想，我不過就只是要做一個自己覺得有趣的東西，根本不用先想這麼多。
先求有再求好。紀錄各種過程，一定是很有趣而且很有收穫的一件事。
-
前幾天 FB 回顧我上一份工作離職的紀念貼文。當時我把 slack 頭像換成像是遺照的樣子，同事問我這是哪裡來的產生器。於是我當時想說來做個產生器好了！一等就是一年——直到現在終於想起來，然後速速做了0.1版～
-
請看這精（ㄐㄧㄢˇ）美（ㄌㄡˋ）的介面：
對不起我沒有前端的天賦，不過人生還很長，以後會慢慢改善。
不要看它醜，該有的東西都有（因為用了fabric.js，人家都寫好惹），請看 demo：
上傳照片的部分這裡先跳過，如上圖，可以選擇位置固定的緞帶，還有多個可以任意擺放、縮放、選轉的裝飾品。
滿意之後，可以下載編輯完成的照片～
-
做到目前這樣，在電腦上看算是功能都有出來，堪用（寬鬆標準）。
但是在手機上沒有RWD，而且對於物品的操作會感覺很不直覺，之後還有很多可以改善的空間。
-
最後總結一下學到的、有印象的東西：
- 回憶起在 local file:// 測試會遇到 CROS error。因為平常寫 python，所以在目錄下 python -m http.server 8000 就可以。
- 當時花了比較多時間調整照片和新增上面的緞帶、裝飾品時怎麼樣會比較直覺一點。比方最基本的，一新增裝飾品，裝飾品應該就要被選中。原本用了send to front 之類的方式，但其實沒有用，其實被選中就會出現在最上方了。
- 因為照片容易不小心點到就跑上來，所以我新增了一個「照片到最下面」的按鈕。目前完全是以能最快開發完來設計😂覺得這樣子的過程也很有趣，可以體會到為什麼有些趕鴨子上架的產品，在缺少規格時有很多突兀的設計。
- 下載的部分，發現手機的網頁上 link.click() 是無效的，所以後來是開新分頁顯示圖片，讓使用者長按圖片存檔。忽然知道為什麼手機小測驗存圖片都是長按儲存，自己做過才知道😂
之後有更新再紀錄～
沒有留言:
張貼留言