Javascript 令開發者愛恨交織， 一直以來我都很抗拒全心投入， 只盡量用最簡單的方式拿它來滿足我 畫圖的需求 而已。 過去這學期為了教學需要， 終於認真爬文了解一下 js 的幾個 bundlers， 最後決定採用 webpack。 本文基本上是把 Valentino Gagliardi 的教學文 消化後用自己的小程式實作並重新整理後的心得。 Webpack (或其他類似的 Browserify 、 Grunt 、 Gulp 等等打包工具) 主要有幾大功能： 簡化原始碼， 把 html 裡面引用 css、 script、 img 等等敘述通通都省下來， 並且統一由 .js 原始碼裡面的 import 指令來處理。 ("萬物皆模組") 處理相依套件， 通通抓回本地一起打包。 順便把程式設計師偏好的 (較高階的) 各種不同口味 js 語法 轉譯 (transpile)

來自 pendrive linux 網站的 Universal USB Installer (以下簡稱 UUI) 讓 MS Windows 用戶可以自行把許多不同版本的 linux 的 .iso 檔變成可開機隨身碟。 對於從零開始學 linux 的 windows 用戶來說， 這個比我的 mbootuz 簡單多了! 如果是一般主流版本的 linux (例如 *ubuntu、 mint、 debian、 fedora、 ... 等等) 早就有很多中文教學文可以參考： 重灌狂人、 yh96301。 如果要拿貴哥實驗室版的 iso 檔來製作... 因為我小改了一些路徑， 所以用 UUI 做完隨身碟之後， 還需要手動改一些地方。 首先在檔案總管理， 對著隨身碟 (例如 G: 或 H: 之類的) 按右鍵、 點選 「內容」。 它的檔案系統是採用 fat32 格式嗎？ 如果是， 請跳到下

前幾天需要用到 ffmpeg 4.3 版才有的新功能 "xfade" (下詳)； 可是我的 linux mint 上面的版本只到 4.2。 可以不要自己編譯， 直接偷懶安裝新版執行檔嗎？ 警告： 後來我的系統變得有點怪怪的， 裝個小套件都會牽拖一大堆相依套件。 最後用 btrfs 的 snapshot 功能 把系統還原。 正在測試 這個建議。 查看一下我的 mint 版本及基礎的 debian 版本： cat /etc/os-release 跟 /etc/debian_version 查看一下我的版本的 debian/ubuntu/mint 目前有哪些版的 ffmpeg 可以安裝： apt list -a ffmpeg 或 apt-cache madison ffmpeg。 確認一下 debian 的版本資訊 (左側 "versions")： 確實

本來排好上週要在校內教職員研習講 「個人隱私與資安防護」， 不過在疫情開始略微升高的第一時間， 學校就立即決定改採錄影的方式以減少群聚。 根據以往的經驗， 吃螺絲或恍神重錄浪費最多時間； 可是錄製的時限很緊迫， 所以最後我把一小時的內容切成將近三十段每段一到三分鐘的短片。 經過一些手工前置處理之後 (另文詳)， 得到 這些檔案。 那要怎麼把它們全部串接起來呢？ 我覺得 openshot 還蠻好用的。 但是近三十次的轉場逐次用手點滑鼠？ No way! 這不是人在用電腦， 而是人被電腦用！ 而且我的板機指會被用到廢掉 (哭) 這時就要請 新版的 ffmpeg 來救援了。 照上面連結安裝好 >= 4.3 版的 ffmpeg 之後， 也請下載我寫的 xfadeffmpeg.py。 然後： python3 xfadeffmpeg.py ??-*.mkv 就會產生一串片(!)很壯觀的

