ℹ️ 免責聲明：本練習工具與 CharaChorder 公司沒有隸屬、關聯、授權、認可，或任何正式關聯的關係。
¶連結
¶功能
- 鍵盤佈局課程
- 在一個小課程中可練習 3~4 個鍵
- 有英文、數字和符號的課程
- 顯示裝置佈局
- 只會標示目前課程中的鍵
- 打出目前的字所需要按的鍵會強調顯示
- 能從裝置管理網頁的備份檔案中讀取自訂的裝置佈局
- 小工具
- 連擊計數器，會紀錄連續正確輸入的次數
- 速度計，會顯示目前的打字速度
- 和弦練習
- 能從裝置管理網頁的備份檔案中讀取和弦列表
- 能從和弦列表中選擇想練習的和弦們
- 只會標示目前練習的和弦們的鍵
- 目前的和弦的按鍵組合會強調顯示
- 佈局檢視器
- 可以檢視在不同層和修飾鍵（Shift 和 Alt Graph 鍵）下最終輸出的佈局（在所選的作業系統佈局下的實際輸出）
- 在佈局中搜尋按鍵
- 列印出最終輸出的佈局(或輸出為 PDF 檔)
¶其他相關主題
¶命名和主題顏色
第一個我希望這個工具要有的功能，就是能讓使用者一次只需練習 3 個字左右。（對，就是黃金三條法則） 所以關於這個專案的名字，我就從「三」開始發想，然後找到三的大寫「參」。這個字在其他情況和讀音時也有「研究、學習」的意思。
因此，這個專案最初的英文名字為 “typing-san”。 “san” 音近於中文和日文中的三，所以這個名字可以解釋成「打三個或更多個項目」。
但是這個名字對於不知道中文和日文的人太過抽象，而且也很難從這個抽象的名字中來設計工具的主題樣式。
接著，我找到一個名為參宿的星宿，所以我決定把這個專案命名為參宿中的第一顆星，即「參宿一 (Alnitak)」。「參」的一個解釋為「學習」，「宿」的一個解釋為「處所」，「一」即英文中的 One，所以「參宿一」可以被我超譯為「CharaChorder One 的學習處所」。並且因為參宿一的主星為藍超巨星，我可以用這個作為這個專案的主題色，所以這就是這個工具的主題色的由來。
¶設計概念
¶連擊計數器
連擊計數器會紀錄到目前為止連續的正確輸入次數。追求更高的連擊數是一個與輸入速度或準確率不同的挑戰。
當連擊數增加時，計數器的顏色會依照色溫或恆星光譜的方式變化。而本專案的名稱「參宿ㄧ」是恆星的名稱，因此這個顏色變化方式非常符合。
¶速度計
速度計是將目前的速度視覺化的一個好方式。其設計是從收集與一個經典的賽車動畫，「閃電霹靂車」，有關的一些儀表板或速度計設計開始。再為了避免過於複雜的設計分散使用者的注意力，對設計進行簡化後，才成為現在的樣子。另外，甜甜圈分塊的形狀與 CC1 的佈局上的按鍵形狀相當配。
分塊和數字的顏色也根據上面提過的色溫或恆星光譜的方式變化。
¶技術堆疊
- 編譯系統：Nx
- 前端框架：Angular
- Signal - input, output and computed
- Template Syntax - Control Flow
- Standalone Components
- withComponentInputBinding
- 元件庫：Angular Material
- 狀態管理系統：@ngrx/signal
- SignalStore + Entity Management
- @angular-architects/ngrx-toolkit 中的
withDevtools
- 快捷鍵函式庫：@ngneat/hotkeys
- CSS 框架：Tailwind CSS
- 圖表函式庫：Highcharts Angular
- IndexedDB 包裝庫: Dexie.js
- 列印功能的 Directive: ngx-print
- User Agent 解析器: UAParser.js
- 作業系統 Logo 圖標: font-logos
- Tooltip 函式庫: @webed/angular-tooltip