親の顔より見たChrome HOME画面、自分の使いやすいようにカスタマイズしてみませんか？

そんなん必要ないやろ

と思うかもしれない。むしろGoogleが用意するブラウザショートカットを利用できねーじゃんか、と。

いや、まさかマウスカーソルでChromeを開くたびに画面下のブラウザショートカット、検索バーを押していませんよね？？

基本ブラウザは上のURLを叩いて利用してください。0秒でリンク・検索結果にアクセスできます。他のブラウザ閲覧中でも「Ctrl/Command + L」で速攻フォーカスできます。新しくタブを開く「Ctrl/Command + T」と同じようにフォーカスされた状態となります。

HOME画面を編集するメリット

上記の速攻フォーカスを知ると、要するにChromeのHOME画面は何でも良くなる。じゃあ好きなものにカスタマイズしようね、てこと。

Chrome HOME画面は毎日見るもの。自分を元気づけたり、あるいは便利機能を配置するとQOLバク上がり間違いなし。ちなみに以下のサンプルは全てHTML, CSS, JavaScriptのみでデザインしています。

推しを表示	座右の銘を表示

現在時刻表示	TODOリスト

(フォルダ)
├── index.html
└── style.css(必要であれば)

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ファイルを読み込むことが可能です。

chrome://extensions にアクセスし、拡張機能を読み込みます。先程のフォルダをドラッグ＆ドロップします。

下記のようなポップアップが表示され、「そのままにする」を押すことで作業が完了します。

以上で、Chrome HOME画面を自分好みにカスタマイズが完了しました。