百吉のOnlyFuns – 前端技術筆記、日文學習、生活日常

PM2 Process 全部消失、Apache 無回應、MySQL 無法啟動：一次 Server 硬碟爆滿的排查紀錄

最近維護一台 Ubuntu Server 時，遇到一個非常詭異的狀況：

PM2 的 process 全部消失
Apache 沒有回應
MySQL 無法啟動

一開始以為是 記憶體不足導致服務 crash，結果一路排查後才發現真正原因其實很單純：

硬碟滿了…..

這篇記錄完整的排查過程。

系統環境

Ubuntu Server
Apache2
MySQL
PM2
Docker

第一個症狀：PM2 process 全部消失

登入 server 後，第一件事先檢查 PM2：

pm2 list

結果發現，所有 PM2 process 都消失了。正常情況下，PM2 的 process 不太可能全部消失。第一個直覺是：最近有用 Docker，可能是記憶體不足導致 PM2 被系統 kill。

正當這樣想的時候…

閱讀全文

如何觀察 node.js 的記憶體用量

當程式發生異常的記憶體用量，或甚至 memory leak 導致關閉，我們該如何觀察並找出問題呢？其實有個非常方便的方法，也不需要安裝任何額外的工具。首先打開終端機輸入 node --inspect index.js 來運行程式並監視記憶體。

接著到 chrome 網址列輸入 chrome://inspect/#devices，會出現以下畫面：

閱讀全文

[歌詞翻譯] Feelin’ Go(o)d – 藤井風

嵐はどこへ
私はどこへ
ついに自由へと化した（かした）みたい
傷は何処へ
僕は何処へ
ついに全てを溶かしたみたい

暴風雨去哪了
我去哪了
最終似乎化作成自由
傷口去哪了
我去哪了
最後似乎將它們全部融合再一起

閱讀全文

LiveTRA 火車時刻表 UI 設計

LiveTRA 是我的一個 side project，開始的契機是某個時期，因時常搭乘台鐵通勤，而台鐵又經常誤點，想說如果可以在出門前就可以先得知月台上的誤點時間，就可以避免匆匆忙忙趕到車站後才發現原來列車誤點的窘況。

Google了一下馬上就找到了當時由交通部主催的「公共運輸整合資訊流通服務平台 (PTX)」API服務（目前已整合進「運輸資料流通服務 (TDX)」），很快地就做出了第一版，以下是當時第一版的畫面設計。

舊版的頁面結構中沒有首頁，以台北車站做為預設車站當作首頁。一旦選擇過車站後，便以上一次選擇的車站當作預設顯示車站。且因為想把車站選擇器順便當作標題使用，因此將車站選擇器放在頁面最上面。

當這個版本運行一陣子後，意外地還蠻多人用的，並且收到了一些反饋，同時也因為想優化整個網站的架構，因此做了改版。

新版首頁與車站頁設計

這個版本出現了首頁，首頁會顯示最後兩次選擇的車站的最近一班列車，以及一些子功能的入口。例如：語系選擇、誤點班次列表、列車誤點賠償規則、最近使用車站、熱門車站⋯等等。

閱讀全文

之前一直很好奇 nuxt 是怎麼做到分割檔案的，但一直沒有時間來好好研究。上網搜尋一下之後，得知原來就跟寫 vue-router 想要 lazy load 的時候一樣，只要不用 import xxx from 'xxx' 匯入，而是改用 import('xxx') 的方式匯入，就會被自動分割，達成在需要的時候才 import 的目的，也就是 component 的 lazy loading。

例如當我們在 vue3 裡要宣告一個 component 的時候可以用：const xxx = defineAsyncComponent(() => import('xxx'))

以下的描述是單純以 vite or webpack 來打包程式碼的情況，而非 nuxt。

因此這個 import() 就是關鍵之處。平常較為人知的 import 是只能在一個檔案的最上頭，並且是以 import xxx from 'xxx' 這樣的形式使用。不過以這種方式 import 的話，全部的 code 將都會被打包在一起，output 到你設定的路徑。

閱讀全文

[歌詞翻譯] 満ちてゆく – 藤井風

這應該是藤井風繼「帰ろう」之後，另一首描繪生死的歌。非常喜歡前奏那段簡單的鋼琴旋律，以三個漸漸上升的大調和弦營造出幸福感，接續到兩個小調和弦創造出一些低迷的感覺，再回到大調與和maj7和弦，就像人生的路上時而幸福時而辛苦。在兩段重複的旋律的最後都出現了一個轉調的和弦，就像是人生中的轉折或疑問一般。這段前奏在第二次進入主歌前也再度出現了，總結了第一段對人生的反思。當進入第二段主歌時，出現了節奏樂器，打破了原有的低迷感。而整首歌在 Bridege 結束後做了轉調，讓整個氛圍突然出現豁然開朗、對人生有所頓悟的感覺。而在歌曲的最後，一樣又再重複了一次前奏的旋律，且最後停留在跟前奏最後一樣的轉調的部分，似乎象徵著關於人的生命，還有很多問題尚待自己去摸索，去尋求解答。

