收週邊的人大概都有同樣的困擾：同一個系列出了好幾波，到底哪些已經有了、哪些還沒收，光靠記憶很容易漏。動漫週邊圖鑑就是為了解決這個問題做的。
👉 網址：https://www.miwa23333.xyz/acg-goods/
收錄了什麼
目前收錄兩個系列，共七百多件商品，每一件都有日文原名、中文名稱、商品圖片和作品標籤：
| 系列 | 廠商 | 說明 |
|---|---|---|
| JS 趴娃（のるキャラマスコット） | Jump Shop | 趴在物品上的小吊飾造型 |
| 抬頭娃 | MegaHouse | 抬頭往上看的小公仔系列 |
作品涵蓋《排球少年》、《鬼滅之刃》、《咒術迴戰》、《航海王》、《火影忍者》、《坂本日常》、《銀魂》、《我的英雄學院》、《鏈鋸人》、《藍色監獄》、《怪獸 8 號》等，其中排球少年的品項最多。
主要功能
依作品與系列篩選
頁面上方有「作品篩選」和「類別篩選」兩個下拉選單，可以只看某部作品（例如《排球少年》）或某個類別（趴娃或抬頭娃），兩種條件可以同時使用。商品會依作品分組顯示。點擊商品卡片會放大顯示所有圖片和標籤。
標記已擁有
在商品卡片上按一下就能標記為「已擁有」，卡片會改變樣式。標記結果存在你的瀏覽器裡（localStorage），不需要註冊帳號。如果想重來，右上角的「清除紀錄」會把所有標記清掉。
製作進度表
按下「製作進度表」，網站會把目前篩選範圍內的商品依作品分組，畫成一張圖片，已擁有的品項會標示出來，並顯示收藏比例。畫好之後會先跳出預覽，確認後再下載，方便貼到社群或傳給同好比對。
技術小記
跟我其他的工具一樣，這是純前端的靜態網站。商品資料用 Protocol Buffers 的文字格式存放，圖片存在 GitHub 上。有些商品官方圖是一整張多個角色的合照，所以每張圖片都能附帶一組裁切範圍（以百分比表示的左上與右下座標），前端會用 canvas 只顯示對應的那一塊；這組座標就是用我另一個小工具圖片裁切座標工具產生的。原始碼在 GitHub。
如果你也在收這兩個系列，歡迎試用看看。想要加入其他系列或發現資料有誤，可以透過 Contact Us 告訴我。