AWSマネジメントコンソールをカスタマイズしてみよう

## この記事について

- AWSマネジメントコンソールですが、ログイン後のホーム画面が風景と化している、という事はありませんか？
- 今回はAWSマネジメントコンソールのホーム画面をカスタマイズする方法を紹介します。

## 目次

以下の項目について解説します。  
気になる部分を確認してみてください。

- [ダークモードにする](#ダークモードにする)
- [サービスをお気に入り登録する](#サービスをお気に入り登録する)
- [お気に入りバーを並び変える](#お気に入りバーを並び変える)
- [お気に入りバーの表示とアイコンサイズを変更する](#お気に入りバーの表示とアイコンサイズを変更する)
- [ウィジェットの追加・編集・削除](#ウィジェットの追加編集削除)
  - [ウィジェットの追加](#ウィジェットの追加)
  - [ウィジェットの編集](#ウィジェットの編集)
  - [ウィジェットの削除](#ウィジェットの削除)
- [ウィジェットのリセット](#ウィジェットのリセット)

## デフォルト状態

AWSアカウント開設後の状態はこちらです。ここから各種カスタマイズをしていきます。

![default.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/09c93944-61f4-1912-f067-2b893e18c03d.png)

## ダークモードにする

みんな大好きダークモードは、マネジメントコンソール上部の「歯車」マークから選択できます。

![darkmode.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/a2551781-990f-0e7d-2353-3862cfb34c4a.png)

## サービスをお気に入り登録する

ブラウザの様にサービスをブックマークできます。

サービスを検索し「☆」ボタンをクリックすると、

![ec2-1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/89538f26-3993-f296-5647-b701643f630b.png)

上部のお気に入りバーとして追加されます。

![ec2-2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/8af73883-1101-f5a5-b3ca-00d9a38f559e.png)

また「サービス > お気に入り」を選択すると、お気に入り一覧としても確認ができます。

![fav-list.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/89bc563e-d2c5-7cb5-55a5-01e6cfecaf7b.png)

:::note info
お気に入りはブラウザの cookie に保存されます。
:::

## お気に入りバーを並び変える

お気に入りバー自体もカスタマイズができます。  
何個かお気に入り登録してみると、以下の表示となります。

![fav-default.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/59cf051d-1d11-1dd6-5597-789d2f8aaf17.png)

ドラッグアンドドロップで、サービスの並び替えもできます。

![fav-dd.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/ae7509d0-9ee1-ed03-b88c-7c14e6da745c.png)

## お気に入りバーの表示とアイコンサイズを変更する

ホーム画面の「歯車アイコン > その他のユーザー設定」を選択すると、

![go-home-settings.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/f865793b-bb27-a5d5-4321-e51832a37104.png)

統一された設定ページに遷移します。

![home-settings.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/8f487589-2b03-8684-3a0d-f13e33f525ca.png)

ここで「編集」を選択すると、プレビュー画面を確認しながらお気に入りバーの表示とアイコンサイズを選択できます。

![edit-home-settings.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/13d65600-e326-5339-7742-e29266698db2.png)

私の場合は、「お気に入りバーの表示 > `サービスアイコンのみ`」、「お気に入りバーのアイコンサイズ > `大`」として保存しました。

![customized-home.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/6e15fe23-06d3-8add-03df-b9f05693af47.png)

## ウィジェットの追加・編集・削除

### ウィジェットの追加

ウィジェットの追加はそのまま「ウィジェットを追加」からできます。

:::note info
一度削除したウィジェットも、ここから復活させることができます。
:::

![add-widget.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/efcaa35f-5779-1358-e600-7ee6f825482a.png)

### ウィジェットの編集

ウィジェットの右下をドラッグアンドドロップで、ウィジェットのサイズを変更できます。

![edit-widget.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/26126178-f14a-c6a4-cc86-efe51868bf19.png)

### ウィジェットの削除

ウィジェットの右上の三点リーダーから、ウィジェットが削除できます。

![delete-widget.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/156a24e9-22e8-2417-1da4-b50cecd1642c.png)

## ウィジェットのリセット

「デフォルトレイアウトにリセット」を選択するのみです。

![reset-widget.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/411902/a4bf4820-c66f-593a-c093-eb651a92a461.png)

## 参考

[Configuring the AWS Management Console](https://docs.aws.amazon.com/awsconsolehelpdocs/latest/gsg/working-with-console.html)
[Qiita - 【AWS】コンソールのトップページを素通りしている人へ](https://qiita.com/inoue_d/items/e68f2c26578f33386f87)