App Hub

職場

工作/生活交界的實用小工具。

工作天倒數器

把「N 個工作天」換算成確切日期,可自訂假日清單。

時間職場#business-days#deadline#shipping#refund
Open →

JSON 格式化工具

在本機格式化或壓縮 JSON;解析錯誤提供行列提示;可複製輸出或分享連結。純前端 MVP。

職場#json#formatter#prettify#minify#developer
Open →

JSON 格式化(Prettify)

在本機格式化或壓縮 JSON;可選 key 排序;可複製輸出或分享連結。純前端 MVP。

職場#json#formatter#prettify#minify#developer
Open →

CSV 轉 JSON

在本機把 CSV 轉成 JSON(可選第一列為欄位名、分隔符、引號)。可複製 JSON 或分享連結。純前端 MVP。

職場#csv#json#converter#developer#data
Open →

TSV 轉 JSON

在本機把 TSV(Tab 分隔)轉成 JSON(可選第一列為欄位名、引號)。可複製 JSON 或分享連結。純前端 MVP。

職場#tsv#json#converter#developer#data#tab-separated-values
Open →

JSON 轉 CSV

在本機把 JSON 轉成 CSV(可展平巢狀 key、分隔符、引號)。可複製 CSV 或分享連結。純前端 MVP。

職場#json#csv#converter#developer#data
Open →

JSON 差異比較

在本機比較兩份 JSON:顯示新增/刪除/變更的路徑,可輸出易讀文字或 JSON Patch(RFC 6902)。可複製結果或分享連結。

職場#json#diff#compare#developer#debug
Open →

JSON Schema 驗證器

在本機用 JSON Schema 驗證 JSON:顯示清楚的錯誤路徑;可複製結果或分享連結。純前端 MVP。

職場#json#json-schema#validator#developer#debug
Open →

Cron 解析器

在本機解析 5 欄 Cron 表達式並預覽接下來的執行時間(本機或 UTC)。可複製結果或分享連結。

時間職場#cron#crontab#schedule#parser#preview#developer
Open →

JSON 轉 YAML

在本機把 JSON 轉成 YAML(可選 key 排序、全部加引號)。可複製輸出或分享連結。純前端 MVP。

職場#json#yaml#converter#developer
Open →

YAML 轉 JSON

在本機把 YAML 轉成 JSON(可選美化輸出、key 排序)。可複製輸出或分享連結。純前端 MVP。

職場#yaml#json#converter#developer
Open →

Base64 編碼/解碼

在本機做 Base64 編碼/解碼(支援 URL-safe 與可選不補 =)。顯示 byte 大小;可複製輸出或分享連結。純前端 MVP。

職場#base64#encode#decode#url-safe#developer
Open →

Base64 編碼/解碼(文字 + 檔案)

在本機做 Base64 編碼/解碼,並支援檔案 ↔ Base64 data URL 轉換。可複製輸出或從 Base64 下載檔案;文字模式可分享連結。純前端 MVP。

職場#base64#encode#decode#data-url#file#developer
Open →

URL 編碼/解碼

在本機做 URL 編碼/解碼(encodeURIComponent/encodeURI)。支援「+ 當空白」的 query string 解碼;可複製輸出或分享連結。純前端 MVP。

職場#url#encode#decode#percent-encoding#query-string#developer
Open →

MD5 計算器

在本機計算文字的 MD5(hex + Base64)。可複製結果或分享連結;並附安全提醒。純前端 MVP。

職場#md5#hash#checksum#digest#crypto
Open →

SHA-1 計算器

在本機計算文字的 SHA-1(hex + Base64)。可複製結果或分享連結;並附安全提醒。純前端 MVP。

職場#sha1#sha-1#hash#checksum#digest#crypto
Open →

SHA-256 計算器

在本機計算文字的 SHA-256(hex + Base64)。可複製結果或分享連結。純前端 MVP。

職場#sha256#sha-256#hash#checksum#crypto
Open →

SHA-512 計算器

在本機計算文字的 SHA-512(hex + Base64)。可複製結果或分享連結。純前端 MVP。

職場#sha512#sha-512#hash#checksum#crypto
Open →

SHA3-256 計算器

在本機計算文字的 SHA3-256(hex + Base64)。可複製結果或分享連結。純前端 MVP。