用 「firefox 黑底」 或 「firefox 暗底」 等等可以找到 High Contrast、 dark reader 等等擴充套件的推薦， 或是 暗色佈景主題 之類的方法。 可是遇到 pdf 檔就無效了 :-( 今天我需要在火狐裡面連開幾十個 pdf 檔， 又懶得每個下載回來用 evince 看 (在 evince 裡按 ctrl-i 即可反轉顏色)。 於是搜尋到這篇： Dark mode for Firefox's built-in PDF viewer， 成功反轉顏色！ 快筆記分享一下。 在 ~/.mozilla/firefox/ 底下可能會有一個或多個看起來像是亂碼的目錄， 每個目錄對應到一個 profile。 像我在 linux mint 下看到的目錄是 "亂碼.default-release/" 。 在這底下建一個目錄 "chrome/" 在

錄影片或線上會議時， 自己覺得最煩的是我的麥克風的聲音錄不起來/對方聽不見。 (攝影機我不太開， 所以比較沒 (遇到) 問題。) 更煩的是通常看不見錯誤訊息， 不知道該如何除錯。 最近搜尋 「linux sound architecture」 跟 「linux audio stack」 (特別是圖片搜尋)， 粗略讀了幾篇， 總算有個較清楚的概觀。 大推最簡單清楚的 1、 2 兩篇， 特別是 LearnDigitalAudio 的簡單明瞭金字塔圖。 簡單地說， 硬體之上是提供統一 API 的 ALSA， 再上去是可以接受多音源/可以混音的 PulseAudio (那些對於延遲零容忍的專業人士們則採用 JACK )， 最上層則是應用軟體。 以前我都只會開 (較低階的) alsamixer 來檢查麥的問題， 明明麥已啟用卻還是有可能錄不出聲音； 現在知道了： 應該開比較高階的

在我的手機上， 自己可以安裝/刪除的軟體當中， line 是腫脹軟體 (bloatware) 第一名。 那你的手機呢？ 上圖左顯示我的手機上的一部分 apps。 橫軸是 app 佔用空間、 縱軸是資料佔用空間、 圈圈大小是 cache 佔用空間。 可以看出 android 內建的 gms、 googlequicksearchbox、 partnersetup 超肥大。 除了這幾個內建 apps 之外，最肥大的一般 app 就是 line 了。 其次兩個很可以原諒： 改自 firefox 的瀏覽器 icecat 以及離線地圖 osmand。 可是這種線性標尺 (linear scale) 會讓多數 apps 都擠在左下角。 改成右圖的對數標尺 (log scale) 看起來會比較清楚。 左下藍框是我在 1922 簡訊實聯制 推薦的兩個 QR code 自由軟體， 你看， 超小的

最近又被疫情逼著開始認真用 jitsi meet 遠距教學。 最煩的就是有時候會發現我的麥的聲音出不去。 還好找到兩個超讚的網站可以自己一個人唱獨角戲測試。 因為 jitsi 採用網頁介面及開放的網路標準 webrtc， 我猜這兩個測試網站應該適用於任何瀏覽器 (firefox、 chrome、 safari) 也適用於任何桌面作業系統 (GNU/Linux、 MS Windows、 MacOS)。 若是 Linux 用戶， 請先 用 pavucontrol 確認作業系統可以聽得到你的麥克風。 也順便把 pavucontrol 切到 「錄製」 分頁， 看看有哪些應用軟體正在傾聽麥克風。 其他 OS 我就不會用了。 第一個測試網站是 meetecho。 點標題旁邊那個黑底白字的 「start」， 瀏覽器會問你是否允許對方網站傾聽你的麥。 允許之後， 便可以開始自言自語，

以前需要錄影桌面時， 採用的是 gtk-recordmydesktop ； 但是 它太老舊沒在維護了， 所以現在改用 vokoscreen-ng。 安裝套件： apt install vokoscreen-ng 如果從命令列啟動， 指令是 vokoscreenNG 。 操作畫面很簡潔， 主要是上方那一排圖像選單。 "兩個開關" 圖像 (從左邊數來第四個圖像) => 設定存檔的路徑。 "紅底白色播放鍵" 圖像 => 設定影像品質與存檔格式。 "麥克風" 圖像 => 選取一個聲音輸入裝置 (麥克風)。 我在幾部跑 mint 20 的電腦上， 需要先插著麥克風、 進 alsamixer 打開麥克風， (可能還要重新開機) 然後在 vokoscreenNG 裡面才會看到 「內部音效 類比立體聲」 可以

這篇是一個不完整實驗的摘要， 順便想要請教讀者兩個問題： (1) Canvas Fingerprint Defender 可信任嗎？ (2) 誰可以幫解說 David Shim 的 qrcodejs 的程式碼嗎？ "Browser fingerprinting" 的追蹤方式很難阻擋。 你可以到 EFF 製作的 "Cover Your Trackes" 網站測試。 點下 "Test Your Browser" 之後， 畫面會自動重新載入幾次， 等好一陣子終於出現判讀結果。 我的 Firefox 的 "容易被識別度" 為 16-17 bits； 我的 chrome 則為 18-19 bits (越大越糟)。 Firefox 號稱可以封鎖這類追蹤； 不過其實效果很有限。 另一個持完全相反立場的自由軟體計畫 FingerprintJS 積極開發 fingerprinting 技術

Ubuntu 18.04 (還是更早？) 棄 /etc/network/interfaces 改用 netplan 以來， 我一直不敢面對， 一直還是堅持用 懷舊網路設定。 最近 移民 mint 20 ulyana， 總算搞懂 netplan： 它只是一個最高階層、 負責出一張嘴的空殼， 在它的設定檔 /etc/netplan/*.yaml 裡面有一句最重要的 renderer， 由這句話指定到底要用 NetworkManager 還是要用 networkd 來實作網路連線 -- 它們才是真正做苦工的程式。 有點像是董事長 (呃，我剛剛說了什麼～) 決定要請哪一位來當總經理/執行長： 沒有太多選擇， 大概就只有這兩位， 而且最好不要請兩位同時上任。 爬文時， 有人也人把這兩個選擇稱為不同的 backends。 很棒的 stackexchange 問答。 [總經理 A] 一般