本田圭佑の言葉どおり「プロフェッショナル」が「ケイスケホンダ」と言われるようにしてみた

はじめに

年末のクソアプリ advent calendarでジャルジャルのネタを再現して以来クソアプリを作ることが出来ていなかったが、NHKプロフェッショナルの本田圭佑の会がTwitterで盛り上がっていたので、雑にクソアプリを作ってみた。

何で盛り上がっていたのかというと、プロフェショナルという番組の最後に毎回聞かれる「あなたにとって、プロフェショナルとは？」という質問に「ケイスケ ホンダ」という答えが返ってきたからです。

作ったもの

Twitter上で「プロフェシッョナル」という単語が出てきたら「ケイスケ ホンダ」に置き換えるChromeのアドオン

動作しているところ

製作時間

2時間

• /../gという部分が何を行っているか理解できず、”プロフェッショナル”って指定していて、なんで一部分しか変わらないんだろう…という点で詰まった

• そもそもエディタで編集していたファイルが思っていたファイルと違っていて、アップロードしたはずなのに何も反映されない…という点で詰まった

コード

fuga.js

$(function(){
  $("body").html(
    $("body").html().replace(/プロフェッショナル/g, "ケイスケホンダ")
  );
});

manifest.json

{
  "name": "ProfessionalToKeisukeHondaChromeAddon",
  "version": "0.0.1",
  "manifest_version": 2,
  "description": "プロフェショナルをケイスケホンダに置き換えるChromeアドオン",
  "content_scripts": [
    {
      "matches": ["https://*.com/*"],
      "js": ["jquery-2.1.4.min.js", "fuga.js"],
      "run_at": "document_idle"
    }
  ]
}

jQueryとかもうあまり使われていないかもしれないですが、普段営業をしている自分にとってはトレンドフォローして最新の言語を使うというよりは、ギャル電の方が仰っていた様にコピペバンザイで、まず動く物を作るのが大事という精神で作っております。

参考にしたサイト

今から３分で，Chromeブラウザの独自アドオンを自作してみよう （jQueryを使ったクローム拡張機能を，開発および動作テストする入門）

[Javascript] ページ内の文字列の置換 replace