「有露點的肉番福利動漫列表」規格書（原始碼公開啦）

為使專案「有露點的肉番福利動漫列表」未來能順利進行，特訂定此規格書 (Specification) 。

內容規範了製作表格的流程，動漫的收錄標準，還有遵循事項。

這個列表專門收錄在巴哈動畫瘋會被列為年齡驗證的作品，收錄了自1960年代以來有好康內容的動畫，詳細列出了集數與角色名稱，並附上福利鏡頭圖片。

這是我從2021年11月斷斷續續在個人網站上更新的專案，參考了多個來源彙整之後整理為一個容易查閱的表格。雖然我為了做這個大概看了200部以上的動漫，但還是有很多缺漏之處。然後我覺得自己不可能做的完，因此我將蒐集到的資料公開成開放格式供自由利用。

這個專案包括.json資料列表，以及一個Hugo範本網站。確保你能夠利用這些資料架設自己的實例。

這個規格書為理想情況，是作為未來執行的參考。實務上現存的資料仍有多處需要修正的地方。

線上檢視肉番福利動漫列表
#

原始碼：（礙於平臺限制，圖片跟文字是分開儲存的。）

目前的想法是讓原始碼成為共同編輯維護的列表，並允許自由取用原始資料，發布到自己的網站上。譬如下述網址根據Hugo主題，建立的一個方便瀏覽的實例(instance)。

實例網站：

網頁設計：靜態網頁，使用Hugo搭配JSON資料渲染HTML表格，每十年為一個表格。

過去手打HTML表格程式碼的方式實在太沒效率了。

使用lazy loading標籤延遲網頁圖片，並透過details標籤折疊較舊年份的表格，提昇網頁載入速度。

圖片存放在有CDN加速的S3相容儲存空間。

透過CSS和JavaScript控制網頁表格在不同螢幕大小上的展示方式，電腦上表格圖片為全寬並垂直排列，手機則將表格圖片改為左右滑動。

考慮傳輸速度、相容性等因素，不使用AVIF，而使用WEBP當圖片格式。

圖片註解以title標籤表示，電腦滑鼠懸停顯示，手機用戶則是長按顯示。

以上設計在Google Lighthouse測試分數：效能93分，無障礙94分，最佳做法100分，搜尋引擎最佳化92分。

目前這個列表是以Hugo靜態網頁框架製作，並單獨渲染成三種語言的網頁。背後的資料無法線上編輯，單一網頁效能也有問題。以下是未來發展方向的草案。

將網站伺服器遷移到正式一點的AWS EC2。
替換掉靜態網頁的架構，改成前端與後端結合的伺服器模式。使用React撰寫前端，並使用NodeJS當後端，JSON轉換成PostgreSQL資料庫儲存，圖片放在AWS S3。
去掉Anime4K的規定，改成用Real-ESRGAN放大圖片，並以PNG格式儲存，解決WEBP不支援10-bit、AVIF普及度不足的問題。於網頁渲染的時候使用ImageKit圖片處理管線壓縮成AVIF格式，減少載入時間。並用Cloudflare緩解流量。
每部動漫一個網頁，方便後續擴充與上傳圖片資訊。
製作圖形化編輯界面。
接入外部網站的API，方便查詢動漫資訊。
製作隨機展示列表圖片的畫廊網頁，提升本列表當配菜的實用性。
將網站原始碼完全開源，轉換到公共網站，成為Wiki式的協作計畫。提升未來擴充性，讓網站可以容納更多動漫露點畫面的截圖，成為完整的Wiki。