是 Ray 不是 Array - 資源站

Appearance

DailyTools ​

DailyTools 是一個開發者工具集，提供 100 個常用的線上開發工具。

前往 DailyTools →

功能特色 ​

  • 100 個開發工具 - 編碼轉換、文字處理、圖片工具、網路工具等
  • 終端機風格介面 - 獨特的終端機視覺設計
  • 雙語支援 - 繁體中文與英文介面

開發日誌 ​

2026-02-08 ​

新增工具 ​

  • HTML Email 產生器 - 視覺化建立 HTML Email，第 100 個工具
    • 4 種範本（精簡、電子報、行銷、歡迎信）
    • 8 種區塊類型（Header、Hero、Text、Image、Button、Divider、Social、Footer）
    • 全域樣式設定（寬度、背景色、字型、文字色、連結色）
    • 即時預覽（桌面/手機切換）

功能改進 ​

  • 工具分類重組：由 15 類精簡為 13 類，合併相近分類，更直覺的導航體驗

2026-02-07 ​

新增工具 ​

  • HTML 速查表 - 完整 HTML 參考手冊
    • 涵蓋 HTML 元素、全域屬性、事件屬性、語意標籤最佳實踐
    • 支援即時搜尋與分類篩選，程式碼範例一鍵複製
  • GitHub README 產生器 - 快速產生 GitHub 專案 README
    • 4 種範本（精簡、完整、函式庫 / npm、CLI 工具）
    • 16 種可切換區塊，完整 Badge 產生器
    • 即時 Markdown 輸出與 GitHub 風格預覽

2026-02-06 ​

新增工具 ​

  • Dockerfile 產生器 - 視覺化建立 Dockerfile，支援多種語言模板
    • 支援 Node.js、Python、Go、Java、Rust、Nginx、PHP、Deno 八種模板
    • 多階段構建、健康檢查、非 Root 使用者設定
    • 即時預覽、複製、下載 Dockerfile
  • 程式碼美化 / 壓縮 - JavaScript、CSS、HTML、JSON 程式碼美化與壓縮
    • 美化模式可設定縮排大小，壓縮模式移除註解與多餘空白
  • JSON Schema 產生器 - 從 JSON 資料自動推斷並產生 JSON Schema
    • 支援巢狀物件、陣列推斷，可設定 required 與 additionalProperties
  • CSS Box Shadow 產生器 - 視覺化調整 box-shadow 參數，即時預覽效果
    • 支援多層陰影疊加、inset 內陰影，6 組預設樣式
  • 圖片色彩提取器 - 從圖片提取主要色彩，產生色票與色碼
    • 可設定提取數量（3-12 個），支援 HEX、RGB、HSL 格式
    • 匯出為 CSS 變數、JSON、Tailwind 設定格式
  • OG Meta 產生器 - 填寫 Open Graph 屬性，即時預覽各平台分享卡片外觀
    • 支援基本 OG 標籤、Twitter Card、Article 專屬欄位、進階設定
    • 即時預覽 Facebook、Twitter/X、LinkedIn、Discord、Slack 五個平台
    • 產生 <meta> HTML 標籤，一鍵複製
  • Pug ↔ HTML 雙向轉換器 - Pug 與 HTML 雙向轉換
    • 支援 Class/ID 縮寫、屬性、內聯文字、縮排巢狀、自閉合標籤、註解等語法
    • HTML → Pug 支援隱式 div、dot block、混合內容轉換

功能改進 ​

  • HTML ↔ JSX 轉換器升級為雙向轉換，新增 JSX → HTML 反向轉換功能
    • 屬性名稱轉換（class ↔ className、for ↔ htmlFor 等）
    • style 屬性、事件屬性、自閉合標籤、HTML 註解、布林屬性皆可雙向轉換

2026-02-05 ​

新增工具 ​

  • 簡繁體轉換 - 簡體與繁體中文互轉，支援台灣與香港用語
    • 詞彙級轉換：支援地區用語差異（如：軟體/软件、資料/数据）
    • 即時轉換、一鍵交換輸入/輸出
  • Discord Embed 產生器 - 視覺化建立 Discord Embed 訊息
    • 即時預覽模擬 Discord 深色主題外觀
    • 支援作者、圖片、頁尾、欄位等完整屬性設定
    • 產生 Discord Webhook 可直接使用的 JSON 格式
    • 4 種預設範例模板（公告、專案資訊、遊戲狀態、錯誤通知）

功能改進 ​

  • JSON 格式化工具新增 5 種範例（基本物件、陣列資料、巢狀結構、API 回應、package.json）

2026-02-04 ​