職場#sha3#sha3-256#sha-3#hash#checksum#crypto
Open →

JWT 解碼器

在本機解碼 JWT,查看 header 與 payload JSON;顯示常見 claims,並把 iat/nbf/exp 轉成日期。可複製 JSON 或分享連結。不做簽章驗證。純前端 MVP。

職場#jwt#json-web-token#token#decode#developer#security
Open →

JWT 產生器

在本機編輯 header/payload JSON 產生 JWT(HS256 或 none)。顯示 base64url 分段;可複製 token 或分享連結。純前端 MVP。

職場#jwt#json-web-token#token#encode#sign#hs256
Open →

HTTP 狀態碼查詢

用代碼或關鍵字查 HTTP 回應狀態碼(1xx–5xx),可篩選、複製與分享連結。純前端 MVP。

職場#http#status-codes#developer#api#debugging#redirect
Open →

curl 轉 Fetch

把 curl 指令轉成 JavaScript fetch() 範例。純前端字串轉換(不會送出請求),可複製輸出或分享連結。MVP。

職場#curl#fetch#javascript#api#http#headers
Open →

通知期到期日計算器

通知期/預告期怎麼算?支援日曆天/工作天/週/月,含週末與自訂假日,並把起算規則講清楚。

時間職場#notice-period#resignation#deadline#business-days
Open →

時區重疊時間規劃器

選日期與 2–6 個時區,設定每個人的可用時段,快速找出大家都方便的重疊時間(含夏令時間、可分享)。

時間職場#timezones#meeting#overlap#scheduler#remote-work
Open →

房租按天計算器(Prorate)

月中入住/退租怎麼算?用不同算法算出按天房租。

金錢職場#rent#prorate#move-in#move-out
Open →

食譜熱量計算器(按重量)

輸入每個食材的克數與每 100g 熱量,算出總熱量、每份熱量與成品每 100g 熱量。

職場#calories#recipe#nutrition#meal-prep
Open →

通勤成本計算器

估算每天/每月/每年的通勤成本:油錢或車資 + 通勤時間(可選時間換算)。

金錢職場#commute#cost#fuel#transit#time
Open →

加權平均計算器

輸入多筆(數值×權重),一鍵算出加權平均、權重總和與加權總和。適用成績、平均成本等。可分享連結、純前端。

金錢職場#weighted-average#average#cost-basis#grades
Open →

損益兩平點計算器

用固定成本、變動成本與售價,算出損益兩平件數與營收;也可加上目標利潤。可分享連結、純前端。

金錢職場#break-even#profit#fixed-cost#variable-cost#margin
Open →

時間分區規劃(Time blocking)

輸入開始時間與任務清單(分鐘),一鍵產生可複製/可分享的時間分區時段表。MVP、純前端。

時間職場#time-blocking#time-block#schedule#planner
Open →

時區時差(時間換算)

快速查看兩地現在幾點、此刻的時差(含夏令時間),並把某個時間從一地換算到另一地。可分享連結、純前端。

時間旅行職場#time-zone#time-difference#utc-offset#dst#converter
Open →

兩日期之間工作日天數

計算兩個日期之間有幾個工作日:可選週末規則、可排除自訂假日,並決定是否包含起迄日。可分享連結、純前端。

時間職場#working-days#weekdays#date-range#holidays
Open →

倒數計時(距離日期時間)

選目標日期/時間與時區(含夏令時間),顯示精確目標時刻與剩餘時間,並可複製摘要/分享連結。純前端。

時間職場旅行#countdown#deadline#timer#time-zone#dst
Open →

年薪 ↔ 時薪換算器

輸入每週工時與每年週數,一鍵把年薪換算成時薪(也可反算)。可分享連結、純前端。

金錢職場#salary#hourly-rate#pay#wage#calculator
Open →

稅後薪資(淨薪)計算器(簡化版)

用「稅率 + 扣款」從稅前薪資快速估算稅後薪資(淨薪),可分享連結、純前端 MVP。

金錢職場#paycheck#take-home-pay#net-pay#tax#withholding#deductions
Open →

油漆用量計算器

用面積、層數與覆蓋率(加上耗損預留)估算油漆用量。支援公制/英制,可分享連結、純前端。

