2025/05/03 初版 ver1.00 2025/05/07 Android版対応に伴う加筆 ver1.10 2025/05/07 障がい者版コードのバグ修正対応に伴う加筆 ver1.20 （すでに購入済の方もコードを貼り付けなおして修正をお願いします）

※初期購入者を尊重するため、値上げはあれども値下げはしません

1.はじめに

2025年の大阪・関西万博、楽しんでますか？ …でも、あのパビリオンの公式予約画面、正直、使いにくすぎませんか？

通期パスで10回以上通っている私でも、毎回イライラしてしまいます。

2. もはや苦行なパビリオン予約

「ちゃんと使いやすく作った…はずだよね？」 そんな声が思わず漏れるようなUIの数々。

• 全パビリオン・全時間帯がズラッと並んでいて探すのが大変

• 車いす枠など、自分に関係ない枠まで全部表示

• 「もっと見る」ボタンをいちいち押さないと全部見られない

• 更新中の**“グルグル”**要る…？

スマホ操作に慣れている人でも予約は至難の業。 特に3日前予約はまさに争奪戦、当日予約もかなりハード。

万博会場のあちこちで、 みんなスマホを手に無言でポチポチしている光景、見たことありませんか？

私も目と肩がやられました。 「なんとかならないの！？」とない知恵を絞り、いろいろ試してみた結果…

3. この方法で何ができるか？

なんということでしょう。 ちょっとした工夫で、あの見づらかった予約画面が…

グッと見やすく、操作しやすくなるんです！

• 関係ない予約枠を非表示にできる

• 「もっと見る」ボタンを自動でクリックさせられる

• グルグル更新を見えなくする

• 情報をパッと把握して、予約チャンスを逃しにくく！

もちろん公式の仕組みではないので、使うときは自己責任。 でも、「こんなにラクになるならもっと早く知りたかった…」と感じました。

4. 【購入前に必ず読んでください】このnoteの使い方と注意点

このnoteは、2025年5月2日時点で有効だった方法をまとめたものです。 「とりあえず今うまくいった方法」を共有する目的で書いています。

🕒 長く使える保証はありません。 💻 Webサイトの構成が変わると、動かなくなる可能性があります。

✅ 検証した環境

• iPhone（Safari）iPhone 15 Pro Max iOS 18.4.1

• PCブラウザ Google Chrome

• (5/7追加) Android 14 (Firefox) motorola edge 40 neo    

Android端末では検証できていません（持ってません、ごめんなさい）なので、Androidユーザーの方には購入をおすすめしません。「ある程度自力でなんとかできる！」という方以外は控えてください。

Android の検証用端末を調達して、現地で検証しました!

🙅‍♀️ サポートはできません

このnoteは1人で作ってます。 そのため、個別サポート・質問対応は行っていません。

• 難しそう…

• よくわからない…

• 調べたり設定したりするのは苦手…

という方も、購入しないことをおすすめします。

ここまで読んで、「それでも使ってみたい！」と思った方にだけ、 このnoteの内容が少しでも役立てばうれしいです。

5.参考にしたもの

CSSスタイラーの設定（カスタマイズ）については、他の方の投稿を参考にさせていただきました。そのうえで、自分なりに**「タップや画面遷移がしやすくなること」**を目指して、 「もっと見る」ボタンを押したときに表示される🌀読み込みアイコンを非表示にするよう、コードを調整しています。

また、元の投稿（引用元）のツリーでも書かれていますが、 この手法はあくまで「見た目を整理するだけの方法」であり、 予約システムやサーバー側には影響を与えません。

最後に大事なことをもう一度。 万博公式サイトの仕様が変わると、いつ使えなくなるかわかりません。 この方法を使う際は、必ず自己責任でお願いします。

6. なんでタダとちゃうねん？

…すみません、ちょっと真面目で、ちょっとワガママな理由です。

🎟 理由その1：予約争奪戦を少しでもゆるくしたい

誰でも無料で手に入る状態にしてしまうと、 結局また「一部の人が有利」な状況になりかねません。 ちょっとでも参入のハードルを上げておくことで、無秩序な争奪戦になるのを防げたらいいなという思いがあります。

👶 理由その2：子どもと行く万博、ちょっとでも足しに…

正直な話、家族で万博に行くのに結構お金がかかります。 交通費も、食費も、グッズも、積もるとまあまあ大きな出費です。

このnoteの売上は、未来の世代にちょっとでも楽しい体験を残すための一助になればと思っています。

⚙ 自力でできる人には物足りないかも。でも…

正直、技術に詳しい方から見たら「なんだそんなことか」と思う内容かもしれません。でも、それでも

という方には十分に価値がある情報だと思っています。

設定にはアプリ導入などだいたい30分くらいかかりますが、 終わってみると、画面の見やすさ・予約のしやすさが劇的に変わるのを感じていただけるはずです。

※iPhone版では、実装のために有料アプリが必要です。ご注意ください。

それでは、手順を確認していきましょう。 いきなりですが、CSSスタイラーの設定だけではデモのように動きません。