#pwa

YouTube 首次推出 PWA 應用程式下載，讓你不用透過瀏覽器也能開啟 YouTube 網站！

不想每次都必須開啟瀏覽器才能造訪 YouTube 網站嗎？YouTube 何時才有 Web 應用程式呢？好消息！現在你可以透過 Chrome 或 Microsoft Edge 瀏覽器下載 YouTube PWA 到電腦桌面，以後就不用開啟瀏覽器親自造訪囉...

二次鐵人完賽心得：明年想好再報

總算是順利把第二次鐵人賽寫完了，今年寫得一團亂，差點就棄賽了。 今年其實沒有什麼想題目，中間有考慮過開放資料、前端撰寫、怎麼開架構、K8S 之類好幾個題目，但是怎麼想都想不到 30 天（大概都想到個位數個...

透過 Lighthouse 檢查是否符合 PWA 標準

到今天應該已經可以順利寫出一個 PWA 了。不過為了避免釋出後使用者無法安裝的窘境，可以用 Lighthouse 來檢查是否達到 PWA 的標準。 Lighthouse 是個開放原始碼的檢測工具，可以用來檢測效能、可用性、SEO、PWA...

PWA：用 Manifest 定義 App 的名稱

PWA 所以可以用來加到電腦和手機的桌面，並打造接近原生的使用者體驗，靠的就是 Manifest.json。究竟 Manifest.json 裡面記載了什麼呢？ Manifest.json 記載了 App 的相關資訊，像是 App 名稱、描述、圖案、顏色...

PWA 體驗設計：介面以外，看不到的還有更多

PWA 要在跨裝置上都能有好的體驗，除了該有的介面 RWD，讓不同裝置都不會跑版以外，還有什麼是需要注意的呢？ 昨天談到 PWA 的 P 代表 Progressive Enhancement，越強的裝置就要有越優質的體驗，除了不同介面以...

PWA 介面設計：先認識 RWD 設計

在 PWA 應用程式中，你能打造一款讓手機、Chromebook、電腦都可以操作的應用程式，這就像是在寫網站時設計 RWD 網站一樣。設計 PWA 有什麼鋩角呢？ 鋩角（mê-kak），是指事物細小而緊要的部分，有秘訣的意思。 ...

為什麼你會需要 PWA 應用程式，原生不好嗎？

原生（Native）應用程式和 Web 應用程式已經要怎麼選，這個議題已經好幾年了。或許 Hybrid App（用 Web 打包的應用程式）是個好選擇，但怎麼都沒人在用呢？最近為什麼也沒人在討論 Chatbot 了？ 企業都很擔心 We...

6 個在 Chromebook 中必裝的應用程式

Chromebook 價格漂亮而好入手、機型輕巧而便於攜帶。那平常拿 Chromebook 有什麼必裝的應用程式呢？ PWA 應用程式 昨天有提到，Chromebook 基於 Linux 作業系統，再搭載個 Google Chrome 瀏覽器，所以幾乎所有的...