[Arc自制]新·AFF工具箱 開發(fā)日志1
大家好。好久不見。 本次帶來的是,關于我之前所開發(fā)的“AFF工具箱”的一些信息。 “AFF工具箱”是我在2021年開發(fā)的一款Arcaea譜面段落生成工具,至今已上線了兩年時間。從后臺數(shù)據(jù)來看,在完全沒有持續(xù)地宣傳,沒有新功能,網(wǎng)站本身甚至也沒怎么SEO的情況下,至今還有一定數(shù)量的人在使用這個小工具,非常感謝。 大概從一年前起,我產生了重構的想法。因為這個工具箱可以說是我接觸前端開發(fā)的第一個項目,先不說技術棧老舊的問題,現(xiàn)在看來代碼質量實在是不盡如人意。但是由于種種原因,重構工程沒有推進下去。 幸運的是,我最近得以重新開始推進重構項目,并且到目前為止重構版本已經實現(xiàn)了原版90%以上的功能。
下面是新·AFF工具箱的一些主要變化: 技術棧
現(xiàn)在整個網(wǎng)站的技術棧切換到了React+FastAPI。雖然是最大的變化,但是對于使用者來說感知不強。由于本文不是技術文章,這里就不展開了。 界面設計
新版工具箱整體采用類似Material Design 3的設計語言,但是基本上是個“簡化”版本。 在文案方面,之前的主頁有點謎語人,所以這次我試著把話說明白些。
工具頁面最大的變化是,提交按鈕現(xiàn)在在左下角浮動。因為之前的設計對于長表單來說很不友好,在可選參數(shù)較多時,可能會遇到拉到最下面調參數(shù)再拉回去提交(甚至再拉到最下面看生成結果)的情況。 生成結果移動到了新的歷史記錄面板里,因為至少在我個人的使用過程中,查看生成出來的語句并不是必需的。我會把結果直接粘到aff里,再用可視化制譜器看結果。 至于表單區(qū)域,現(xiàn)在表單更密了一些,能更充分地利用屏幕空間。此外,將Note區(qū)域和參數(shù)分開實際上是為了方便后端API,不過我覺得這樣看起來好像也還不錯。 歷史記錄面板
新的工具箱增加了一個歷史記錄面板,替代了之前頁面上的生成結果區(qū)域。 如果你覺得之前生成的那個更好,現(xiàn)在不用把參數(shù)調回去再生成了。(如果你能找得到之前那個的話) 每條歷史記錄附帶一些基礎信息,幫助你定位你要找的那組語句。 目前,只要刷新頁面,歷史記錄就會被清除。我不太確定有了這個功能之后會不會有人想去翻很久之前生成的語句。至少我不會。 已移除功能
你可能注意到左上角的三點菜單不見了。這是因為,Arc構造工具和時間細分計算器被移除了,它們可能會在未來以某種更好的形式回歸。
以上就是新·AFF工具箱的一些主要變化。目前重構版本還沒有上線,因為一些瑣碎的部分沒有處理完,不過應該不需要太久。之前的工具箱會作為legacy版本保留。 還有一些計劃中的內容,比如ArcCreate兼容性之類的。不過在做出來之前我不想透露過多。 下次再見!