親の顔より見たChrome HOME画面、自分の使いやすいようにカスタマイズしてみませんか？
そんなん必要ないやろ
と思うかもしれない。むしろGoogleが用意するブラウザショートカットを利用できねーじゃんか、と。
いや、まさかマウスカーソルでChromeを開くたびに画面下のブラウザショートカット、検索バーを押していませんよね？？
基本ブラウザは上のURLを叩いて利用してください。0秒でリンク・検索結果にアクセスできます。他のブラウザ閲覧中でも 「Ctrl/Command + L」 で速攻フォーカスできます。新しくタブを開く「Ctrl/Command + T」と同じようにフォーカスされた状態となります。
HOME画面を編集するメリット
上記の速攻フォーカスを知ると、要するにChromeのHOME画面は何でも良くなる。じゃあ好きなものにカスタマイズしようね、てこと。
Chrome HOME画面は毎日見るもの。自分を元気づけたり、あるいは便利機能を配置するとQOLバク上がり間違いなし。ちなみに以下のサンプルは全てHTML, CSS, JavaScriptのみでデザインしています。
| 推しを表示 | 座右の銘を表示 |
|---|---|
 |
 |
| 現在時刻表示 | TODOリスト |
|---|---|
 |
 |
やり方
-
htmlを配置 -
manifest.jsonを配置 - 拡張機能を反映する
1. HTMLを配置
(フォルダ)
├── index.html
└── style.css(必要であれば)
2. manifest.json を配置
htmlらと同じフォルダに、manifest.jsonを配置します。
manifest.json
{
"manifest_version": 3,
"name": "Chrome HOME画面を配置する",
"version": "0.0.0",
"chrome_url_overrides": {
"newtab": "index.html"
}
}
"newtab": "index.html"の部分に任意のHTMLファイルを読み込むことが可能です。
3. 拡張機能を反映する
chrome://extensions にアクセスし、拡張機能を読み込みます。先程のフォルダをドラッグ＆ドロップします。
下記のようなポップアップが表示され、「そのままにする」を押すことで作業が完了します。
以上で、Chrome HOME画面を自分好みにカスタマイズが完了しました。