Created
May 26, 2025 14:47
-
-
Save eto/007cc90114f961b3f1c082aa77c2cbb0 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# 大阪万博チケット予約サイトを使いやすくする | |
- 予約できないパビリオンを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