2024年6月11日 星期二

ⓒVSCode PHP Live Server


環境建立教學：

1. 下載 PHP

1.1 Mac 版本 - 使用 homebrew 來下載 PHP，請執行語法：


1.2 Windows 版本 - https://windows.php.net/download
本文選擇 VS16 x64 Thread Safe (2024-Jun-04 19:11:24) 的 Zip 版本

2. 安裝擴充套件：
Live Server - https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
PHP Server - https://marketplace.visualstudio.com/items?itemName=brapifra.phpserver

2.1 點選 VSCode 右下角的 Go Live 將 Live Server 啟動，在 *.php 程式畫面按右鍵，點選 PHP Server: Serve Project 將 PHP Server 啟動。

2.2 如果是 Windows 環境，請將 php.exe 路徑設定到 PHP Server 的 `phpserver.phpPath` 欄位中，或是在系統環境變數 PATH 加入 PHP 根目錄路徑。

3. 安裝 Google Chrome 的擴充功能
Live Server - Web Extension - https://chrome.google.com/webstore/detail/live-server-web-extension/fiegdmejfepffgpnejdinekhfieaogmj/

3.1 打開擴充功能設定，將 Live Reload 打勾以啟用功能。

3.2 在 Actual Server Address 填入


3.3 在 Live Server Address 填入


4. 在瀏覽器中，打開 `http://localhost:3000/` 即可看見即時更新畫面。

後記：
因為老婆公司前端開發需要啟動 PHP 來看到前端開發畫面，
所以找了一下 PHP 要如何在 VSCode 建立簡易的開發環境並作紀錄。
╔張貼者╦ QQBoxy 0 人回應主題╗
分享至 ：

2023年7月6日 星期四

ⓒ Macbook 錄影檔 MOV 轉檔 MP4


軟體名稱：FFmpeg
軟體類型：開源軟體
官方網站：FFmpeg
軟體教學：

1. 首先使用 Homebrew 安裝 FFmpeg 轉檔工具，指令如下：



2. 將你想轉檔的 MOV 檔案放在自訂目錄下，對目錄按右鍵 > 服務 > 新增位於檔案夾位置的終端機視窗。


3. 複製以下指令在終端機中按下 ENTER 執行，其中 my-video.mov 是輸入的 MOV 檔案名稱，而 my-video.mp4 是你想要輸出的 MP4 檔案名稱。




4. 如首圖，執行後就會開始轉檔成 MP4

後記：
站長最近因為工作關係開始使用 macbook 了，
我在 Windows 環境中就已經使用 FFmpeg 工具，
今天剛好有 MOV 轉檔 MP4 的需求，
發現有 mac 版本就順手寫了文章。
╔張貼者╦ QQBoxy 0 人回應主題╗
分享至 ：

2023年5月23日 星期二

のMacbook 崎嶇之路

筆者在 2023/05/19 拿到了人生第一台 Macbook，
型號是 14 吋的 Pro Max，
由於先前就聽說過 Mac 的軟體設計蠻糟糕的，
所以我也只期待他的效能可以提升我的工作效率，
但沒想到這幾天卻遇到各種問題，
以及許多神奇的 BUG ... 。

空目錄的 BUG


第一天拿到新電腦，
看到啟動台裡滿滿的 APP 時第一件事就是整理它，
由於我有用 iPad mini 所以知道按住不放就能建立資料夾，
結果不曉得為何它莫名的產生了一個空白的目錄，



人生地不熟的我立馬就先重新開機看看，
不幸的是它仍然存在著 ...
開始擔心是不是又要出現與 iPad 似曾相似的場景了，
我安裝了 Chrome 來搜尋問題該如何解決，

我找到一篇文章，跟我遇到一樣的問題：


我根據他的解法在終端機下指令：

open `getconf DARWIN_USER_DIR`

然後找到這個資料夾並丟到垃圾桶：

com.apple.dock.launchpad

重開機後總算解決了，
本以為不會再有其它問題，卻沒想到這只是開始。




追加：
今天開機後，就看到我資料夾內的所有 APP 都跑到外面去了，然後原本四個資料夾就空了 ... 重開機後資料夾還會跑到第二分頁輸入法的問題。

輸入法的問題


第二個問題來了，
輸入法的問題，
以前在 Windows 下使用新注音打字習慣了，
在換字時選擇好字就會跳到下個字來選擇，
可是 mac 的輸入法不一樣，
只能手動按右方向鍵來換到下一個字，
找了網路上的各種文章都沒辦法自動跳下個，
越來越失望的我，只好說服自己習慣它。

觸控板的 BUG


第三天我又遇到 BUG 了，
由於我需要 3D 繪圖，有外接滑鼠的需求，
為了避免打字的時候碰到觸控板，
我 Google 了一下該如何在接上滑鼠後自動停用觸控板，
我在設定裡找到這個設定並啟用它：

使用滑鼠或無線觸控式軌跡板時忽略內建觸控式軌跡板


結果沒有效果，
觸控板一樣活跳跳的在那裡跑來跑去，
最後我只好外接我的械鍵盤來避免誤觸它 ...