職場#paint#coverage#area#coats#calculator
Open →

日期加減計算器

日期+/- N 天/週/月/年;可選工作日模式(略過週末+自訂假日)。可分享連結、純前端。

時間職場#date#add#subtract#business-days#deadline
Open →

開會時段投票表(簡易版)

貼上多個時段選項,選擇你的「可/也許/不行」,一鍵複製摘要回群組。可分享連結、純前端 MVP。

時間職場#meeting#poll#schedule#availability#when2meet
Open →

QR Code 產生器

把文字/網址/Wi‑Fi 變成 QR Code;可下載 PNG、可複製分享連結,純前端 MVP。

職場#qr#qrcode#wifi#url#text
Open →

QR Code 產生器(PNG/SVG)

把文字/網址/Wi‑Fi 變成 QR Code;可下載 PNG/SVG、可複製分享連結,純前端 MVP。

職場#qr#qrcode#qr-code#generator#wifi#url
Open →

文字大小寫/命名風格轉換器

把文字轉成全大寫/全小寫/Title Case,並可將命名轉成 camelCase/snake_case/kebab-case,順手清理空白與換行。可分享連結、純前端 MVP。

職場#text#case#uppercase#lowercase#snake_case#camelCase
Open →

番茄鐘

簡單番茄鐘:可自訂工作/短休/長休、可選嗶聲提示、支援分享連結。純前端 MVP。

時間職場#pomodoro#timer#focus#deep-work
Open →

密碼強度檢查器

在本機檢查密碼強度:估算熵、標記常見弱點模式,並用不同攻擊模型粗略推算暴力破解時間。純前端 MVP。

職場#password#security#privacy#entropy
Open →

UUID 產生器

在瀏覽器本機產生 UUID v4:可選大小寫、連字號、包裝格式;一次產生多筆並可複製/分享。純前端 MVP。

職場#uuid#guid#id#generator
Open →

UUID 檢查/正規化

在瀏覽器本機驗證並正規化 UUID(v1–v8):辨識版本/variant,支援大括號/URN/無連字號輸入,並可複製/分享結果。純前端 MVP。

職場#uuid#guid#validate#normalize#rfc4122#developer
Open →

UUIDv7 產生器

在瀏覽器本機產生 UUID v7(可依時間排序)。可批次產生、選擇大小寫/連字號/包裝格式,並解析內含時間戳;可複製/分享。純前端 MVP。

職場#uuid#uuidv7#id#identifier#generator#timestamp
Open →

UUIDv7 解析器

在瀏覽器本機解析 UUID v7:讀出內含(毫秒)時間戳、檢查版本/variant,並可複製或分享結果。純前端 MVP。

職場#uuid#uuidv7#id#identifier#parser#timestamp
Open →

Snowflake ID 解碼器

在瀏覽器本機解碼 64-bit Snowflake:讀出內含時間戳與各 bit 欄位。內建 Twitter/X 與 Discord 預設,也支援自訂 layout;可複製/分享結果。純前端 MVP。

職場時間#snowflake#discord#twitter#id#identifier#timestamp
Open →

ULID 產生器

在瀏覽器本機產生 ULID(可依時間排序的 ID),也可把 ULID 解碼成時間戳(UTC)。可複製結果或分享連結。純前端 MVP。

職場#ulid#id#identifier#generator#timestamp
Open →

Nano ID 產生器

在瀏覽器本機產生 nanoid 風格的短 ID:可選長度與字元集(含自訂),可批次產生並可複製/分享連結。純前端 MVP。

職場#nanoid#id#identifier#generator#random
Open →

URL 編碼/解碼

在本機做 URL 百分比編碼/解碼(percent-encoding):支援 encodeURIComponent/encodeURI、解碼時可選 + 當空白、並可解析 querystring。可複製輸出或分享連結。純前端 MVP。

職場#url-encode#url-decode#percent-encoding#querystring#encodeuricomponent
Open →

Regex 轉義(escape)

把一般文字轉成可安全放進正則表達式 pattern 的格式;支援輸出 JS / Python / PCRE 的常見包裝形式。可複製輸出或分享連結。純前端 MVP。

職場#regex#regexp#escape#metacharacters#developer
Open →

正規表示式測試器

