Visitar URL original
Oba Yang｜前端開發與軟體工具接案
Oba Yang

OBA YANG / 歐巴羊

前端開發、軟體工具
與 Live2D／Spine 動畫整合 Front-end development, software tools
and Live2D / Spine integration

我是一名獨立開發者，專門製作開發者工具、離線優先的網頁應用，以及 2D 動畫的播放與整合。作品皆開源，可以直接試用與檢視程式碼。 I am an independent developer who builds developer tools, offline-first web apps, and playback and integration for 2D animation. My work is open source, so you can try it and read the code.

委託我Hire me 看作品See my work
Oba Yang OPEN FOR WORK

01 / WORKS

作品Work

以下專案都公開在 GitHub，並提供線上試用或 npm 套件。 All of these projects are public on GitHub, with a live demo or an npm package.

Spine Asset Inspector

Spine Asset Inspector

在瀏覽器中離線預覽、除錯與匯出 Spine 2D 骨架動畫，支援混合調整、Skin 組合、事件監看與 PNG／WebM 匯出。 Preview, debug and export Spine 2D skeletal animations offline in the browser, with mix tuning, skin composition, event monitoring and PNG / WebM export.

ReactWebGLTypeScript
線上試用Live demo GitHub
sqlpane

sqlpane

離線的瀏覽器 SQL 工作台：拖進 CSV、Excel、Parquet、SQLite 或 MySQL／SQL Server 匯出檔，直接用 SQL 查詢與畫圖，資料不離開電腦。 An offline SQL workbench in the browser: drop in CSV, Excel, Parquet, SQLite or a MySQL / SQL Server dump, then query and chart it without uploading anything.

DuckDB-WASMReactPWA
線上試用Live demo GitHub
layerdesk

layerdesk

離線的 PSD 圖層編輯器：在瀏覽器打開 PSD，拖曳、縮放、旋轉、整理圖層後存回 PSD，並檢查匯入 Live2D 或 Spine 前的拆件問題。 An offline PSD layer editor: open a PSD in the browser, move, scale, rotate and organize layers, save it back, and check the parts before importing into Live2D or Spine.

PSDCanvasPWA
線上試用Live demo GitHub
hexsleuth

hexsleuth

讓 AI 代理從樣本檔推導未知的二進位檔案格式，產出規格書、Kaitai Struct 定義、解析程式與測試，每個結論都附上證據。 Lets AI agents work out unknown binary file formats from sample files, and emits a specification, a Kaitai Struct definition, a parser and tests, each backed by evidence.

MCPCLInpm
npm GitHub
zhtw-guard

zhtw-guard

找出專案、文件與 AI 回覆中混入的簡體字、大陸用語與編碼問題，提供命令列工具、GitHub Action 與 AI 代理 hook。 Finds Simplified characters, Mainland terms and encoding problems in projects, docs and AI replies. Ships as a CLI, a GitHub Action and agent hooks.

CLIGitHub Actionnpm
npm GitHub
Dev Workbench

Dev Workbench

離線優先的開發者工具箱：JSON、正規表達式、JWT、Diff、編碼轉換與 WebSocket 除錯集中在一個分頁，資料不離開瀏覽器。 An offline-first developer toolbox: JSON, regex, JWT, diff, encoders and WebSocket debugging in one tab, and nothing leaves the browser.

ReactPWATypeScript
線上試用Live demo GitHub
Web Mock Studio

Web Mock Studio

在瀏覽器內模擬 API：以 Service Worker 攔截請求、由範例 JSON 反推 Schema 並產生假資料，不需要架設伺服器。 Mock APIs in the browser: intercept requests with a Service Worker, infer a schema from sample JSON and generate data, with no server to run.

Service WorkerTypeScript
線上試用Live demo GitHub

開源貢獻Open source contributions

