前端三分鐘

一起用三分鐘分享技術與知識

離職交接計畫

軟體專案(被)交接的心態準備與踩坑鬼故事

離職最重要的事就是對自己的職涯負責,交接是雙方要一起跟專案走到哪裡,著重在接下來 PM 的專案管理和 RD 接手執行難易的程度。 談離職談離職除了心態上大致上會有三個過程 離職前 離職準備 工作交接 心態準備公司成長整體來看會是平均值,對個體來說成長的速度超過平均再正常不過,所以隨時面試和思考何時離職就是一個對自己職涯負責的方式。 能跟有能力的同事共事需要幸運,主管並不是阻礙我們離職的人......
me
林彥成
2021-12-01 | 4 min.

HPE Full Stack Web Developer 面試心得 (2021/08)

外商公司面試過程體驗分享

2021/8 第一次參加了 HPE 完整面試流程,職缺是上海 HR 主動聯絡的 Full-Stack 工程師 加入後會以前端為主 後端主要是 Python 工作內容主要是以實作 HPE 內部的系統為主 會使用內部機房沒有使用雲端 工作型態為全遠端 在面試的流程中會遇到三個 HR,兩位在上海一位在台灣,面試過程主要分成下面七次互動 HR 電話面試: 上海 HR 英文問技術問題中......
me
林彥成
2021-11-16 | 4 min.

Python FastAPI 快速入門

7 行程式完成 API 和線上互動文件

什麼是 FastAPI?FastAPI 提供了方便快速開發的環境,透過自動產生文件與支援型別確認減少錯誤,官方文件表示能夠減少大約 40% 的人為錯誤。 Type Hint 支援,增加程式可讀性,檢查變數型態更方便 符合 OpenAPI,能產生配置檔提供相關工具使用 透過服務自動生成線上文件 API Spec 文件管理困難: 以往開發者還需要去撰寫像是 swagger.json 去產生線上......
me
林彥成
2021-10-08 | 2 min.

Python Crawler 爬蟲入門範例

用一百行不到的程式,把網站通通爬下來

什麼是網站爬蟲網站爬蟲可以將爬取的頁面儲存,透過網站爬蟲,開發者可以蒐集網路更多的資源供後續使用。 舉一個大家都聽過的應用,Google 搜尋引擎背後其實也是透過爬蟲的技術來將網站資料存下來進行索引來提供用戶搜尋。 由於爬蟲存取網站的過程還是會消耗站台系統資源,所以身為爬蟲開發者要遵守的價值觀有兩點如下: 不要打爆對方 遵守 robots.txt 中定義規則,這些規則會標註禁止或開放存取哪......
me
林彥成
2021-10-05 | 4 min.



Progressive Web App 跨平台安裝上架

PWABuilder、Bubblewrap 打包工具簡介

Progressive Web App 跨平台安裝Progressive Web App 本身就具有能被安裝的特性,此外也能夠透過 Bubblewrap 或是 PWABuilder 封裝上架到各平台的市集。 透過能安裝 Chrome 的平台,只要符合安裝條件就能夠被安裝 透過 Google 開發的 Bubblewrap 將 PWA 打包成 .aab 或是 .apk 透過 Microsoft......
me
林彥成
2021-10-04 | 2 min.

Progressive Web App Audits

優化檢核清單項目說明

Web App 的效能會直接影響使用者體驗,也會影響到用戶會不會持續使用這個站台,當優化站台時可以多著重在使用者的效能體驗上,透過檢核項目與 Lighthouse Audits 可以更快速的優化站台。 載入時間越長,跳出率越高 可以參考 RAIL user-centric performance model PageSpeed Insights Chrome User Experience......
me
林彥成
2021-10-03 | 4 min.

Progressive Web App Shortcuts

程式快速啟動選單

什麼是 App ShortcutsApp Shortcuts 提供程式快速啟動選單,透過這個捷徑用戶能夠更快速的使用各式功能,讓常用且關鍵的功能更容易被快速重複使用。 目前 PWA 快速啟動選單僅限於安裝完成的 Progressive Web App 相關的支援度如下 Android (Chrome 84): 透過長按桌面上的 Icon Windows、macOS (Chrome 85 a......
me
林彥成
2021-10-02 | 2 min.

Progressive Web App 介面外觀

針對應用操作介面優化操作體驗

網頁的外觀和操作本質上還是和原生的有差異但可以透過配置來讓體驗更接近。 全螢幕模式 視覺設計 事件操作 全螢幕模式全螢幕模式有兩種方式,Progressive Web App 尚未安裝前可以透過程式觸發,安裝後可以透過 display 配置安裝後的執行顯示模式。 程式觸發全螢幕 document.body.requestFullscreen(); Progressive Web A......
me
林彥成
2021-10-01 | 3 min.