在本機用 JavaScript RegExp 測試文字:輸出 match 與 groups 的 JSON,支援複製結果與分享連結。純前端 MVP。

職場#regex#regexp#tester#match#groups#javascript
Open →

UTM 參數產生器

從基礎網址快速產生帶 UTM 的活動連結;可解析既有 UTM 連結、加入額外 query 參數、複製結果或分享連結。純前端 MVP。

職場#utm#campaign#marketing#google-analytics#tracking#url
Open →

會議議程產生器

用議題清單與總分鐘數快速產出「時間盒」會議議程範本;可複製輸出或分享連結。純前端 MVP。

職場#meeting#agenda#template#timeboxing#sync#notes
Open →

色彩對比度檢查器(WCAG)

檢查文字/背景的 WCAG 對比度:支援 HEX/RGB、AA/AAA 判斷、預覽,以及可分享連結。純前端 MVP。

職場#color#contrast#wcag#accessibility#a11y
Open →

色彩選取/轉換(HEX/RGB/HSL)

HEX/RGB/HSL 互轉,附快速對比度(黑/白)檢查、可複製的 CSS 片段與可分享連結。純前端 MVP。

職場#color#hex#rgb#hsl#css#design
Open →

字數統計器

統計字數、字元、行數、UTF-8 位元組與閱讀時間;可選擇去除/合併空白。可複製摘要或分享連結。純前端 MVP。

職場#word-count#character-count#reading-time#text
Open →

Slugify(文字→網址 slug)

把文字轉成 URL 友善的 slug(kebab-case):可選分隔符、是否轉小寫、是否保留非 ASCII(Unicode)字元。可複製輸出或分享連結。純前端 MVP。

職場#slug#slugify#kebab-case#url#seo#filename
Open →

文字大小寫轉換器

把文字轉成 UPPER/lower/標題式/句首大寫、camelCase、snake_case、kebab-case。可複製輸出或分享連結。純前端 MVP。

職場#case-converter#uppercase#lowercase#title-case#camelcase#snake_case
Open →

文字行編號器

在本機替文字逐行加上行號:可選起始值、補零位數、分隔符與忽略空行。可複製輸出或分享連結。純前端 MVP。

職場#text#lines#line-numbers#numbering#formatting#nl
Open →

文字行排序器

把文字逐行排序(A→Z / Z→A),可選忽略大小寫、去除前後空白、忽略空行與去重。可複製輸出或分享連結。純前端 MVP。

職場#text#lines#sort#dedupe#unique#cleanup
Open →

文字行去重器

把文字逐行去重,可選忽略大小寫、去除前後空白、忽略空行;支援保留原順序或排序後去重。可複製輸出或分享連結。純前端 MVP。

職場#text#lines#dedupe#unique#cleanup#list
Open →

移除重複行(文字)

把文字逐行去重,可選保留第一次或最後一次出現(維持原順序),並支援忽略大小寫、去除前後空白、忽略空行。可複製輸出或分享連結。純前端 MVP。

職場#text#lines#dedupe#unique#cleanup#keep-last
Open →

移除重複單字(文字)

把文字中的單字去重(以每一行為單位)。可選保留第一次或最後一次出現(維持原順序),並支援忽略大小寫與去除前後空白。可複製輸出或分享連結。純前端 MVP。

職場#text#words#dedupe#unique#cleanup#writing
Open →

文字行隨機打亂器

把文字逐行隨機打亂,可選去除前後空白、忽略空行與打亂後去重;可填 seed 讓結果可重現。可複製輸出或分享連結。純前端 MVP。

職場#text#lines#shuffle#random#seed#list
Open →

Markdown 轉 HTML

把 Markdown 轉成 HTML,並提供安全預覽(輸入中的 HTML 會被跳脫)。可複製 HTML 或分享連結。純前端 MVP。

職場#markdown#html#converter#renderer#preview
Open →

CSS 壓縮 / 美化

在瀏覽器內把 CSS 壓縮或排版美化(可選擇移除註解)。可複製輸出或分享連結。純前端 MVP。

職場#css#minify#prettify#formatter#developer
Open →

IP 子網計算器

輸入 IPv4 + CIDR,計算子網資訊:網路位址、廣播位址、子網遮罩、萬用遮罩、總/可用位址數與可用範圍。可複製或分享連結。純前端 MVP。

