はじめに 記事の内容 仕事でもプライベートでも利用頻度の高いGoogle Cloud(旧称:GCP)を便利に利用するため、プロジェクト毎にコンソールのヘッダカラーを変更できるChrome拡張を作りました。 本番環境だけ色を変えたりできればオペミスが減ってハッピーですよね。作ったのはコレです。 作る上ではこちらを大変参考にさせていただきました。 想定読者 GCPを便利化するものは作りましたが、記事の内容はGCPと一切関係ありません あくまでChrome拡張の入門的なものを読みたい方にオススメです Chrome拡張 概要 説明するまでもないですが、ブラウザに独自の機能を追加することができる仕組みです。 主にHTML / CSS / JavaScript / 画像を組み合わせて実装します。 manifest.json Chrome拡張にはmanifest.jsonという設定ファイルが必須です。
![GCPコンソールの色を変えるChrome拡張作った👨💻 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/0fe1cf9e16d3d09c79931b0e59f248756763b802/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9R0NQJUUzJTgyJUIzJUUzJTgzJUIzJUUzJTgyJUJEJUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgxJUFFJUU4JTg5JUIyJUUzJTgyJTkyJUU1JUE0JTg5JUUzJTgxJTg4JUUzJTgyJThCQ2hyb21lJUU2JThCJUExJUU1JUJDJUI1JUU0JUJEJTlDJUUzJTgxJUEzJUUzJTgxJTlGJUYwJTlGJTkxJUE4JUUyJTgwJThEJUYwJTlGJTkyJUJCJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yYThhMjQ2ZDE1MmQ2MTBlMzI0N2U4ZTNiMmViOTY0Zg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwa2F3YW1vdSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTMyJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MTVlMTRkYjk1Mzc5NmQxMWQxNjcwYzQwZmU0NDJmMTI%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D39e7254d79bdda353bbc7a12c5ff828f)