ithome

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

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

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

Day01 楔子

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

Day30 心得-持續成長、持續前進

不知不覺就完成第二次鐵人賽 這次有幸加入一個公司團隊,前端 team 內有過半的成員參加鐵人賽,雖然前輩喊團報好幾次,但最終大家還是下水餃般的各自報名。我先自首我是拖到最後才報名的 不可否認,當周遭也有夥伴參賽時,對參賽者的動力會有很大的幫助。 賽後檢討 一樣來點賽後檢討 時間分配不均 去年就有的問題,不過今年可用時間和去年不一樣 ( 時間更壓縮 ),雖然在學習、筆記時間的拿捏已經比去年好許多,但仍有調整的空間。 心態調配 主要得面對自己心中的障礙,畢竟去年的這個時候,也是在前公司處理影音相關的任務,說實話有點膩了,現在完全不敢想明年會不會也是這樣XD 反過來說,自己是不是不穩定? 這 30 天不斷思索這個問題,是否心態上還有調整的地方?但 今日不做,明日就會後悔是一定的。 學習事項的優先性 鐵人賽期間,常常有似乎有更重要的事要做這種想法。 隨著前端技能的增加,對網頁眼界的擴展反而讓待學習事項越積越多,這 30 天得忍住摸其他東西的慾望,花時間在鐵人賽主題上,也算是對前端工程師的一種考驗吧。 文筆流暢度 與去年相比
SimonAllen

Day29 Video.js 影片標題套件

今天的內容仍是 Video.js 如果我想要替 Video.js 影片添加標題文字,例如 Youtube 全螢幕時,左上角會有標題文字一樣,我該怎麼做呢? 播放器的影片標題和昨天的浮水印一樣,可以透過純 HTML + CSS 來達成,這裡我一樣選擇使用 Videojs plugins 的方式來添加浮水印。 video.js 影片標題套件 ITMAN_title 既然昨天都能自定義、修改別人的 Video.js 浮水印套件,那當然自己也能寫一個,今天就來介紹自己寫的 video.js 標題套件:video.js 影片標題套件 ITMAN_title。 安裝、引入檔案 git clone 此專案後,取出 ITMAN.title.css
SimonAllen

Day28 Video.js 浮水印套件

Day28 Video.js 浮水印套件 今天的內容一樣是 Video.js 我們來看看如何替播放器加上浮水印。 這裡的浮水印是添加在播放器上,而不是添加在影片上。所以如果有人寫爬蟲抓走影片片源,影片本身還是不會有水印的。 前端能做的不是改變影片(片源)本身的內容,而是從<vidoe>和其周遭的 HTML 標籤著手,想辦法把水印圖像疊在播放器介面上。 將播放器添加浮水印圖片不外乎是三種方式: 1. 用 HTML 的<img>圖片疊上去 2. 用 HTML 的空 div 和 CSS 的 background-img 搭配疊上去 3. 承上,改用偽元素來完成 採上面任一種作法後,用CSS 絕對定位 去對齊播放器位置。 我們可以暴力用
SimonAllen

Day27 Video.js + React 播放器整合

2021年更新: Video.js 文件有更新與 React 整合範例,有加入 使用 useEffect 的寫法。 而除了 Video.js 官方範例外,實務上開發者也會將 Videojs 包成一個自己的 custom hook 再去呼叫,故這篇現在建議看看就好。 今天的內容會用 React + Video.js 去做出自己的 React 播放器元件。 前端在使用 React 開發網站時,有時會碰到第三方套件沒有 React 版本,而需要自己去整理、調整程式碼。 幸運的是:Video.js 文件有與 React 整合的例子 ( 雖然就只有這一頁 )。 開發環境: 使用 create-react-app 建立環境。 建好環境後刪除 src 資料夾不必要的檔案
SimonAllen

Day26 Video.js 播放器

今天到29天都會以 Video.js 播放器為主 Video.js 是一款開源播放器,它是一個經典的 JS 播放器,從2010至今,中間歷經數次版本迭代,目前已到了第7版,這個播放器的特色是: 1. Github 23053 顆星星 2. Plugin 豐富 3. 可透過 Plugin 支援多種格式、協議影片 4. 可在 HTML5、Flash 間切換 5. 文件齊全到過於瑣碎 6. 不少JS播放器在設計上皆受到 Video.js 啟發 原先 Video.js 要播放 Hls 協議影片,需要特別引入 Video.js 的 Hls Plugin
SimonAllen