為了教學弟妹機械手臂，我做了一個網站

這篇同樣其實發得有點晚，應該說晚非常多，因為這東西我們大約從學測前就開始規劃、學測後就著手製作、三月中旬就製作完成並掛上校網了，而再看這篇文章的發布時間，算了，還是別看了。

背景介紹

我們學校（北市陽明高中）買了兩台達明機械手臂給我們玩，放置在圖書館。學校以前有請一位達明的員工來特別教我們 AI 班的人操作手臂，以及參與達明官方辧的機械手臂競賽，我們就曾在賽中取得過銅獎。

之後，我又被老師邀請去教了下一屆一些想參賽的學弟妹手臂，不過因為比賽規定一間學校最多錄取兩隊，因此雖然報名人數眾多，但規則只能讓最多四人（一隊兩人）進決賽，好在他們夠爭氣，分別拿下了金和銀，實在是相當優秀。

同一時間，我們學校的結構也發生了重大的改變。一是原本幫我們買手臂和管手臂的圖書館主任施芳斳離開了我校，升去了建中，由我們前導師和前 AI 班老師的王淵聖接任；二是達明方決定不再派人來教我們手臂了，取而代之的是，讓我們學校的老師前去受訓，因此教學的工作就轉變到了我校唯一受訓過的工程設計老師徐嘉靖接手。

因為圖書館主任不再接 AI 班，因而對手臂的關注度顯著降低，我們決定用自己的力量來將手臂「傳承」下去。正當我把這個想法告訴陳宥羲（我同學兼 AI 班成員，即 @哈哈哈）和陳宇祐（我得銅獎那次的隊友，即 @柚子）時，剛好嘉靖老師也有這個想法，主動找到了我們，希望我們擔任教學的角色，於是我們一拍即合，當即開始規劃教臂的教學事宜。

規劃

這個部分還真的蠻感謝嘉靖老師的，畢竟我們一開始只是有「製作教材」這個想法而已，不愧還是當老師的有教學經驗，在他的建議下，我們把教材分成了初階、中階與高階三種難度。

其實製作教材只是我們的第一步，也就是有系統地讓機械手臂可以傳承下去，未來包含教導新的 AI 班機械手臂，以及培訓選手去參加比賽外，也得規劃一套制度能讓手臂傳承下去。

網站架構

我是使用 VitePress 架構來建立這個教學網站的，如同前面所說的，我分成了初階、中階和高階，這也為我後面構思教材內容起到了很大的幫助，讓整個教材整體顯得更有規劃和系統。此外，我也為網站製作了「網站說明」、「關於我們」、「歷屆達明競賽獲獎」、「忘記密碼或需要協助？」頁面，雖然全都是用 MD 檔建立，不過全部寫起來也是相當費時的。

值得一提的是，除了內容使用 MD 之外，我也使用了 mts 和 vue 檔來製作進入網站時的密碼畫面，並使用 SHA-256 加密，讓它在原始碼中無法直接被看到，這樣一個製作網站的技術和思路，的確是我第一次接觸，也算是學到了一些東西。

成果

在經歷了長時間閱讀官方文件、結合自己的經驗以及實際到手臂上做驗證的過程之後，我們終於把我們的內容生出來了，實在是花了我相當多的時間，而這之中也非常感謝我的兩位共同製作人和冠軍學妹（郭羿攸和鄔語珊）的協助，更是感謝嘉靖老師的大力支持。

架設好網站之後，我們還特地跑去找了我們學校的系統管理師，並取得了他的同意將我們的網站放上校網，方便未來的學弟妹可以找到網站並學習，在此也非常感謝我們學校的系統管理師，同意我們這個瘋狂的舉動。

感謝

雖然在上面的文章以及網站中其實就已經有致謝的部分了，不過在此我還是想再次感謝以下這些人對這個網站、手臂和對我製作這個網站的支持：

• 前圖書館主任施芳斳：購買並管理手臂
• 圖書館主任王淵聖：管理手臂
• 生活科技專科教師徐嘉靖：邀請並合作教學內容、提供意見
• 系統管理師朱秀勇：將網站放上校網
• 陽明高中參賽獲獎學生郭羿攸和鄔語珊：提供許多意見、協助開發
• 製作團隊的伙伴陳宥羲和陳宇祐：共同製作內容、一同操作手臂驗證內容
• 未來所有對手臂有熱愛、願意付出的各位