はじめに (JavaScript Advent Calendar の 11 日目が空いていたので急遽代わりに投稿させて頂きました) JavaScript Advent Calendar 1 日目に sota1235 さんが「今さら聞けない Chrome エクステンションの作り方」という記事を投稿されているので、今回は最近開発したばかりの NewsPicks の Chrome 拡張について、工夫したポイントなどを書いてみようかと思います。 NewsPicks Chrome 拡張の機能紹介 以下簡単に主要な 3 つの機能を紹介します。詳細を知りたい方はこちらの記事 もしくは実際に Chrome 拡張をインストールして頂ければ簡単な利用ガイドがありますのでご覧ください。 サイドバー サイドバーを使って現在表示中の URL に関連する情報(コメント・企業情報・財務チャートなど)を表示することが出来
![NewsPicks の Chrome 拡張機能の裏側 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f4682721d1b2f8595295d2dfc900f426e308fd1e/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9TmV3c1BpY2tzJTIwJUUzJTgxJUFFJTIwQ2hyb21lJTIwJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgxJUFFJUU4JUEzJThGJUU1JTgxJUI0JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz05MmNlZmMzMjJhMjE5MTczOTAyNjIwOGYzZDBkMDg5NA%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBtb256b3UmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTM1OGExOWY0YWQzZDEzYThjYzNhZTUwYmVjMTQ5NDdl%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3D319908411a8248d0471e416e0723267c)