Skip to content

Instantly share code, notes, and snippets.

@eto
Created May 26, 2025 14:47
Show Gist options
  • Save eto/007cc90114f961b3f1c082aa77c2cbb0 to your computer and use it in GitHub Desktop.
Save eto/007cc90114f961b3f1c082aa77c2cbb0 to your computer and use it in GitHub Desktop.
# 大阪万博チケット予約サイトを使いやすくする
- 予約できないパビリオンをCSSで消す方法を説明する。
## 実はmacOSのSafariでやる方法が一番簡単
1. 以下のテキストファイルを作る。ファイル名は仮に「~/expo2025.css」とする。
.style_search_item_note__vExQQ,
.style_event_links__jS3Q_,
.style_search_item_row__moqWC:has(img[src*="calendar_none.svg"]){
display: none !important;
}
2. Safari→設定→詳細→スタイルシートの右の「未選択」をおして「その他」に。さきほどの「expo2025.css」を選択する。
3. https://ticket.expo2025.or.jp/ を表示。「空き枠先着申込(受付中)」→「すべて選択」→「選択したチケットで申し込む」→なにもいれずに「検索」→「×」のパビリオンが消えたはず。
## 次に、macOSのChromeにて。Edgeも同様。
1. ChromeにStylusをinstallする。 https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja
2. https://ticket.expo2025.or.jp/event_search/ からはじまるページが表示できる状態までもっていく。
3. 右上の機能拡張マークから、Stylusマークを表示。check「次のスタイルを書く:」→「ticket.expo2025.or.jp」の「ticket」の部分をおす。
4. 下の枠の「/* ここにコードを挿入... */」の下に、以下を入れる。
.style_search_item_note__vExQQ,
.style_event_links__jS3Q_,
.style_search_item_row__moqWC:has(img[src*="calendar_none.svg"]){
display: none !important;
}
5. 「保存」
6. https://ticket.expo2025.or.jp/ を表示。「空き枠先着申込(受付中)」→「すべて選択」→「選択したチケットで申し込む」→なにもいれずに「検索」→「×」のパビリオンが消えたはず。
## Androidの場合、Firefoxを使う
同じStylusなので同様になる。 ref. https://note.com/dpsk/n/nbf867e748b88
1. Firefoxをインストール。右上の「…(縦三点ドット)」→設定→「拡張機能」→「拡張機能を探す」→Stylusを入れて検索→「Firefoxへ追加」→「プライベートブラウジングモードでの動作を許可する」、「追加」→「OK」→
2. https://ticket.expo2025.or.jp/ を表示する。
3. 右上の「…(縦三点ドット)」「拡張機能」→「Stylus」→check「次のスタイルを書く:」→「ticket.expo2025.or.jp」の「ticket」の部分をおす。
4. 下の枠の「/* ここにコードを挿入... */」の下に、以下を入れる。→事前にkeepなど入れてAndroidでも見られるようにする。
.style_search_item_note__vExQQ,
.style_event_links__jS3Q_,
.style_search_item_row__moqWC:has(img[src*="calendar_none.svg"]){
display: none !important;
}
5. 「保存」
6. https://ticket.expo2025.or.jp/ を表示。「空き枠先着申込(受付中)」→「すべて選択」→「選択したチケットで申し込む」→なにもいれずに「検索」→「×」のパビリオンが消えたはず。
## iPhoneの場合、Safari用の機能拡張「Makeover CSS」を使う。
1. Makeover CSSをアプリとして入れる。
2. 設定→アプリ→Safari→一般の「機能拡張」→Makeover→「機能拡張とを許可」と「プライベートブラウズで許可をオンにする。
3. Safariを起動して https://ticket.expo2025.or.jp/ を表示。
4. 下記のCSSを一旦メモ帳に保存する。全て選択してコピーする。
.style_search_item_note__vExQQ,
.style_event_links__jS3Q_,
.style_search_item_row__moqWC:has(img[src*="calendar_none.svg"]){
display: none !important;
}
5. SafariのURLバーの左の「口」と「二」が上下に重なったようなマークを押す。「Makeover」→「常に許可…」→「このWebサイトで常に許可」
4. CSS Codeの部分に先ほどのCSSをペーストする。→「完了」→「完了」
5. https://ticket.expo2025.or.jp/ を表示。「空き枠先着申込(受付中)」→「すべて選択」→「選択したチケットで申し込む」→なにもいれずに「検索」→「×」のパビリオンが消えたはず。
以上
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment