URL 是個常見的正則表達式的應用，如果自己寫很浪費時間，所以在網上找了個使用範例，在此做個紀錄。
在 [ www.796t.com ] 匹配URL的正則表示式解析 裡可以找到，實際的運用如下
 |
| URL 的正則表達式 |
圖中的正則表達式使用的是"((http|ftp|https)://)(([a-zA-Z0-9\._-]+\.[a-zA-Z]{2,6})|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,4})*(/[a-zA-Z0-9\&%_\./-~-]*)?"，如果不需要通訊協定只需把前方的"((http|ftp|https)://)"截掉即可。
最近臨時需要驗證 E-mail ，本想很簡單直接上網找了幾個現成的來用，但發現都有些小毛病，最後找到一個比較正確的，在此做個紀錄。
在 [ codertw.com ] 郵箱/郵件地址的正則表達式及分析(JavaScript，email，regex) 裡可以找到可用的正則表達式，實際的應用如下
 |
| E-mail 的正則表達式 |
使用的正則表達式是"([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})"，這個結果實驗後可以符合大多狀況。
最近在 [ zh.wikipedia.org ] 正規表示式 裡發現非貪心量化的寫法，在此把學習的過程做個紀錄。
範例如下
const reg = /\d+?/dg;
let s = '123_456,12_34';
for( const match of s.matchAll(reg) ){
console.log(match.indices );
}
//Result
//[[0, 1]]
//[[1, 2]]
//[[2, 3]]
//[[4, 5]]
//[[5, 6]]
//[[6, 7]]
//[[8, 9]]
//[[9, 10]]
//[[11, 12]]
//[[12, 13]]
所謂的非貪心量化是指在 + 、 * 、 ? 與 {,}的後方再加一個"?"這樣可以打搜尋的結果分割成每一個符合條件的個體，範例如果只使用"\d+"的話，搜尋的結果只會有 4 個，加了"?"後就變成每個數字都是結果了。
最近在 [ zh.wikipedia.org ] 正規表示式 裡發現身分證字號的正則表達式，在此做個紀錄。
範例如下
 |
| 簡易的身份證字號的正則表達式 |
表達是寫法是"\w[1289]\d{8}"，要注意的是身份證字號的第一個數字只可能是 1 、 2 、 8 或 9 ，第二個身分證字號不符合是因為數字開頭不符合，當然這畢竟是簡易的，並非身份證字號的完整規則。
最近看到正則表達式裡有"."的寫法，在此做個紀錄。
"."的寫法範例如下
 |
| "."的用法 |
在 [ developer.mozilla.org ] 正規表達式 裡發現有個寫法我從來沒用過，在此把學習的過程做個紀錄。
在 [ developer.mozilla.org ] 正規表達式 裡發現有個寫法是過濾特定結尾的寫法，語法是"x(?=y)"與"x(?!y)"，"x" 的部分是要取得的開頭，"y"的部分則為結尾，"?="表示符合的結尾是結果，"?!"代表的是不符合的結尾是結果，聽起來有點難懂，可以利用 [ coding.tools ] 正則表達式在線測試工具 來實驗，實驗結果如下
 |
| 使用"?="的寫法 |
 |