個已合併merged 展開Show
  • EasyLive2D/live2d-py #149 ：修正 Live2D v3 模型缺少或無法解碼貼圖時程式閃退 : fix a crash when a Live2D v3 texture is missing or cannot be decoded 已合併Merged
  • CherryHQ/cherry-studio #21954 ：修正中日韓文字檔被誤判為二進位檔而無法讀取 : stop CJK text files from being detected as binary 已合併Merged
  • dexie/Dexie.js #2353 ：修正 liveQuery 取消訂閱後，被中止的查詢仍丟出錯誤 : ignore errors from aborted liveQuery runs after unsubscribe 已合併Merged
  • Kitware/vtk-js #3687 ：修正鍵盤控制 3D 相機範例執行時報錯 : fix errors in the KeyboardCameraManipulator example 已合併Merged
  • holistics/dbml #1009 ：修正解析資料庫索引時欄位順序被打亂 : keep the written order of index columns when parsing 已合併Merged
  • ThatOpen/engine_components #835 ：修正 BIM 3D 引擎初始化參數的型別定義 : type FragmentsManager.init options correctly 已合併Merged
  • ormar-orm/ormar #1865 ：修正 Python ORM 用排除條件查詢時，多筆結果沒有回報錯誤 : make get() after exclude() report multiple matches 已合併Merged
  • greggman/twgl.js #246 ：修正 WebGL 函式庫的 TypeScript 型別定義，讓 v3、m4 等模組可以正常引用 : emit declare namespace for v3, m4 and primitives in the TypeScript definitions 已合併Merged
  • pycollada/pycollada #166 ：修正 3D 模型格式 COLLADA 檔案含註解時讀取失敗 : drop XML comments and processing instructions when parsing COLLADA files with lxml 已合併Merged
  • dcmjs-org/dcmjs #610 ：修正醫療影像 DICOM 檔案寫入小數時，科學記號的指數被截掉 : format DS numbers to 16 characters instead of cutting off the exponent 已合併Merged
  • AlaSQL/alasql #2602 ：修正 JavaScript SQL 資料庫快取碰撞，兩句不同的 SQL 會拿到同一個結果 : key the statement cache on the SQL text instead of its hash 已合併Merged
  • moeru-ai/airi #3026 ：修正 AI 虛擬角色桌面版在設定視窗試聽 Kokoro 語音時報錯 : load the Kokoro TTS model in the window that generates speech 已合併Merged
  • mozman/ezdxf #1449 ：修正 CAD 圖檔 DXF 多行文字排版時，中文長句不會自動換行 : allow line breaks between CJK characters in MTEXT layout 已合併Merged
  • duckdb/duckdb-node-neo #518 ：修正 DuckDB 的 Node.js 套件查詢結果沒有資料時，連欄位都拿不到 : return one empty column per column for empty query results 已合併Merged
  • gkjohnson/three-gpu-pathtracer #896 ：修正 WebGL 路徑追蹤渲染器第二次產生場景時報錯 : fix a ReferenceError when a scene is generated a second time 已合併Merged
  • gpac/mp4box.js #572 ：修正 MP4 解析函式庫在沒有樣本的軌道上跳轉時報錯 : stop seek from throwing on a track without samples 已合併Merged
  • tortoise/tortoise-orm #2350 ：修正 Python 非同步 ORM 關閉時區時，自動時間欄位仍帶時區 : keep auto_now values naive when use_tz is False 已合併Merged
  • lelit/pglast #226 ：修正 PostgreSQL 語法解析套件的原始碼發布包缺檔，無法從原始碼安裝 : include the libpg_query upb sources in the sdist 已合併Merged
  • playcanvas/engine #9798 ：修正 PlayCanvas 3D 引擎的平滑插值函式在最小值大於最大值時算錯 : fix math.smoothstep and smootherstep when min is greater than max 已合併Merged
  • abey79/vpype #872 ：修正向量繪圖工具 HP 7550A 繪圖機設定的單位長度 : fix the plotter unit length of the HP 7550A configuration 已合併Merged
  • NyarchLinux/NyarchAssistant #169 ：修正 AI 桌面助理的 Live2D／VRM 模型清單名稱被截掉字尾 : fix Live2D and VRM model names cut short in the model list 已合併Merged
  • qwersyk/Newelle #461 ：修正 AI 助理 Newelle 本機模型清單的 GGUF 模型名稱被截掉字尾 : fix GGUF model names cut short in the llama.cpp model lists 已合併Merged
  • gkjohnson/three-mesh-bvh #934 ：修正 3D 碰撞加速函式庫在線段穿過三角形時，最近點計算錯誤 : fix closestPointToSegment for segments crossing the triangle 已合併Merged
  • oh-jon-paul/awesome-i18n #75 ：zhtw-guard 收錄進國際化工具精選清單 awesome-i18n : add zhtw-guard to the curated i18n tools list 已合併Merged