新增工具 ​

  • React vs Vue 比較 - 視覺化比較 React 與 Vue 的差異
    • 響應式系統比較：展示 Vue 的 Proxy 細粒度追蹤 vs React 的 setState 觸發機制
    • Virtual DOM Diff 視覺化：4 種互動情境（列表重排、新增/刪除節點、屬性變更）
    • 步驟動畫呈現 diff 過程，展示 key 的重要性
  • 系統架構圖產生器 - 拖放式系統架構圖編輯器
    • 4 種預設模板：微服務、三層架構、事件驅動、Serverless
    • 雙擊節點文字可直接編輯名稱，hover 顯示刪除按鈕
    • 自訂邊線元件支援標籤編輯
    • 匯出 Mermaid / SVG / PNG
  • 資料庫 Schema 視覺化 - 視覺化資料庫結構
    • 支援 SQL DDL 與 JSON Schema 解析
    • 自動偵測關聯類型（一對一、一對多、多對多）
    • 生成 Mermaid ER 圖，匯出 SVG / PNG

功能改進 ​

  • 工具分類調整：由 9 類擴展為 14 類，更容易找到需要的工具

問題修復 ​

  • 修正 Mermaid 編輯器背景下載與字體問題

2026-02-03 ​

新增工具 ​

功能改進 ​

問題修復 ​

  • 修正多個工具的使用說明區塊在輸入內容後消失的問題
  • 修正 CSS → TailwindCSS 多規則塊合併問題

2026-02-02 ​

新增工具 ​

2026-01-31 ​

新增工具 ​

  • CSS Animation 產生器 - 視覺化建立 CSS 動畫效果
    • 14 種預設動畫效果（淡入、淡出、滑動、縮放、旋轉、彈跳等）
    • 視覺化關鍵幀編輯器，時間軸顯示關鍵幀位置
    • 即時預覽動畫效果（播放/暫停/重播）
  • 圖片格式轉換 - PNG、JPEG、WebP、GIF、BMP 格式互轉
    • 品質調整、背景色設定、即時預覽
  • Favicon 產生器 - 上傳圖片產生各尺寸 favicon
    • 支援圖片上傳、文字圖示、Emoji 三種來源
    • 自動產生 6 種標準尺寸，可下載 ICO 或 ZIP 打包
  • Array Playground - 互動式 JavaScript 陣列方法學習工具
    • 支援 30+ 種陣列方法，即時執行並顯示結果
    • 執行步驟可視化，追蹤每個元素的處理過程

功能改進 ​

  • 正則表達式測試器 新增視覺化功能，以樹狀結構顯示正則表達式
  • 工具分類調整：「前端開發」拆分為「CSS 樣式」、「JavaScript」、「DevOps / Git」三個分類

2026-01-27 ​

新增工具 ​

  • GitHub Actions 生成器 - 視覺化建立 GitHub Actions 工作流程
    • 完整觸發條件支援：push、pull_request、release、schedule、workflow_dispatch 等
    • Jobs 與 Steps 編輯器，支援 needs 依賴關係
    • 常用 Actions 快捷選擇（checkout、setup-node、cache 等）
    • 範本系統：Node.js CI、Docker Build & Push、Release & Publish
    • 視覺化模擬：DAG 依賴關係圖 + 執行流程動畫
  • Git 練習工具 - 視覺化 Git 指令模擬器，適合初學者學習
    • 四區域視覺化：Working Directory、Staging Area、Local Repository、Remote Repository
    • 支援基礎、分支、遠端、進階指令
    • 17 個教學關卡（基礎篇、分支篇、遠端篇、進階篇）
    • 「自由練習」與「教學模式」Tab 切換
    • 每個關卡提供解答與完成提示

2026-01-26 ​

新增工具 ​

功能改進 ​

  • JWT 解碼器 新增範例 JWT 按鈕，修正 Claims 欄位翻譯
  • 路由滾動行為優化：支援瀏覽器返回時恢復滾動位置、錨點連結平滑滾動

2026-01-25 ​

功能改進 ​

  • i18n 國際化 Phase 7：完成 22 個模組的 composable 重構
  • 錯誤訊息改為翻譯 key，提升多語言支援品質
  • 1307 個測試全部通過

2026-01-24 ​

新增工具 ​

功能改進 ​

  • API 測試工具新增請求歷史記錄、檔案上傳、環境變數功能
  • i18n 國際化 Phase 1-6 完成：支援繁體中文與英文雙語介面
  • 52 個頁面 SSG 預渲染

2026-01-23 ​

新增工具 ​

改進 ​

  • 全新終端機風格介面
  • SEO 優化
  • 新增 CNAME 檔案解決 GitHub Pages 部署問題

2026-01-22 ​

首批 12 個工具上線：

是 Ray 不是 Array - 資源站

Copyright © 2024-present Ray