職場#ip#ipv4#subnet#cidr#subnet-mask#network
Open →

SHA-256 雜湊

在瀏覽器內計算 SHA-256 雜湊(hex 或 Base64)。可複製輸出或分享連結。純前端 MVP。

職場#sha256#sha-256#hash#checksum#digest#web-crypto
Open →

HMAC 產生器

在瀏覽器內計算 HMAC-SHA256 / HMAC-SHA512(hex/Base64)。可複製結果或分享連結。純前端 MVP。

職場#hmac#sha256#sha512#signature#mac#web-crypto
Open →

密碼產生器

在瀏覽器內產生強密碼:可選長度與字元集合、避開易混淆字元,並支援複製或分享連結。純前端 MVP。

職場#password#generator#security#random#crypto
Open →

單位換算器

在瀏覽器內換算長度單位(mm, cm, m, km, 英吋, 英尺, 碼, 英里)。可複製結果或分享連結。純前端 MVP。

職場#unit-converter#length#mm#cm#meter#km
Open →

URL 解析器

把 URL 拆成協定/主機/路徑/query/hash。查詢參數可表格化或輸出 JSON。可複製或分享連結。純前端 MVP。

職場#url#parser#querystring#developer#http
Open →

Unicode 檢視器

把文字拆成 Unicode code point(U+XXXX)、UTF-16 code unit、UTF-8 bytes,並顯示正規化(NFC/NFD/NFKC/NFKD)。可複製或分享連結。純前端 MVP。

職場#unicode#text#encoding#utf-8#utf-16#normalize
Open →

Lorem ipsum 產生器

依「字詞/句子/段落」產生 Lorem ipsum 假文。可複製結果或分享連結。純前端 MVP。

職場#lorem#lorem-ipsum#placeholder#dummy-text#copywriting#design
Open →

Querystring ↔ JSON 轉換器

在本機把 URL querystring ↔ JSON 互轉(重複 key 會變陣列,也支援 a[]=1&a[]=2)。可複製輸出或分享連結。純前端 MVP。

職場#querystring#url#json#converter#developer#urlsearchparams
Open →

HTML 轉義 / 反轉義

