SU HAO

我做的 App、網站、影片和工具，都放在這裡。

作品

14 件作品

  1. hanzi-kanji

    把中文（繁體或簡體）轉成繁體，或四種漢字字形模式（接近日文的 Kanji 通用形與優先形）的工具與函式庫。在瀏覽器裡轉換，文字不會上傳。從 CanIRun.ai 獨立出來。

    PageSpeed Insights 手機桌機

    • 網頁
    • 多語言
    • JavaScript

  2. osuha.com

    oSUHA 的首頁與這個個人空間。七種語言（含四種漢字字形），全站同一條可以用鍵盤操作的導覽列，不靠第三方資源的靜態頁。

    PageSpeed Insights 手機桌機

    • 網頁
    • 多語言
    • 無障礙

  3. 2:36

    P(DOOM) QUEST

    每一句歌詞都變成一款不同復古遊戲的音樂影片。電子寵物、角色扮演遊戲（RPG）的戰鬥、方塊消除、Pong……共 48 個場景。畫面全部用 JavaScript 即時繪製，每一格都是當下畫出來的。

    PageSpeed Insights 手機桌機

    • AGI
    • AI
    • 像素畫
    • Canvas
    • JavaScript
    • 網頁
    • 多語言
    • 無障礙
    • 同人創作

    含有閃爍畫面

  4. CanIRun.ai

    瀏覽器自動偵測電腦的效能，告訴你哪些 AI（人工智慧）模型可以在自己的電腦上跑。從 midudev/canirun.ai（MIT 授權）分支出來，加上日、中、英三語，以及可以選擇漢字字形的功能。

    • AI
    • 網頁
    • 多語言

  5. oSUHA Status

    一頁看完 oSUHA 的各項服務現在是否正常。直接在伺服器上量測。七種語言。

    PageSpeed Insights 手機桌機

    • 網頁
    • 多語言

  6. 製作中

    MetaScope

    貼上公開網頁的網址，就會讀出標題、說明、作者、圖片等資訊，存成可以搜尋的卡片。iPhone App。

    • iOS
    • Swift

  7. 製作中

    TokenMeter

    在 Mac 的選單列和小工具上，隨時看到 Claude Code 與 Codex 還剩多少用量。

    • macOS
    • Swift
    • AI

  8. 製作中

    oSUHA

    oSUHA 計劃的 App。正在做 iPhone、iPad、Mac 的原生 App，以及可以安裝的網頁版。

    • iOS
    • macOS
    • Swift
    • 網頁
    • 多語言

  9. 製作中

    Drupal Sites

    用 Drupal 學架站：自己的網站 dev.osuha.com，以及照著書做的商店街練習站。

    • Drupal
    • 網頁

  10. 未公開

    Like Sticker

    「讚」的動態表情包。每一格都是向量圖，換文字或尺寸都不會糊。配色符合網頁無障礙的最高標準（WCAG 2.2 AAA）。因為含有學校的標誌，所以不公開。

    • 無障礙

  11. 未公開

    Study Notes

    學習紀錄：網路繞送（BGP）的筆記、Swift 基礎課程、30 天技術英文閱讀計畫。

    • Swift

  12. 未公開

    osuha-infra

    讓我所有網站（包括這一頁）運作的伺服器設定：Amazon Web Services（AWS）上的 Docker 與 Caddy，以及部署、檢查、監控和備份的流程。

    • Docker
    • 網頁

  13. 未公開

    Drupal 1.0 Museum

    讓 2001 年的 Drupal 1.0 在 Docker 裡重新跑起來。102 個檔案、6,392 行程式碼，沒有任何 JavaScript。舊程式碼不安全，所以只在自己的電腦上執行。

    • Drupal
    • Docker

  14. 已停用

    obsvec

    用「意思」搜尋 Obsidian 筆記的工具，全部在本機執行，Claude Code、Codex 和人共用同一個入口。2026 年 9 月停用，改回關鍵字搜尋。

    • AI