simonallen 技術部落格

Sign in Subscribe

Latest

Day03 PMP簡介：PMI 與 PMP 的關係

Day03 PMP簡介：PMI 與 PMP 的關係

今天是第3天的文章，既然是開頭幾篇的文章，還是不免俗介紹一下，什麼是 PMI？什麼是 PMP？ PMP 背後的組織 - PMI 在介紹 PMP 之前，需要先介紹 PMI。PMI 國際專案管理協會（Project Management Institute）成立於1969年，是全球性非營利的專案管理專業組織，也是 PMP 認證背後推動的組織。除了 PMP 認證，PMI 還提供其他多項專案管理相關的認證，這裡就不多贅述了，而 PMI 主要的貢獻之一就是制定並更新《專案管理知識體系指南》（PMBOK）什麼是 PMBOK？參考維基百科：https://zh.wikipedia.org/zh-tw/%E5%B0%88%E6%A1%

Day02 學習與考取 PMP 得不到什麼？PMP 不是萬靈丹

Day02 學習與考取 PMP 得不到什麼？PMP 不是萬靈丹

正常文章編制第 2 天應該要介紹什麼是 PMP ，只是筆者我決定臨時掉換一下 Day2 與 Day3 順序。將介紹改到 Day3 原因是在學習與準備 PMP 的過程中，筆者有讓朋友和同事們知道我正在學習 PMP 一事，因此有的 RD、PM 同事會在吃飯聊天時問：「Simon，PMP 有對 OOO 有什麼建議嗎？」 OOO 請自行帶入任何情境事物，通常是當事人目前面臨的困境。的確 PMP 考試大部分都是情境題，而且多半要選「正論」、「價值導向」的答案，也很適合專案從業者重新審視初心，而且現在 PMP 的版本 PMBOK7 也很重視敏捷了。但我發現，決大部分人問我問題原因仍都是出在「人」身上，和專案管理的理論知識無關。於是想想後，決定先在 Day2

Day01 楔子

Day01 楔子

很久沒參加鐵人賽了，筆者我自今年初開始接觸專案管理類的書籍(非 PMP 相關)，當時還沒想考認證，直到 3 月中上了 PMP 實體課受到啟發，到前陣子 7/30 通過 PMP 國際專案管理師的認證，接觸到 PMP 知識並通過認證共耗時 4 個半月。 (credly 上含本名的的認證徽章： https://www.credly.com/badges/603a2f62-4919-438a-81ba-737eea1724a1/linkedinprofile) 考取認證後剛好鐵人賽開賽，很糾結要不要以此作為主題，最後想想，既然我在我的 Heptabase 筆記軟體都寫了破百張筆記卡片了，有什麼理由不參加呢？所以讓我來和大家分享這陣子的心得吧！學習與考照的動機筆者我最初並沒有抱著我要「考取認證」這種想法而報名上專案管理的課程，當初學習的動機是： * 希望更了解專案管理知識，好更宏觀的看待事情發展。 * 發現實體班(此系列幾天後會介紹)的學費比預期便宜，很適合試水溫學習

iOS Safari 播放器全螢幕強制進入原生播放器

iOS Safari 播放器全螢幕強制進入原生播放器

系統限制 Web 工程師在做影音播放器功能時，容易遇到在 iOS Safari 播放器點擊全螢幕，會進入 Safari 原生播放器的議題。當影片進入全螢幕模式後，會使用 iOS 原生的影片播放器介面，因此無法客製化全螢幕的 UI 介面。 Windows Browser (ex: Chrome) Mac Safari iOS Safari Android Browser (ex: Chrome) 非全螢幕顯示客製化 UI 顯示客製化 UI 顯示客製化 UI 顯示客製化 UI 全螢幕顯示客製化 UI 顯示客製化 UI 強制切入原生播放器顯示客製化 UI 此功能導致影響廣告造成體驗不佳目前觀察到播放中出現廣告時，會從全螢幕原生播放器「

瀏覽器影音限制：自動播放與靜音

瀏覽器影音限制：自動播放與靜音

為什麼網頁自動播放需要靜音？自動播放的聲音可能會影響使用者的瀏覽體驗。舉例來說，各位早期網路世代的使用者，一定都被打開某些網站跳出 Jumpscare 嚇過，輕一點則是剛打開網頁，被背景播放的奇怪音樂震撼到，為了避免這種嚇到使用者的行為，現代瀏覽器（如 Chrome、Firefox 和 Safari）已預設禁止未靜音的影音檔自動播放。請參考 https://developer.chrome.com/blog/autoplay?hl=zh-tw 上面這篇是最重要的，建議先看過再往下看。 Chrome 自動播放政策 * 一律允許靜音自動播放。 * 僅在下列情況下，系統允許使用有聲音自動播放影片的情況： * 使用者已與此 domain 網域互動 (點擊、輕觸、滑動..etc)。 * 當使用者在電腦上的媒體參與度指數門檻時超過了門檻，代表使用者先前已播放有聲影片。 * 使用者已將網站新增至行動裝置主畫面，或在電腦上安裝 PWA。 * 熱門影格可以將自動播放權限委派給自己的 iframe，以便自動播放有聲的功能。最重要的是這個： * 使用者已與此

改善網站效能：將 icon 轉為 font 字型

改善網站效能：將 icon 轉為 font 字型

現代網站設計中充滿了各式各樣的 icon，若是自有品牌或產品，設計師更常會為了強化視覺一致性而客製一整套的 icon 圖示。而從我們工程師的角度來看，icon 本質上就是一種圖片，既然是圖片的一種形式，當 icon 使用量一多，自然就會牽涉到與圖片相同的效能問題。為什麼 icon 太多會影響效能？為什麼 icon 太多會影響效能？通常 icon 是以圖片檔案（例如： SVG 或 PNG ）呈現，若網站載入時每個 icon 圖示都會觸發一個 HTTP Request，不僅延長載入時間，一次大量圖片載入會增加 Render 渲染時間或主執行緒負擔。別忘了，Client Browser 的 JavaScript 執行是單執行緒，無論是同步或非同步操作，本質上都還是在爭奪主執行緒資源。如果沒有另外開啟 Web Worker，圖片的下載、解析與渲染過程都會壓在主執行緒上，

LIFF 連結跳轉的規則

LIFF 連結跳轉的規則

第一次轉址：透過後台設定 liff.line.me 幫我們自動轉網址只要有在 LINE LIFF 後台設定 LIFF URL，當使用者透過瀏覽器開啟 LIFF 連結時，瀏覽器會跳轉到 LINE 開發者後台設定該 LIFF 服務的 Endpoint 進入點，例如點擊： https://liff.line.me/${LIFF_ID} 實際打開後，liff.line.me 會自動幫我們轉網址到後台所設定的進入點網址： Endpoint URL 這個 Endpoint URL 是由 LIFF 後台所設定的，並且Endpoint URL 一個 LIFF ID 只能設定一個，以我們 Prod