我在 SkyREC 實習的日子

前言#

在過年前結束了在 SkyREC 的半年實習工作，利用著過年期間重新架設了個人網站，同時也更新了作品集和履歷，準備面對年後的求職，而在這之前，希望能將上一份工作的過程整理成文章，當作是這半年的回顧。

背景介紹#

從 2021 的 11 月開始踏入前端領域，從一開始沒有方向的學習，一直到我接觸到六角課程後，才慢慢步入正軌，在看完 Vue 影音課程且做完最終作業的電商平台後，又相繼參加了 React 的新手讀書會，完課後開始求職。

面試準備#

那時在 104 上看到了一個職缺是 (實習) 前端開發工程師 / Frontend Engineer (F2E, Vue, React)，覺得對兩個框架都接觸過的我來說，挺適合的，薪水也不錯，於是就投遞履歷，也運氣不錯的收到了面試邀約

面試總共有兩關，分為 phone interview ➡ onsite interview

phone interview#

一開始是視訊面試，印象中有問有哪些作品，挑選一個最有印象的介紹，接下來會問如果你現在 回去改善，你會改善哪些項目，整個過程約 15 分鐘。

onsite interview#

公司在南京復興附近，大約 3 分鐘的路程，由於當時公司是採遠端工作，到公司時只有面試官在，同時也是前端主管。

主要都圍繞在 Vue 的觀念，會先讓你做一些有關 Vue 觀念的題目，寫完後會一起針對問題進行討論，整個過程蠻開放的，題目方面均為基本的觀念題，主要測試對 Vue 的熟悉度。

還記得那時剛結束 React 的新手讀書會的我，腦袋中早已忘了 Vue 怎麼寫啊啊啊啊啊，好險在面試前幾天惡補了 Alex 的 Re Vue 重頭說起，才勉強通過題目的部分...

題目完後會有 20 分鐘的 Code interview，會拿到一個簡單的版型，要求使用元件完成，沒有限制要使用哪種 CSS 框架。

好險面試前用 Vitawind 建立好了環境，用 tailwindcss 切版減少了不少時間。

一樣會進行 Review，主要看元件的使用、變數命名等等。

面試結尾#

最後就是問答環節，秉持著面試一樣要問問題的原則，大致問了幾個已經準備好的問題，成功跟面試官聊了起來🤣

值得提的是，也因為有問問題的關係，多了跟面試官交流的機會，直接在過程中拿到了 offer🎉，這是我第二次在面試過程中，因為問問題而當場拿到 offer，再次感受到懂的發問的重要性。

加入 SkyRec 團隊後#

公司背景#

公司主要是做 AI 監控，透過 AI 將監控到的數據進行人流量統計、行為分析、物品檢測等功能，而前端的工作是協助將這些數據做成圖表顯示，以及產品的應用程式介面。

新創公司的環境和氛圍#

公司平常沒什麼人，大家都是遠端工作，初期都是我跟主管在辦公室，後面其他員工也慢慢在辦公室出現，整個公司人不多，前端部門只有我跟主管兩人，同時擔任 mentor 的主管會細心的安排好每天的工作計畫及目標，很幸運的是，剛進公司就有機會能加入開發團隊，對於菜鳥的我來說是很大的挑戰也是很好的學習機會。

每天會有 Stand-up Meeting，整個過程不超過 10 分鐘，原本以為只能在影片中看到的文化，發生自己的真實工作中時，難免有些小期待。

整個開發過程中，主管會很細心的幫助你了解整個專案的架構、注意事項等等，初期完成每個小目標時，都會跟主管進行 Code Review 的，這是我很喜歡的環節，我喜歡將過程中遇到的問題，以及我的解決方法提出來，除了想跟主管偷學幾招以外，也想確認自己的解題思路是否正確，不過到了開發後期，由於工作量增加的關係，就比較少進行。

公司的人雖然不多，但氣氛很好，比起大公司來說，更能感受到團隊感，你所做的決定，都有可能影響整個團隊的走向，這是我認為小公司很獨特的地方，也是吸引人的地方。

面臨的挑戰#

公司的前端主要是使用 Vue 加上 屬性裝飾器 的 library 來做到支援 TypeScript，CSS 的部分則是使用 SCSS。

在進入公司前，原本我對 TypeScript 只有一點點的認識，好在有不少的範例可以看，加上自己抱佛腳的學習，讓我能在開發時使用，而我現在自己開發時，也都會偏好導入 TypeScript。

由於入職前有將近一個月的時間沒有寫過 Vue，一開始還是蠻陌生的，常常需要看其它檔案的 Code，來幫助自己回憶，而且因為裝飾器的關係，寫起來的感覺跟之前差蠻多的，不論是寫法，或是程式碼管理的方式，整體感覺偏向 Composition API，比起 Option API 把撰寫格式都訂好的方式，寫法和 Composition API 一樣更加自由，也因為如此，在開發中，更加注意主管所訂下的 Code Style，已養成管理程式碼的好習慣。

還有很特別的是公司是使用 XState 來做狀態管理，而不是 Vuex 或 Pinia，XState 的操作有點像是把網頁的每一個互動或是路徑跳轉都定義成狀態，而我們要做的只是進行狀態的切換而已，一開始接觸時，讓我完全霧煞煞，常常需要主管不斷跟我說明，我才懂狀態機的運作原理，而我也是到開發後期，才開始自己嘗試著修改狀態機的狀態定義，深怕一個不小心就改出 Bug。

在後期，除了開發新項目以外，還多了一個維護舊專案的工作，比起以前將專案從建置到完成，都是全程參與，舊專案裡面有更複雜的邏輯，常常從早上開始看，到看懂，找到地方準備下手時，已經過了吃飯時間，甚至有一整天都在改一個功能的情況發生。

在整個開發中，公司有一套自己的 UI 庫，來應對不同的畫面需求，其中很有趣也很有挑戰的是，在我自己開發的過程中，也嘗試刻了一些元件，甚至在開發後期，主管也鼓勵我試試看使用 storybook，將自己刻的元件，寫下使用方法及各項參數的說明，這讓我很有成就感，體會到自己造輪子的快樂。

結尾#

很開心有這個機會來到 SkyREC 這個的大家庭，原本在面試前看到很多人評價說會加班，很累等等，甚至在拿到 offer 當下，主管也不斷跟我確認，告訴我這份工作的難度，很開心自己當時並沒有因此退縮，在這段實習期間，面臨到很多挑戰，而這也這是我期待的實習工作，充滿困難與挑戰，這半年的經歷，讓我成長不少，同時也讓我更加憧憬未來的工作。

對於正在找尋前端實習的人，我非常推薦 SkyREC，我認為這是一個很好磨練自己的機會，推薦給大家！