02 / SERVICES

服務與價格Services and pricing

以下為起始價格，實際報價依需求範圍與時程評估，報價經雙方確認後才開始收費。 These are starting prices. The final quote depends on scope and schedule, and nothing is charged until we both agree on it.

小型工具Small tool

NT$5,000 起and up

單一功能的網頁或桌面小工具。A single-purpose web or desktop utility.

  • 交付原始碼與使用說明Source code and usage notes
  • 約 3 至 7 個工作天About 3 to 7 working days
  • 含 2 次修改Two rounds of revisions

前端開發Front-end development

NT$15,000 起and up

網站、管理後台與互動頁面。Websites, admin dashboards and interactive pages.

  • 響應式設計，支援手機與桌機Responsive on phones and desktops
  • 約 2 至 4 週About 2 to 4 weeks
  • 含 2 次修改與部署協助Two rounds of revisions and deployment help

工具軟體Software tools

NT$20,000 起and up

檔案檢視器、編輯器、轉檔與自動化工具。File viewers, editors, converters and automation tools.

  • 桌面版或網頁版皆可Desktop or web
  • 約 2 至 6 週About 2 to 6 weeks
  • 含 2 次修改與測試Two rounds of revisions, with tests

Live2D／Spine 整合Live2D / Spine integration

NT$20,000 起and up

動畫播放、網頁整合與 VTuber 相關工具。Animation playback, web integration and VTuber tools.

  • 依官方執行庫授權條款整合Integrated under the official runtime licenses
  • 約 2 至 6 週About 2 to 6 weeks
  • 含 2 次修改Two rounds of revisions

大型專案Large project

NT$50,000 起and up

前後端完整系統、多模組應用或長期開發。Full-stack systems, multi-module apps or longer-term development.

  • 需求分析與分階段交付Requirements analysis and staged delivery
  • 約 1 至 3 個月About 1 to 3 months
  • 含 2 次修改與部署協助Two rounds of revisions and deployment help

付款方式：訂金 30%，驗收後支付尾款 70%。詳細規則請見服務條款與退款政策。 Payment: a 30% deposit, and the remaining 70% after acceptance. See the terms of service and the refund policy.

03 / PROCESS

委託流程How it works

從諮詢到交付，每一步都會先確認再進行。 Each step is confirmed before the next one starts.

  1. 諮詢Consultation來信說明需求、用途與期望時程。Send your needs, use case and timeline by email.
  2. 報價Quote提供功能範圍、價格與交付日期。You receive the scope, price and delivery date.
  3. 支付訂金Deposit確認報價後支付 30% 訂金，開始開發。Pay a 30% deposit after you accept the quote, and work begins.
  4. 開發與回報Build and report定期回報進度，提供可試用的版本。Regular progress updates with builds you can try.
  5. 驗收Acceptance依報價範圍驗收，含 2 次修改。Review against the agreed scope, with two rounds of revisions.
  6. 尾款與交付Payment and handover支付 70% 尾款後交付完整原始碼與文件。Pay the remaining 70% and receive the full source code and documentation.

04 / CONTACT

聯絡Contact

歡迎來信洽詢，通常會在 2 個工作天內回覆。 Send me an email. I usually reply within two working days.

hello@obayang.com GitHub：GitHub: github.com/zzoraemon043 來信請附上：需求說明、預算範圍、期望完成日期。Please include what you need, your budget range and your target date.