2026 日本岡山、倉敷五日遊-岡山

旅遊日期:2026 年 6 月 14 日到 6 月 18 日。
我們第四天安排到岡山參觀岡山城、後樂園和吉備津神社。 之後就去岡山車站附近的 Bic Camera 與唐吉軻德購物,吃完晚餐後回倉敷。

旅遊日期:2026 年 6 月 14 日到 6 月 18 日。
我們第四天安排到岡山參觀岡山城、後樂園和吉備津神社。 之後就去岡山車站附近的 Bic Camera 與唐吉軻德購物,吃完晚餐後回倉敷。

旅遊日期:2026 年 6 月 14 日到 6 月 18 日。
這是我第二次去岡山、倉敷地區旅遊。這次是帶著家人的家族旅行。 行程安排比較悠閒,參觀一、兩處景點後就在市區逛街購物。唯一長途的景點是到宮島參觀嚴島神社。
挑選住宿地點時,選擇住在倉敷而不是岡山。 一方面是倉敷的酒店價格較便宜,而且我們想逛的倉敷美觀與 outlet 都在倉敷車站的兩側。 住倉敷的話,每晚都可以悠閒逛街。
我們選擇住在倉敷車站附近的「センチュリオンホテル&スパ倉敷」。 這間酒店的房型選擇很多,包含 5 到 6 人的家庭房型。此外,馬路斜對面就有「Marunaka超市」,我們每晚都在這間超市購買零食與隔日的早餐。
車站旁 Ario 購物中心也是我們每晚都會逛一下的地方。

今年是我第二次去宮島參觀嚴島神社。第一次(2018年)去的遊記與照片請看:
我這次是陪家人去參觀嚴島神社。行程安排和第一次差不多,只有搭車方式不一樣。 上次我用 JR PASS 搭新幹線,直接過剪票口就行。 但這次我沒有買 JR PASS ,所以要自己操作 JR 售票機預訂倉敷到宮島口的來回車票。 本文就來聊聊 JR 售票機的購票經驗。
廣島縣宮島町的嚴島神社,嚴島是舊名。


倉敷美觀的阿智神社。神社所在區域又名「阿知」。阿智與阿知的日語發音相同,故日本古代兩者互通。

我在 2018 年也參訪過阿智神社。發現它的御朱印圖案改版了。 新的御朱印主圖加了一圈藤花圖案。下為舊版御朱印。


岡山市的吉備津神社,主祭神大吉備津彦命是岡山桃太郎故事的原形人物。


我在 2025 年 10 月前往日本名古屋自由行。 行程景點包含大須商店街。 這段期間恰好是 BanG Dream! 手遊 10 週年。 營運商武士道為了宣傳 10 週年活動,便在大須商店街天棚上四處懸掛大型掛軸。 我趁著逛街時拍照收集。 回來後清點照片集,發覺少了 RAS 與 Hello Happy World 團照。甚憾。

旅遊日期:2025 年 10 月 16 日。
參觀景點:
昨晚 (10月15日) 在 名古屋中部國際機場過夜 ,早上起床退房後,先在旁邊的 Lawson 買了早餐吃。接著拖著行李穿越連接通道,前往名鐵車站所在的交通廣場。
搭乘 7 點的名鐵 u-sky 特急列車前往名古屋駅。 但說實在的,從機場前往名古屋駅這方向,買一般車票搭急行列車就行了,差不了幾分鐘更省錢。從起站出發的列車,一定有位置坐。
我在 「2023年日本東京12月六日遊」 這篇中提到如何在日本收集明信片與風景印。當時說 2023 年時漲了一次郵資。 沒想到才過了不到一年時間,日本郵便局就宣佈再次調漲國內郵資,於 2024 年 10 月 1 日起,最低郵資從 63 円調漲為 85 円。 所幸海外明信片郵資仍然維持 100 円不變。
調漲公告: 2024年10月1日(火)から郵便料金が変わりました。

想按照一般途徑查詢目前郵資,請從 日本郵便局網站 上方導覽列的「送る」開始,依次點擊「料金を計算する・調べる」->「料金を調べる」->「料金表」。

我們 (海外人士) 除了寄明信片,也可能需要寄國際包裹。則可以從上圖導覽列的「送る」開始,再點擊右側「海外に送る」->「国際郵便早見表」(如下圖),查看各種海外郵寄方式的郵資估算表。

當網頁表單需要提供使用者可複選的選項時,我們會用 Select (配上 multiple) 或 Checkbox 元件。 但若想進一步限制可勾選的項目數量,例如五項中最多選三項又或是最少選兩項,則目前的內建行為做不到。 我們要自己寫程式控制。
我根據我碰到的需求情境,設計了一個允許使用者複選但有限項目的表單元件。 因為這個元件是基於 Checkbox ,所以取名 LimitedCheckbox。
我不用 Select 設計這個複選元件的原因,在於 Select 需要配合鍵盤按住 ctrl 或 shift 才可複選。 但現在很多人不知道這種鍵盤搭配滑鼠的操作技巧。隨著成長於手機世代的使用者愈來愈多,不知道的人會更多。 而 Checkbox 的操作方式則符合現代使用者的「日常經驗」,所以選它。
Dialog 是 WHATWG 規範的 HTML 對話框元件。只要各家瀏覽器按照規範內容實作,就可以保證在不同瀏覽器與前端工具之間仍有相同的行為。 按 Mozilla MDN 文件所述,在 2022 年 3 月之後的瀏覽器皆已實作此元件。 在此之前,這類 UI 元件是由前端工具 - 如 bootstrap - 利用 CSS 和 JavaScript 自行設計。但不同前端工具定義的對話框行為並不相同。
注意,本文使用「對話框」一詞時,是一般概念。使用 Dialog 一詞時,專指 HTML 規範的對話框元件。
專案開發者手上的舊專案仍可繼續使用前端工具自定的對話框元件。 但新建專案,則建議使用 Dialog 元件。因為它有標準化的好處。 A 前端工具的對話框元件和 B 前端工具的對話框元件一定不同,如果你們中途變更前端工具,那就要修改對話框元件的程式碼。 而 Dialog 不與前端工具綁定,不受前端工具更迭影響。
當設計師碰到限定輸入數值的輸入欄位時,可以用 NumberInputElement 網頁 UI 元件讓輸入框呈現更美觀的增加數值按鈕與減少數值按鈕。這是目前流行的數值輸入形式。

NumberInputElement 元件具備以下特性:
這個元件不會主動在 input 控制項旁邊增加控制按鈕,而是交給設計師決定。 如果設計師沒有放上代表增值或減值的按鈕/控制項,將只有滑鼠滾輪的擴充行為生效。
NumberInputElement 儲放在我的 non-jquery-ui 源碼庫: 「取得 NumberInputElement」。