本田圭佑の言葉どおり「プロフェッショナル」が「ケイスケホンダ」と言われるようにしてみた
はじめに
年末のクソアプリ 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"
}
]
}
$(function(){
$("body").html(
$("body").html().replace(/プロフェッショナル/g, "ケイスケホンダ")
);
});
{
"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とかもうあまり使われていないかもしれないですが、普段営業をしている自分にとってはトレンドフォローして最新の言語を使うというよりは、ギャル電の方が仰っていた様にコピペバンザイで、まず動く物を作るのが大事という精神で作っております。
参考にしたサイト
今から3分で,Chromeブラウザの独自アドオンを自作してみよう (jQueryを使ったクローム拡張機能を,開発および動作テストする入門)
Author And Source
この問題について(本田圭佑の言葉どおり「プロフェッショナル」が「ケイスケホンダ」と言われるようにしてみた), 我々は、より多くの情報をここで見つけました https://qiita.com/tokeikun/items/17e899d940457d9a2fe8著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .