Chrome拡張 • metaCheckManWORKS NAME

業務効率化ツールとして、
開いているWEBページのをMeta情報を表示するChrome拡張機能
を作りました。

6年程、前に作成したもののアップデート版となります。
以前はjQueryで作ったものを
React + Typescript + emotion で作り直しました。

デザインを見やすくしたのと、
オプションページを追加して、表示させたいmetaデータを選択出来る
ようにしました。

また、通常だと
右上のアイコンを押した後にページ移動やフォーカスアウトで消えてしまうポップアップを
使いやすいように残す実装をしています。

リンクや画像のデータに別タブでリンクを貼っているので、
リンク切れの確認もできます。

今後、必要に応じてmetaタグを追加、編集していきます。

アイコンについては、 
「ICOOON MONO」サイトのフリー素材
を使わせていただきました。(感謝)

https://icooon-mono.com/14307-%e7%9c%bc%e7%90%83%e3%81%ae%e7%84%a1%e6%96%99%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b31/