2020 回顧

一直遲遲沒有面對的 2020 回顧。

2020 嘗試了很多事，有失敗、有些事還在進行、有些小有成就。這篇文章就好好的做一次整理。

2020 最大的感觸、學到最重要的事

信任你的夥伴。

過去，曾有前輩對我說：『千萬不要信任任何人，不要信任你的同事、不要信任廠商，你只可以信任你自己。你必須做足完美，才能將成品交付。 』

那時工作是負責印刷相關的設計，在發包前要一再確認，每一次案件時間趕、複雜又多，只要錯一個字或是印錯就是賠上成本出去，所以在發包前不僅自己檢查一遍還要和一到兩個同事看過完稿檔案才能發包。

但現實是人不可能完美，每個人的時間有限、不受控的因素很多，團隊裡的每個人，都已經在當下盡力做到最好了，每件事情不可能十全十美，而只要一點失誤我都會懷疑自己是不是沒有盡全力、是不是自己不夠努力。那時我忽略了肯定自己在短時間內解決了問題、和團隊一起完成了很多任務和專案，我應該相信的是我可以解決問題，我的團隊可以一起解決問題。『我們』可以一起完成專案。

後來很幸運的加入一個非營利組織才又找回團隊合作的初心。

因為是非營利組織，大家都是認同組織的核心理念加入的，為了讓自己覺得重要的事盡一份心力，彼此互相支持、信任、尊重，每一次執行企劃時，大家共同討論如何在資源最少的狀況下有效地完成任務。

那時候體認到：

當你認同或維護某項核心理念時，你將能夠選擇或遇到相同目標的團隊夥伴，此時你應該信任你的團隊夥伴。（ 至少最初你應該信任你的夥伴）

也許我的歷練不夠深、不知人間險惡。也許別人不誠實，也許有人不懷好意。但我是我，只有我自己知道想要什麼樣夥伴、合作模式。如果我想要一個信任、尊重的合作環境，我必須先信任、尊重我所認同的團隊成員。反之，如果團隊成員互相猜忌、不信任，是我不嚮往也不喜歡的工作環境，那麼我如果身在這樣的環境底下我會選擇離開。

2020 的嘗試

•  一塊設計｜apo design – UI/UX 共筆部落格  建立

這個部落格也是受到我工作之餘所加入的非營利組織所啟發。我想要紀錄下工作的心得，但又沒有把握可以好好執行，所以就詢問身邊的朋友有沒有人有興趣一起單純寫文章、互相督促，透過定期發文產出外，也督促自己需要輸入更多、觀察更多細節。寫文章是一項重要的課題外，和團隊的人一起 Stetup 一個共筆部落格、彼此確認合作的細節和理念，也是學到很多很多，是一份對我來說很重要且寶貴的經驗。

真的很感謝當初抽空開會、討論的團隊成員們。我為這些夥伴感到驕傲。

• 重訓

2020 我上了 6 個月的重訓，噴了不少錢。感受到運動是件有趣的事。但礙於經濟關係，需要暫時停掉重訓時，內心裡真的好失落、好可惜 （ 其實我是抖 M ? 🤣 ）

在重訓的過程中，發現身體變壯，欣賞比較壯的身材而不是追求瘦的時候，心裡比較舒服一點，也比較能夠接受自己原本的狀態。另一方面是當自己可以舉起新的重量時，覺得很神奇、很高興。又或者當自己完成一個心肺課表時，發現很多事情就像是在跑心肺課表一樣，過程很辛苦、很累，可是如果我不嘗試自己的能耐，永遠不會知道自己的極限，永遠不會知道自己可以完成某些事。 （再怎麼辛苦真的不會比心肺可表還累！）

• 學習 React 、Next.js

因為工作的關係，公司網站需要翻新，那時工程師、老闆討論應該選什麼樣的技術，因為當時人手不足、資源有限，可能沒有足夠的工程師可以維護或開發這個網站，所以最後大部分時間有可能會是我執行。那時的工程師前輩擔心我的能力，但同時又覺得原本的使用的技術無法解決現有的問題，正在煩惱該用什麼技術時，我和他說：『我只要這個技術是可以好擴充，未來可以支援 AMP 、資源夠多、還在維護的 Framework 都可以考慮，我不怕這件事很困難，我願意試試看。』

那時的考量是，我們今天沒有非常嚴重的時間和成本壓力，所以只要這個框架是好的能夠解決公司現有的問題，又具有延展性。我就應該努力去了解它並且嘗試看看。很感謝當時的工程師有先架一些設定、 Setup 一些頁面，他離開公司時交接了一些網站的內容後，我也開始看大量的 React 和 Next.js 的文件。（ 也許之後會分享我看的文件和資源 ）剛開始只是一個 section 用 React 和 contentful 串接資料，就搞了 3 天，為了實踐 component 延展性，編寫的過程當中邊調整自己的髒 code 。整個專案過程當中就像是連滾帶爬的、經歷過不段想要砸電腦和撞牆的過程中寫完。後來有其他的工程師加入後，又更順了一些。（很感謝後來一起協助的工程師同事！

原本的我真的、真的非常非常討厭 JavaScript （只要接觸到效果或是網頁元件的操作一律找 jQuery 套件 😭）但轉到 React 就不能再依賴 jQuery ，也不能輕易的對 DOM 操作（雖然還是可以寫原本的 JavaScript ，但既然都用 React 了，應該要嘗試用 React 寫）像是資料比對、篩選、排列用到 JavaScript 處理，我也才又瞭解到他真的很強大 …..

另外一個意外的收穫是用 Next.js 開發時使用 twin.macro 這個 library 有效的完成以 component 為單位的開發方式， CSS、JS、HTML 寫在同一個檔案內，讓資料驅動元件樣式和狀態。例如 button 傳統的方式是 <button class="btn btn-primary"> ，這樣可能會有一個 HTML 處理元件和網頁結構、 SASS 或 CSS 處理樣式、JS 檔處理資料驅動 class 選取等，三個檔案。但在 Next.js 下，可以讓 component 這個 JS 檔在引入資料時就判斷要呈現什麼樣式，所以如果要修改 component 的樣式，直接在這個 component 內做修改，而不用另外開一個 CSS 個檔案！（這時候再轉回原本的開發方式時，就會有點卡卡的 🤣）

另一個強大之處是在 Style component 的開發方式，只要是相同的 component style 就會產生一個獨立的 class 亂碼，解決了 class 樣式選取層級的問題，你可以自由地將 Card 或 Form 欄位等樣式換到各式的位置，而不受限於他的父層是誰，而是專注在應該是什麼樣資料決定這個 component 會呈現什麼樣式。

礙於篇幅的關係，這邊可能只做初步的介紹，之後可能會再分享關於這方面的（ 踩雷 ）心得。

2020 到 2021

圖片來源：Unsplash

覺得從 2020 到 2021 不管是在工作或生活都遇到很多很棒的人事物，很幸運身旁有一群志同道合的朋友，互相理解和支持、尊重。

也許我們不是最厲害、最有名的，但我們都有自己的價值。

我們知道自己是誰，也知道自己的弱勢和強項，知道自己喜歡什麼、討厭什麼，知道做什麼事很高興、知道因為什麼事很受傷、挫折。但我們都一起走過來了。

我想延續 2020 ，我的課題還是團隊吧！

不只是如何管理團隊，而是更重視我現在身邊以任何形式合作的夥伴，如何更讓彼此合作順利、維持彼此合作的目的、初衷，還是我想更精進的事。

2021 還有好多事想學、想體驗，這些就留給 2021 的自己好了。