大老二の日本畢業旅行

2026/08/07–08/18 關西畢業旅行的靜態行程網站。內容依 日本行程.xlsx 整理，採用原生 HTML、CSS 與 JavaScript， 不需要安裝套件或執行建置。

本機預覽

最簡單的方式是直接開啟 index.html。若電腦已安裝 Python，也可以在本資料夾執行：

python -m http.server 8000

接著開啟 http://localhost:8000。

發布到 GitHub Pages

1. 在 GitHub 建立一個新的 repository。
2. 將本資料夾 commit 並 push 到 main 分支。
3. 進入 repository 的 Settings → Pages。
4. 在 Build and deployment 選擇 Deploy from a branch。
5. Branch 選 main，資料夾選 /(root)，按下儲存。

GitHub 完成部署後，Pages 畫面會顯示公開網址。

修改內容

• 頁面結構與固定文字：index.html
• 顏色、版面與手機樣式：styles.css
• 每日行程、行前清單與互動：script.js
• 旅遊參考地圖與預覽圖：assets/references/

每日行程位於 script.js 最上方的 tripData。08/14–08/16 已依 最新版 Excel 補齊，並保留各段交通估時與轉乘提醒。

分頁導覽

倒數資訊下方的橫向導覽會在「每日行程、行前準備、旅遊參考、費用記帳」 之間切換，每次只顯示一個主要區塊。右上角快速選單使用相同的網址 hash， 因此可以直接分享例如 #references 或 #budget，指定日期的 #day-0811 連結也會先切回行程分頁再開啟對應日期。

旅遊參考

旅遊參考區包含大阪 Metro 地鐵路線圖、JR 西日本關西路線圖，以及大垣市 垃圾分類及處理方法。首頁只載入較小的 JPG 預覽圖；點擊圖片或主要按鈕會 另外開啟原始 PDF，方便放大查看，也可使用「下載 PDF」存到手機離線查看。

個人記帳

費用區會替每份帳本固定帶入已記錄的每人共同費用 NT$19,143，並可另外 記錄台幣或日圓支出。若填入自己的日圓換匯匯率，頁面會顯示估算的台幣 總額。

帳本使用瀏覽器的 localStorage 保存，只會存在建立帳本的裝置與瀏覽器， 不會同步到其他人的手機。清除網站資料、使用無痕模式或更換瀏覽器都可能 讓紀錄消失；若需要全團即時共享，必須再串接共用資料庫與登入機制。

頁面右下角的 ¥ 圓形按鈕可隨時開啟日圓換算器。換算器會優先帶入目前 帳本的日圓匯率，也能記住這台裝置上次使用的匯率；換算匯率只有在使用者 按下「套用到帳本」後才會修改個人帳本。

公開資訊提醒

這份公開版刻意未加入付款人、轉帳狀態、分房名單與原始 Excel；住宿地圖 僅保留使用者已確認要公開的連結。不要把含有團員個資、訂位代碼或其他 私人資訊的 Excel 原檔 commit 到公開 repository；即使之後刪除，資料仍 可能留在 Git 歷史中。