# 成為前端架構師吧！透過 Frontend Infra 為前端應用打造穩健且高效率的開發體驗
###### date: `2024-04-09`
###### tags: `大神來六角`
---

## 主持人

- Ray

## 近期活動

- [體驗營開賣啦](https://www.hexschool.com/2024/03/19/2024-03-19-2024-software-engineer-camp/)

## 講者介紹


## 大綱

投影片連結：https://slides.com/oldmo860617/minimal

## 相關連結

- [sli.do](https://app.sli.do/event/pSaCGiR52iNZ9qafL1FdAi)
- [Kyle 的技術 IG 自媒體](https://www.instagram.com/kylemo.webdev.life/)

---

## Notes

### 前端架構師

- Best Solution 會因為團隊狀況而改變
- 沒有完美的

### Frontend Infra

- 沒有被明確定義，但通常是：
- 為了提升開發效率、產品的品質
- 系統、工具
- 包含最佳實際、標準

- 前端
- UI？
- 動畫？
- 離不開畫面？

---

### 經驗分享

- Lighhouse CI
- 觀察特定 branch commit 的效能
- 避免耗能的程式碼被 merge

- SonarQube
- 避免推上不合團隊標準的程式碼
- 檢測測試覆蓋率

- ESLint Config
- 自訂 rule
- 要對抽象語法有理解

- Monitoring
- 提升前端應用的可觀測性

- DevSecOps
- 產品早期

---

### Small Projects

- Renovate

### Conclusion

- 前端開發者的角色
- 產品開發
- 畫面動畫
- Frontend Infra

- 理解需求

---

### QA

- 如何拿捏廣度、深度
- 跟自己職涯的選擇有關

- 選擇公司時的 Domain 多重要，博弈？
- 都有重要，博弈可能是類似的法規要注意

- 如何評估自己的年資、經歷
- 自己定義，要有自覺
- 如果是工作 5 年，其中 4 年做同樣的事，要提升硬實力

- 前端後端要互相涉略嗎？薪資誰高？
- 後端天花板高

- 簡報太簡單？
- 請查閱部落格

- 菜雞學習不懂怎麼辦
- 建議先理解再模仿
- ChatGPT、Cursor課金

- google frontend infra驚喜發現到老師的https://shorturl.at/adgCJ ，想聽老師分享全遠端 + 全端的經驗分享。如果技能偏後端工程師的話遠端會比較困難嗎?比方production的環境之類的
- 外商比較多
- 遠端會在奇怪的時間開會
- 提升英語會話能力
- 後端遠端是沒有問題

- Domain knowledge 該用什麼樣的思考框架才能快速理解？有時問一些資深同事他們也講不太清楚，資訊多半零碎且需要篩選。
- 時間沉澱
- 瞭解產品的歷史過去
- 多參加會議、文件
- 解決技術深度的問題

- 感覺這樣是要成為Staff/Tech Lead以上等級的前端工程師或是要轉成Devops工程師才會去碰到的？
- 其實不一定
- 有些是資深工程師
- 看公司
- 職涯選擇可以更廣

- 請問架構師跟系統分析師有何不同呢？
- 不確定
- 大公司可能才會有系統分析師