前端三分鐘

Web App 的 manifest 是一個 JSON 形式的配置檔，瀏覽器透過配置檔就會知道 Progressive Web App 該怎麼去安裝在用戶的電腦或手機裝置上，所以最基本的 manifest 會包含 App 的名稱、Icon、App 開啟時要顯示的 URL。 建立 manifest file命名上其實沒有特別規定，但通常會是 manifest.json 並且放置在專案的根目錄，......

加入主畫面 (Add to Home screen)加入主畫面 (Add to Home screen) 常見的縮寫為 A2HS，可以看成是讓使用者將 Web App 進行 “安裝” 的動作，雖然實際上只是加入一個捷徑到桌面上，類似桌面版的我的最愛。 由於不是 PWA 的網站也可以做到加入主畫面，那 PWA 任務就是要將現有的 A2HS 做漸進式增強，安裝過後除了支援實作快取資源到本機也能夠......

Progressive Web App (PWA) 有三個概念 Progressive: 漸進增強 Web: 使用當下最新潮的 Web API App: 建立跨平台 Web 應用程式 使用當下最新潮的 Web API 用漸進增強的概念來建立跨平台 Web 應用程式。 目的是讓體驗、效能接近原生 App 接下來小編會帶著大家一起開箱一波 PWA，Progressive Web App ......

通常推薦用 Linux 架設網頁伺服器，作業系統則推薦使用 CentOS 或是 Ubuntu。架站最快方式是安裝 Nginx 並配置前後端相關服務。Nginx 的用途主要提供反向代理，方便我們進行服務界接和相關路徑設定，也提供部屬靜態網頁的簡易設定，更多相關的設定歡迎參考我之前寫過的 常用的 Nginx Config 與相關指令教學。 在架設完不管是地端或是雲端的伺服器後，通常會遇到五個問題......

這次參加 GCP Cloud Study JAM 2021 體驗前後服務架設、Google Assistant、BigQuery 相關實作，值得一提的是 GCP 雖然提供圖形化管理介面，但大多功能都能用指令取代，這也代表相關配置與流程能透過程式碼來進行控管，進而降低錯誤的發生機率，更特別的地方是這次體驗的過程中，發現課程內容幾乎都是用 Cloud Shell 下指令的步驟當做教學。 一個 ......

合作屬於目標導向的任務，目的是讓團隊一起從起點走向終點，透過建立溝通的步驟與學習相關的引導技巧，通常就能夠有效地縮短大家花費的時間。 背景與理由剛到傳產上班時，收到 Email 通知粗體加螢光紫顏色警告大家要戴口罩，根本就長輩圖等級信件。 我還跟同學說我們公司竟然通知沒戴口罩要記警告，也太把大家當白痴了吧? 同學表示，你不知道公司不這樣做，很多人會看不懂。約莫半年到一年後我漸漸懂了，常見的引......

搜尋引擎優化 (SEO) 透過調整站台符合搜尋引擎運作規則，最終提高網站搜尋排名的一種技巧。 以這個技術部落格當例子，來開箱如何優化文章曝光和點擊，以及調整後一個月 MAU 從 3000 到 4000 過程。 MAU 成果 當網站實際運行一陣子後，透過 Google Search Console 成效分析來看使用者常搜尋的關鍵字，以及個體連結與關鍵字的曝光次數關係。 在 SEO 前需要做......

因為最近想準備面試，所以在網路上看到國外這篇 15 個關於 React JS 的面試問題覺得蠻適合當作 React 入門的必備知識，底下是常見的 React 相關問題提供給各位大大參考。 什麼是 React.js? React.js 是一套協助實作 Web 和 Mobile 使用者介面的前端函式庫 (library) 是 Facebook 2011 年認為現有解決方案無法處理目前問題，決定開......