0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Wikipediaの寄付依頼をブロックするアドオンの作り方

Last updated at Posted at 2020-09-13

成果物概要

WiKifuKiller(Wi寄付キラー)
アイコン
Wikipediaのページを開いたときに表示される、寄付依頼を非表示にするブラウザ用アドオンです。
インストールするだけで難しい設定は必要ありません。
ぷれりり様に掲載して頂きました。

画面イメージ

Before

unnamed.jpg

After

after.jpg

インストール

各ブラウザのアドオン配布ページよりインストール可能です。
Firefox版:https://addons.mozilla.org/ja/firefox/addon/wikifukiller/
Chrome版:https://chrome.google.com/webstore/detail/wikifukiller/bkdigjebalbifmdhlklififbdibhmlmo?hl=ja
Edge版:https://microsoftedge.microsoft.com/addons/detail/wikifukiller/gjkedgecldjilmcbilahaicpfphndkem?hl=ja-JP

制作理由

寄付を募ること自体は良いことだと考えていますが、文言がきつくなっている点や画面上の占める面積が大きくなってきたと感じたため。
Yahoo!ニュースで「圧が凄い」「怖い」と言ったコメントが目についたため。
ガジェット通信のAdSense利用案に賛同したため。

2021年版ではロケットニュース24で「寄付バナーがエグい」「以前と比較したらハードさアップか」という記事が公開されているため。

アフィリエイトやクリック報酬型広告はどうなのだろうか。
既存のアフィリエイトやクリック報酬型広告サービス(アマゾンやGoogle Adsenseなど)では審査が通らないわけではないだろう。
法人契約という方法もある。

ガジェット通信より引用

開発環境

Visual Studio Code
(サクラエディタ等のテキストエディタでも可)
各種ウェブブラウザ

動作確認済みの環境(2021/07/15時点)

Mozilla Firefox 90.0
Google Chrome 91.0.4472.124
Microsoft Edge(Chromium版) 91.0.864.67

開発~リリースの流れ

  1. Firefoxアドオン開発のチュートリアルを実施
  2. 開発者ツールを使用し「寄付依頼」のタグ(適応されているid)を調査
  3. チュートリアルと同じ要領でWikipediaの寄付依頼タグを削除する処理を記述
  4. 各ブラウザで動作確認
  5. 各ストアにてリリースの手続き

コード解説

manifest.json

manifest.json
{

  "manifest_version": 2,
  "name": "WiKifuKiller",
  "version": "1.0.0",
 
  "description": "Wikipediaの寄付依頼をブロックします。",
  
  "icons": {
    "48": "icons/wikifukiller-48.png",
    "96": "icons/wikifukiller-96.png"
  },

  "content_scripts": [
    {
      "matches": ["*://*.wikipedia.org/*"],
      "js": ["wikifukiller.js"]
    }
  ]

}

最初の 3 つのキー manifest_version、name、version は必須であり、拡張機能の基本的なメタデータを指定します。
description は省略可能ですが、設定しておくことをお勧めします。この値はアドオンマネージャーに表示されます。
icons は省略可能ですが、設定しておくことをお勧めします。この値は拡張機能のアイコンを指定するものであり、アイコンはアドオンマネージャーに表示されます。

MDM web docsより引用

manifest_version:「2」固定?
name:自分のアドオン名を記述
version:自分のアドオンのバージョンを記述
description:自分のアドオンの説明
icons:アイコン画像の相対パス
matches:適用先のURLを設定するため、WikipediaのURLを記述
js:読み込むJSファイル名を記述

wikifukiller.js

wikifukiller.js
if(document.getElementById('siteNotice') != null) {
  document.getElementById('siteNotice').remove();
}

if(document.getElementById('frb-inline') != null) {
  document.getElementById('frb-inline').remove();
}

「寄付依頼」タグに振られているidがある場合に削除するという処理を記述。
Firefoxの場合はタグの存在チェックを行わなくてもエラーとなりませんでした。
Chromeの場合はタグの存在チェックを行わないとエラーとなっていました。
Edgeは未調査です。

リリース

Firefox版

こちらに記載されている通りにリリース作業を実施しました。
手続き後、待ちが41/42となっていたものの約3時間ほどで公開されました。

Chrome版

こちらに記載されている通りにリリース作業を実施しました。
手続き後、約3時間ほどで公開されました。

Edge版

こちらに記載されている通りにリリース作業を実施しました。
手続き後、約10時間ほどで公開されました。

スペシャルサンクス

命名:はるうさぎ
アイコン:みなみ様

急な思いつきで命名やアイコン作成をお願いしたにもかかわらず、すぐに対応して頂き本当に助かりました!
お二方ともTwitterにてアイコンやヘッダ画像作成等のお仕事を募集されていますので、何かあれば是非依頼してみてください。
みなみ様は私が窓口となっていますので、私のTwitterまでご連絡を頂ければ取り次ぎます。

感想

以前Firefoxアドオンを作ろうと思い立ったときは、XULという独自言語で実装しなければならないなどハードルが高めの印象でした。
今はWebExtensionsに変わり、Firefox用に作成した物をそのままChrome、Edge向けにもリリースができ非常に楽でした。

Wikipediaには繁栄して欲しいとは思うもののAdsense利用など、もう少しやり方があるのではないかと思います。
何かご質問やご意見等がありましたらTwitterにご連絡を頂ければと思います。

宣伝

メイドカフェマップ for Android

メイドカフェマップアイコン

元メイドさんと一緒に作った~メイドカフェマップ for Androidを公開しています。
インストールして頂いて評価やコメントを頂けると喜びます:relaxed:
メイドカフェマップ アプリ内からツイートできる機能がありますので、そちらをして頂くとさらに喜びます:heart_eyes:

Kindlist

Kindlistアイコン

Kindle for PCのXMLファイルを解析して、Excel形式に変換する機能を提供します。
書籍一覧が記載されたExcelファイルを、Kindle書籍管理にご活用下さい。
Vectorよりダウンロードが可能です。

更新

2023/03/18時点で表示されている寄付依頼に対しても有効であることを確認しました。

0
3
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
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?