0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

ページ内ポップアップを消して画像を取得するチャレンジやろうぜ

0
Last updated at Posted at 2026-02-18

どうも、最近プロダクティビティが微妙に高い Xu です。
今回クソアプリアドカレ初参加です。

もう使い道が一切ないクソアプリしか作ってないので実家のような安心感ですね!

早速ですが、皆さん、

ポップアップ広告はお好きですか?

image.png

今どきのサイトどれ見てもこんな感じじゃないですか?
[ x ] ボタンに偽造したり、消したら消したで次の広告表示してくる。
ユーザーはうざがっている一方、広告会社は必死にバナー広告・ポップアップ広告・オーバーレイ広告の良さを企業にアピールしてます。

image.png

なんだかサイバーパンクというか、混沌というか、なんだか虚無を感じますよね。

エンジニアでよかった

一般人ならコンテンツを閲覧するためにやむを得ずアカウント作ってログインしたり、リンク先の広告を読んだり、離脱したりすることもあるかと思います。

どんなにウザイ広告やログイン要求でもエンジニアの皆さんの手にかかったら瞬殺ですよね。

ブラウザの「利用者が完全に支配する環境」という設計上、やろうと思えばできないことはないはずです。

しかし、もしも思いついた方法ですぐに消せない広告があったら一瞬焦りませんか?(ニヤリ)

チャレンジャーを求む!

そこで、純粋にお遊び感覚ですが、エンジニア対策を施したポップアップサイトを作ってみました!!!

遊び方(?)は簡単、クローンして pnpx serve / npx serve で起動して localhost にアクセスするだけ。

ゴールは埋め込まれた画像を UI からフルで取得することです!
方法は問いません、ダウンロードでもいいし、複製でもいいし、何ならスクショでも構いません!

持っている知識をフルで活用してセクシーな画像を手に入れましょう!

成功したらコメントで報告してください!
まだの人はネタバレになるのでまだ見ないでください。

ヒント

  • ロードはされた時点で静的リソースは適用済み
  • 技術的に完全に操作を阻止することはできないのであくまで「無意味化」しているものが多い
  • 念のため:

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?