MagSafe 的隱憂


我聽說 Mac 很安全性，
於是我想說確認了一下 MagSafe 有多安全，
因為之前都接在 Type-C 上面還沒用過原廠的變壓器，
拿出來看了一下結果連地線都沒有 ...
查了一下網路上有沒有人討論：

https://discussionschinese.apple.com/thread/253005934

結果真的有人被電到覺得麻麻的，
看來只能享受電療的感覺了 ...

拖動視窗 BUG


其實我遇到了好幾個類似的 UI 問題，
都不知道如何發生的，也沒有辦法重現一次，
像是拖動視窗時有些視窗能拖有些不能，
這些問題通常是偶發性的只能紀錄起來，
但遇到時就會覺得很煩 ...


安全的麥克風


mac 的螢幕蓋起來就會不能用麥克風，
我遇到時還以為是我的麥克風壞了，
結果同事貼了這篇文章才知道那是它的防駭機制 ...
但網路上又有人說開一個新帳號就可以用，
那到底是要防駭還是不防駭 ...

https://discussions.apple.com/thread/252744296

視窗展開 BUG


點開任何視窗的途中，
在精靈動畫還沒跑完之前點了旁邊空白的任意位置，
視窗展開完成後視窗大小就會被改變，
我同事與學弟的 M1 都有此問題。



App 快速鍵 BUG


我本來在App 快速鍵新增了 Chrome 的 F5 重新載入此網頁快速鍵，可是發現 F5 可以正常設定，但是 Ctrl + F5 怎麼樣都沒辦法設定，但後來想想還是來習慣 mac 用法好了，於是就把 Google Chrome.app 的 App 快速鍵設定都刪掉。正常來說按 - 號就能夠刪掉，可不管我怎麼刪掉，只要重新打開系統設定，它都會重新跑出來，我把 Chrome 刪掉重新安裝也無效 ... 。

定位服務 BUG

一拿到 Mac 就遇到瀏覽器沒有辦法拿到定位服務的權限，查了一下才發現原來是 Mac 的重大 BUG，官方因為修復了一個安全漏洞，此錯誤的修復影響了定位服務。



後記：
我不曉得為何有那麼多工程師推薦 Macbook，
但同樣身為程式設計的我現在也開始使用，
且實際用了 Macbook 後並不覺得 Windows 有多差，
除非你有效能、續航、重量等極端需求，
否則 Windows 筆電仍然是一個很好選擇。
╔張貼者╦ QQBoxy 1 人回應主題╗
分享至 ：

2023年3月9日 星期四

ⓒ初音ミクラジオ 牛肉麺版(Gyu Niku Men)


軟體版本：
初音ミクラジオ 牛肉麺版(Gyu Niku Men) v0.3.0

軟體網址：
http://mikuradio.blogspot.com/

軟體原始碼：
https://github.com/QQBoxy/mikuradio

軟體功能：
  1. 上下首選曲
  2. 隨機播放、點擊選曲
  3. 全螢幕不間斷播放

運作原理：


概念啟發：
發現朋友在Youtube使用最愛清單播放時，出現了廣告還有被封鎖的音樂還頗困擾的，而自己又很喜歡聽VOCALOID系列的音樂，索性就利用Google API們建立了這樣一個線上播放器XD

後記：
音樂清單還會持續不斷增加，
BPM選曲功能還在修羅場中(明明就沒有很難XD)，
在清單保持定位現正播放曲目還在思考如何撰寫，
然後有想要加入的曲名可在 聊天室 留言，
但不保證都會加就是了XD?

有人說我都發廢文，此風不可長，
所以發這篇比較不是廢文的來湊湊數(?)

最近更新了0.2.4版本，
修正一些問題：
更新Youtube搜尋引擎 - 2015.4.21
修正搜尋失敗的問題 - 2015.5.18
加入隱私條款 - 2020.5.18
UI、API 重構 - 2023.2.9
╔張貼者╦ QQBoxy 0 人回應主題╗
分享至 ：

2022年4月15日 星期五

ⓒ使用 mosquitto 在 Windows 建立 MQTT 服務



1. 下載 mosquitto
https://mosquitto.org/download/
(mosquitto-2.0.14-install-windows-x64.exe)

2. 建立使用者密碼
使用管理員權限打開終端機，移動到安裝目錄


使用指令建立密碼檔案，其中 passwd 為密碼檔檔名；qqboxy 為使用者名稱，執行後輸入密碼即可


產生的密碼檔案內容範例如下：


3. 修改設定檔
使用管理者權限打開安裝目錄下的 mosquitto.conf 設定檔

找到 allow_anonymous 關鍵字，取消註解修改如下：


找到 password_file 關鍵字，修改如下：


4. 啟動服務
執行 services.msc 打開服務，找到 Mosquitto Broker 啟動它即完成服務的建立。

後記：
啟動基本的 MQTT Service 並不難，站長最近剛好需要建立一個來測試，順便做個紀錄。
╔張貼者╦ QQBoxy 0 人回應主題╗
分享至 ：