—— 翻譯開始 ——

走り出した午後も
重ね合う日々も
避けがたく全て終わりが来る

無論是忙碌的午後
還是我們一起度過的每一天
這些全都難以避免地會迎來結束

閱讀全文

[日文翻譯] 辦公室的怒氣小murmur

之前幫你收爛攤子，卻被你拿去跟主管邀功，那股怒氣就在剛剛看到你被主管罵哭的時候，消失地無影無蹤。

こないだ君の仕事の尻拭いをしたら、それを自分の手柄のように上司にアピールしたよね。その怒りは、さっき君が上司に叱られて泣いているのを見た時にすっきり消えたよ。

單字解釋：
尻拭い　しりぬぐい　　擦屁股、收爛攤子
手柄　てがら　　功勞

明明都已經不是我主管了，還在那邊指使我做東做西，怎麼這麼不要臉！

もう上司じゃないのに、あれこれ命令してくるなんて厚顔無恥にも程がある！

單字解釋：
厚顔無恥　こうがんむち　　
～にも程がある　　～也要有個限度

閱讀全文

[單字筆記] Web工程師相關日文單字

因爲本身是Web前端工程師，常常在查找文件或技術文章時，如果中文英文找不到需要的資訊時，也會試試看用日文來找。這時候就會接觸到一些與程式相關的日文單字，以下整理了一些實用且常看到的單字，之後如果有新增也會在這篇更新。

閱讀全文

[歌詞翻譯] 雪の華 – 中島美嘉

のびたかげを舗道（ほど）にならべ
夕闇のなかを君と歩いてる
手をつないでいつまでもずっと
そばにいれたなら泣けちゃうくらい

拉長的影子映在人行道磚上（ならべる原本是「排列」的意思，但在此翻成「映」較好懂
與你走在傍晚時分
牽著你的手，若能夠在你身邊直到永遠的話（上一句後半的「いつまでもずっと」應該是接著「そばにいれたなら」翻譯比較正確）
（這種幸福）能讓我感動地流淚

閱讀全文

[歌詞翻譯] 僕が死のうと思ったのは – 中島美嘉

其實我對中島美嘉的歌並不熟，不過幾年前無意間看到了下面這個影片，於是就被她這麼強烈的演繹方式吸引，馬上收入歌單中！

非常喜歡這首歌的編排與設計。主歌與副歌都用同一句話做開頭，但在銜接時透過不同的旋律與轉Key來處理，不僅能建構出層次感，也帶出了一個曾經想一了百了的人，不斷在深陷泥沼與得到救贖中來來回回的實感。

前兩段主歌以冷漠的唱腔詮釋負面又消極的歌詞，副歌則是以堅定的聲音傳達理性的原委或理由。在Live版中，第一段主歌接副歌之間的接近嘶吼的吶喊橋段後，又可以立刻轉換成穩定柔和的聲線，實在非常佩服中島美嘉的唱功。最後一段的唱腔也著實讓人看見了希望般地豁然開朗。

讚讚的演唱會版

The First Take 版本

僕が死のうと思ったのはウミネコが桟橋（さんばし）で鳴いたから
波の随意（まにま）に浮かんで消える過去も啄（つい）ばんで飛んでいけ
僕が死のうと思ったのは誕生日に杏（あんず）の花が咲いたから
その木漏れ日（こもれび）でうたた寝したら虫の死骸（しがい）と土になれるかな

我也曾想過一了百了，因為黑尾鷗（一種中體型的海鷗）在棧橋上鳴叫著
隨著坡浪載浮載沉，也把過往叼著然後飛走吧
我也曾想過一了百了，因為在生日的那天杏花盛開了（杏花的花語：懷疑、疑惑）
在樹葉間灑下來的陽光中小憩的話，不知能否跟蟲子的屍體一起變成塵土呢

閱讀全文

把人聲與樂器分離的超強軟體 Ultimate Vocal Remover

之前介紹過 Spleeter 這個分離人聲的軟體，不過在 M2 晶片的 Mac 上跑的時候，總是會遇到許多問題，例如顯示「illegal hardware instruction」錯誤之類的，且我在他的 Github 上看到最近一次 release 是 2021 感覺已經沒有在持續更新，索性就開始尋找替代方案。

這次要介紹的是可以更方便使用，並且有圖形介面的 Ultimate Vocal Remover GUI。

首先先到它的 Github 專案的 Releases 頁面下載安裝檔。Windows有兩個版本可選，一個是一般版，另一個是給有 AMD Radeon 或 Intel Arc 顯示卡的人使用的版本。

Mac 也有兩種版本，一個是 M1, M2 晶片 (arm64) 版，另一個是 Intel 晶片 (x86_64) 版。就看自己系統來決定下載哪一種。

裝完後，打開的畫面長這樣：

閱讀全文