業務効率化ツールとして、
開いている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/
- 公開日
- カテゴリー
- 自主制作
- テクノロジー
- Chrome ExtensionTypeScriptwebpackemotion
- 制作期間
- 3日
- クレジット
Develop