2020-05-21に更新

#いいね変換 というChrome拡張を作りました

こんな感じで、PCのWebでTwitterを見るときに「いいね」と「リツイート」のテキストを別なテキストに変えられるChrome拡張を作りました〜🎉

unnamed (7).png

インストールはこちら https://chrome.google.com/webstore/detail/いいね変換/hmffblebenkcbckhadhpbcpalbcfkken

使い方

このChrome拡張をインストールして、右上の拡張のボタンを押すと出てくるポップアップから、好きなテキストを入力すると、好きなテキストに変換して表示することができます!

image.png

↓適当なテキストをいれる!

unnamed (7).png

「いいね」と「リツイート」が無事に変換されました。

技術的な話

前回と同じこちらのテンプレートを利用して、開発をしました。

https://github.com/dutiyesh/chrome-extension-cli

TwitterではReact Native Webを利用したSPAなので、jQueryで文字列変換のようなことができないので、domはquerySelectorAllで検索します。

また、MutationObserverを利用してコンテンツの変更を検知して、都度テキスト変換を走らせます。

ぜひ使ってみてください

インストールはこちら https://chrome.google.com/webstore/detail/いいね変換/hmffblebenkcbckhadhpbcpalbcfkken

以上です!最後までお読みいただきありがとうございます!


nabettu
コメント