在本機把文字做 HTML entity 轉義/反轉義(& < > " ' → &amp; &lt; &gt; &quot; &#39;)。可複製輸出或分享連結。純前端 MVP。

職場#html#escape#unescape#entities#xss#developer
Open →

MAC 位址產生器

在本機產生隨機 MAC 位址,可控制分隔符/大小寫,並可調整第一個 byte 的常見位元(單播、本機管理)。可複製輸出或分享連結。純前端 MVP。

職場#mac-address#network#wifi#ethernet#random#generator
Open →

Luhn 檢查器

用 Luhn 演算法驗證數字(信用卡、IMEI 等),也可計算檢查碼。純前端、可複製結果或分享連結。

職場金錢#luhn#checksum#credit-card#imei#validator
Open →

文字去共同縮排(Dedent)

移除多行文字的共同前置縮排(dedent)。可選:去除首尾空白行、Tab 轉空白(可調整 Tab 寬度)。可複製輸出或分享連結。純前端 MVP。

職場#text#dedent#indentation#format#code#cleanup
Open →

文字去空白/空格整理(Trim)

去除空白並整理多餘空格。可選:整段去首尾、每行去首尾、合併多餘空白、保留換行。可複製輸出或分享連結。純前端 MVP。

職場#text#whitespace#trim#normalize#cleanup
Open →

文字去重(逐行)

移除多行文字中的重複行並保留原順序。可選:每行 trim、忽略大小寫、忽略空白行。可複製輸出或分享連結。純前端 MVP。

職場#text#unique#dedupe#lines#remove-duplicates
Open →

文字行排序(Sort)

將多行文字排序(A→Z / Z→A)。可選:數字排序、忽略大小寫、trim、忽略空行、去重。可複製輸出或分享連結。純前端 MVP。

職場#text#sort#lines#alphabetical#numeric#dedupe
Open →

文字行反轉(Reverse)

將多行文字的行順序反轉(上 ↔ 下)。可選:每行 trim、忽略空行。可複製輸出或分享連結。純前端 MVP。

職場#text#reverse#lines#order#flip
Open →

文字行隨機排序(Shuffle)

將多行文字隨機打亂排序(shuffle)。可選:每行 trim、忽略空白行、去重、seed。可複製輸出或分享連結。純前端 MVP。

職場#text#shuffle#random#lines#seed#draw
Open →

文字行抽樣(Sample)

從多行文字中抽樣 N 行。可選:每行 trim、忽略空白行、可重複抽樣(with replacement)、seed。可複製輸出或分享連結。純前端 MVP。

職場#text#sample#random#lines#seed#draw
Open →

文字換行(Wrap lines)

把每一行文字換行到指定寬度。可選:每行 trim、忽略空白行、長字串硬切。可複製輸出或分享連結。純前端 MVP。

職場#text#wrap#word-wrap#line-wrap#format
Open →

文字分割(Split)

把文字依分隔符拆成清單:換行/逗號/Tab/任何空白/自訂。可選:去首尾空白、移除空項目、輸出為逐行或 JSON。可複製輸出或分享連結。純前端 MVP。

職場#text#split#delimiter#list#csv#newline
Open →

字元數統計(Character Counter)

統計文字的字元數與 UTF-8 bytes。可選計數單位:JS length(UTF-16 code units)/Unicode code points/Grapheme clusters(視覺字元)。可複製結果或分享連結。純前端 MVP。

職場#text#character-count#char-count#utf-8#bytes#emoji
Open →

文字轉 URL Slug(Slugify)

把文字轉成乾淨的 URL slug。可選:ASCII/Unicode 模式、小寫、分隔符、最大長度。可複製輸出或分享連結。純前端 MVP。

職場#text#slug#slugify#url#seo#permalink
Open →

Lorem Ipsum 佔位文字產生器

產生 Lorem Ipsum 佔位文字(段落/句子/單字)。可選 seed 重現同樣輸出。可複製或分享連結。純前端 MVP。

職場#text#lorem#lorem-ipsum#placeholder#dummy-text#copy
Open →

Markdown 表格格式化

格式化 Markdown 表格:欄位對齊、正規化分隔線(--- / :--- / ---: / :---:),並可選去除儲存格空白。可複製輸出或分享連結。純前端 MVP。

職場#text#markdown#table#formatter#align#readme
Open →

文字表格格式化

把純文字表格的欄位對齊成等寬表格(空白)。支援自動偵測分隔符(Tab / 2+ 空白)、可選去除儲存格空白、數字靠右、欄位間距調整;可複製輸出或分享連結。純前端 MVP。

職場#text#table#formatter#align#tsv#fixed-width
Open →

字數/詞數統計(Word Counter)

統計文字的詞數、字元數、行數、段落數。可選:忽略空白行;中日韓粗略計數模式。可複製結果或分享連結。純前端 MVP。

職場#text#word-count#character-count#line-count#paragraph
Open →

文字合併成一行(Join)

把多行文字合併成一行:可選分隔符(空格/逗號/Tab/自訂)、每行去首尾空白、忽略空白行。可複製輸出或分享連結。純前端 MVP。

職場#text#join#lines#delimiter#list#format
Open →

文字尋找/取代

在本機做文字尋找/取代(純文字或正則),顯示取代次數,可複製輸出或分享連結。純前端 MVP。

職場#text#find#replace#regex#editor#utility
Open →

文字折行/換行

把文字依指定欄寬折行。可保留單字或強制斷行。可複製輸出或分享連結。純前端 MVP。

職場#text#wrap#word-wrap#line-break#formatting
Open →

文字行反轉

反轉行順序(像 tac)或反轉每行字元。可複製輸出或分享連結。純前端 MVP。

職場#text#reverse#lines#tac#utility
Open →

JSON Lines(JSONL)檢視器

逐行驗證與檢視 JSONL/NDJSON,錯誤會標示行號。可複製輸出或分享連結。純前端 MVP。

職場#jsonl#ndjson#json-lines#logs#validator
Open →

移除空白行(文字)

移除文字中的空白行;可先 trim 再判斷空行,並可選擇段落間保留單一空行。可複製輸出或分享連結。純前端 MVP。

職場#text#cleanup#whitespace#blank-lines#formatting
Open →