| 使用"?!"的寫法 |
最近發現正則表達式有剃除字元的用法，雖然還沒想到在哪可以用到，但還是仔此做個紀錄。
一般如果要用正則表達式檢查單一數字會使用"\d"，有或是"[0-9]"，中括弧內可以自由地填入允許的字元，但最近發現有相反的寫法，如果要除了數字以外都允許的話，可以寫作"[^0-9]"，又或可以用"\D"來代表，用法看起來相當直覺，所以我做了"[^\D]"，這樣的結果其實和"[\d]"是一致的，可以把"^"當作是"反閘"的邏輯來想，這可能不讓人困惑，那如果是"[\d\D]"呢?，這樣會變成任何的字元都符合條件，可以想成中括弧內的字元都是用"或閘"邏輯來連結，還有一件有趣的事是通常"[\D]"可以寫作"[^0-9]"，但如果把"[\d\D]"寫成"[\d^0-9]"，會發現結果不正確!這是因為"^"要放在開頭才有效果，如果放在非開頭會判為允許"^"字元，這點請注意。
最近寫了手機號碼的正規表達式，在此做個紀錄。
在網上搜尋會達到以下
^09[\d]{8}$
不過這個病不支援以+886開頭的格式，所以我改成以下
^(09|\+886)[\d]{8}$
這是我第一次用"|"，要記得把內容用"()"區隔和後面的連續 8 個數字，並記得 +886 的"+"要在前面補一個"\"，不然會跟正規表達式的"+"混淆。
最今寫了 E-mail 的正規表達式，但上網查了一下答案遽然和我想得不太一樣，仔此把學習的過程做個紀錄。
首先我認為 E-mail 的正規表達式如下
^([a-z0-9_\.-]+)@([\da-z\.-]+)$
可以使用之前的工具 線上使用正規表達式 來驗證，如下圖
 |
| 我認為 E-mail 的正規表達式 |
但上網對了一下答案發現遽然不一樣，答案如下
^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$
前半段是一樣的，不一樣的部分在最後的部分，也就是最後的網域一定是由 2~6 的字所組成，只能說還好我有對答案，不然就只能等原本的寫法發生問題才能發現了。
[ www.fooish.com ] Regex Examples
最近想了一下正則表達式的一些應用，發現似乎沒用過它來檢查中文過，所以就抽空來研究一下，在此做個紀錄。
這次會使用到 [ coding.tools ] 正則表達式在線測試工具 來做為驗證，如何使用可以參考 線上使用正規表達式。實驗了一下發現遽然可以直接輸入，如下圖
 |
| 用正則表達式檢查中文 |
本以為這是線上工具的貼心設計，所以我實際打了個程式碼來驗證，如下
const reg = /一二/g; let s = '一二..'; console.log( reg.test(s) );//true
結果正確，真的可以直接輸入!如果要檢查所有的中文字可以用 [/u4e00-/u9faf] 來檢查一個中文字。
不知是不是我對 JavaScript 的偏見，總是認為在 JavaScript 使用中文位很麻煩，必須不斷把字串轉成字碼再搭配"\u"來表達，但現在的 JavaScript 遽然可以直接就檢查中文，真是讓我改觀了。
[ www.itread01.com ] 匹配中文字符的正則表達式： [/u4e00-/u9fa5]
每次使用正規表達式都要打程式碼會不會覺得很麻煩呢?這次介紹可以在線上使用正規表達式，而且可以馬上得到結果，不須像打程式碼還要按"Run"得到結果，在此做個紀錄。
使用的線上工具式是 [ coding.tools ] 正則表達式在線測試工具 ，使用的畫面如下
 |
| 正規表達是在線測試工具的使用畫面 |
在畫面"1"處輸入正規表達式，在畫面"2"處就是要檢查的內容，工具會把符合的結果反白，這是即時的不須按下任何的按鍵，用起來相當直覺簡單。
接著提供一些常用的技巧，如果要檢查不是多行，只是單行字串符合某種格式的的話，可以參考以下
^ *ABC *$
上述的例子會檢查去頭尾空白並且中間有"ABC"，利用"^"與"$"來放頭尾即可，如果要檢查多行的結果這就不適合，之前的 用正規表達式檢查IP 就有使用這個方法。善用"[]"來限制符合條件的字元，如果要檢查字母後有數字的結果可以使用以下
[A-Za-z]+\d+
範例限定大小字母才能符合資格，接著要搭配"+"，"+"指的是前面的結果至少出現 1 次，如果有需要還可以搭配"*"與"?"，"*"是指前面的結果出現 0 次或多次，"?"是指前面的結果出現 0 次或 1 次。如果要檢查帶有小數的數字可以用以下
\d+(.\d+)?
這次要使用"()"來包覆結果，並搭配檢查次數的"?"(檢查前面的結果出現 0 次或 1 次)。如果要檢查"()"包覆的內容可以用以下
\(.*\)
利用"\"後加特殊字元來表明"()"，範例中的"."指的是任意字元，所以".*"就可以解釋成任意字元出現 0 次或多次。
在之前的 好用的筆記軟體 Obsidian 介紹了 Obsidian ，但最近因為需要在筆記裡放上 Youtube 影片，如果使用超連結的做法會無法即時看到影片，所以就來研究如何即時看到的方法在此做個紀錄。
要即時看到 Youtube 影片的做法是先到要貼的 Youtube 影片頁面，如下圖
 |
