在 Vue Style Guide 中對於 Vue 專案的程式風格提供了許多建議，但有些時候在撰寫程式時還需要額外留意這些撰寫風格反而變成一種負擔，好在這時候 Vue 提供了好用的 eslint-plugin-vue (@vue/cli-plugin-eslint)，透過 eslint 可以幫我們檢查哪些程式碼中的內容是不符合 Style Guide 所建議的，並且予以修正。
同時搭配上 VSCode 後，可以在存檔後自動根據 eslint 的建議來重新編排程式碼，不只省下了許多需要調整撰寫風格的認知負擔，更重要的是省下了許多時間，可以專注在程式開發上。
在這篇文章中就說明如何根據...
2019年12月28日
2019年12月6日
[WebAPIs] Picture In Picture of Video
keywords: video, WebAPIs
TL;DR
新技術一定有風險，瀏覽器有支援有不支援（目前只有 Chrome 預設是支援的），使用前應詳閱公開說明書！
// 檢驗瀏覽器有無支援 Picture In Picture API
if ('pictureInPictureEnabled' in document) {
// 有支援...
}
// 進入 video 的 PIP 模式
videoElement.requestPictureInPicture().catch((error) => {
// 錯誤處理...
});
// 離開 video 的 PIP...
2019年11月20日
[WebAPIs] Web Share API 的使用 - navigator.share
keywords: WebAPIs, mobile, navigator.share
TL;DR
// 判斷瀏覽器是否支援 Web Share API
if (navigator.share) {
// navigator.share 會回傳 Promise
navigator.share({
title: 'Web Fundamentals',
text: 'Check out Web Fundamentals — it rocks!',
url: 'https://developers.google.com/web',
})
.then(()...
2019年11月16日
[Samsung] 沒辦法看訊息通知？讓 Bixby Routines 朗讀通知給你聽
平常在開車或是工作時，並不是非常方便看手機，這種時候若收到 Line 或者簡訊通知時，常常都只聽得到通知卻不知道也不方便點開來看內容，這時候就會很希望手機的語音助理能夠把通知直接念出來讓我知道，至少可以知道是不是有急著需要處理的事情。
其實這個功能已經內建在三星這個看似毫無作用的 Bixby Routine 中了，這篇文章中就來看看可以怎麼樣使用。如果懶得看文字的話可以直接參考這個影片：
進入 Bixby Routine
要進入 Bixby Routine 可以從「設定」-->「進階功能」-->「Bixby Routines」中找到：
接著點擊上方的新增，可以為這個...
2019年9月3日
[Mac] 如何透過 iMovie 輸出高畫質影片（4k, 1080p）
iMovie 的專案會依據「第一部」匯入到時間軸中的媒體，以此決定這個影片最後可以輸出成多高的解析度，因此若你最後想輸出成 4K 的影片，只需要：
先到網路上下載一部 4k 的影片（參考影片下載連結）
新增一個全新的專案（專案一定要是全新的，因為是以第一個匯入時間軸的媒體來決定最後輸出的解析度）
將 4k 影片匯入媒體後，拖曳到時間軸內，成功的話，在右邊齒輪（設定）的地方點一下，會看到解析度出現 4k 選項：
接著，如果原本已經有編輯好的內容，可以複製貼在時間軸後面
把第一個放入時間軸的 4k 影片移除
選擇匯出成 4k 影片：
專案一定要是全新的，因為是以第一個匯入時間軸的媒體來決定最後輸出的解析度
示範操作影片
參考資料
Cannot...
2019年8月31日
[多圖] 三星 Samsung S10+ Plus 與 Note 10 選擇困難？相機拍照、螢幕與效能比較心得
keywords: samsung, camera, s10+, s10plus, note10, performance, screen
最近剛好有機會同時入手三星（Samsung）的 S10+ Plus 和 Note 10（不是 Note 10+），可以分享一下這兩隻使用上的心得。
直接說結論：相較於 Note10，S10+ 的螢幕真的無可挑惕，色彩的呈現和解析度都非常棒；而 Note10 則是在 App 的安裝速度上有較明顯的提升。兩隻在主鏡頭的拍攝略有差異，主要體現在 Note 10 的成像有更明顯的對比，因此天空會更藍一些，較為吸睛，但有時對比太重會有色偏或修圖感較重的情況（覺得和這幾年...