| 按下"分享"按鍵 |
按下頁面的"分享"按鍵可以得到下圖
 |
| 按下"嵌入"按鍵 |
按下"嵌入"後可以得到下圖
 |
| 複製右側的內容 |
複製右側的內容直接貼到 Obsidian 就可以直接看到 Youtube 影片，如下圖
 |
| 結果 |
常見的文書處理軟體像 Notepad++ 處理單一文件時很好用，但如果文件與文件之間有關連性的時候就不是很好用，尤其是文件很多又有關聯性，這時候就需要用筆記軟體，筆記軟體可以輕鬆地建立關聯性，這裡推薦使用 Obsidian ，在此做個紀錄。
軟體可以在 [ obsidian.md ] Obsidian 官網 取得，完全免費並且不用註冊帳號，軟體的使用介面如下
 |
| Obsidian 的操作介面 |
操作介面不太像傳統 Windows 的樣子，但其實不難懂，畫面"1" 的位置就是功能列，可以新增檔案與資料夾，畫面"2" 的地方會顯示工作資料夾下的文件，畫面"3"的部分會顯示文件與功能視窗，每個都是浮動式窗可以自己規劃。 Obsidian 的每個文件都是".md"，不難想像他支援時下流行的 markdown 語法，如果要新增圖片可以用拖曳的方式新增， Obsidian 會自動把圖片複製一份到工作資料夾下，這功能很好用，接著是 Obsidian 特有的語法，這是為了建立關聯性而新增的，如下圖
 |
| 關聯性語法 |
畫面"1" 的地方把要關聯的文件檔名用"[["與"]]"包起來就可以建立關聯性，如果點擊畫面"2"的地方就可以直接跳到該文件，這功能就像是網站的超連結一樣相當好用。
 |
| 下載 ScreenToGif |
 |
| 開啟 ScreenToGif |
 |
| 錄影視窗 |
 |
| 編輯畫面 |
 |
| 存檔介面 |
 |
| gupinfo.org 的網頁 |
 |
| 查詢 Vulkan 的 Extension |
 |
| 查詢 AMD Radeon RX 570 series 的 Extension |
 |
| Vulkan Configuration Tool |
 |
| GPU Caps Viewer |
"*":
core:
disabledPackages: [
"wrap-guide"
"bracket-matcher"
"welcome"
]
"exception-reporting":
userId: "a8e98b83-80d4-4e7b-aa3f-f3465fae1a95"
"linter-ui-default": {}
welcome:
showOnStartup: false
"*":
core:
disabledPackages: [
"wrap-guide"
"bracket-matcher"
"welcome"
"linter-eslint"
]
"exception-reporting":
userId: "a8e98b83-80d4-4e7b-aa3f-f3465fae1a95"
"linter-ui-default": {}
welcome:
showOnStartup: false
 |
| 安裝外掛"build-make-file" |
 |
| 選擇Target |
 |
| Atom開啟設定 |
 |
| 選擇要安裝的外掛 |
 |
| node.js所需的外掛 |
 |
| 測試專案 |
 |
| 選擇要執行的Target |