Google Chromeのブックマークを綺麗に整理するコツ

何度も閲覧したいサイトは毎回検索して見つけるよりもブックマークしておいてメニューバーから移動する方が便利。しかしブックマークしているサイトが増え、ブックマークバーがぐちゃぐちゃになっていませんか?
今回は僕がブックマークバーを綺麗に整理するために気をつけているポイントを幾つか上げていきます。是非参考にしてブックマークバーの整理をしてみてください。
ブラウザによってブックマークの表示のされ方は違ってくるので、注意が必要ですが基本的な考え方等は参考になると思います。
ちなみに現在のブックマークバーはこちらです。

それでは見ていきましょう。
ファビコンのみ表示する
Chromeの場合はサイトをブックマークするとそのサイトのファビコンがサイト名の隣に表示されるのですがサイト名の部分を空白にする事でファビコンのみ表示させる事が可能です。
僕の場合はSNSやFeedly等をファビコンのみで表示させています。
ブックマークの際に名前を空にして[完了]ボタンを押すか、ブックマークに追加した後でも右クリックから[編集]を押して名前を空にすればファビコンのみになります。

SNSのファビコンは分かりやすく視認性も良いですし、サイト名が入る余計なスペースが無くなるので、その分ブックマークバーに多くのブックマークを表示させる事ができます。
ただし、ファビコンが設定されていないサイトの場合はファイルアイコンのみになってしまい、何のサイトか分からなくなるので注意しましょう。
ファビコンのみ表示させるメリット
ファビコンのみ表示させるメリットとしては、単純にブックマークバーの無駄なスペースが無くなる点が挙げられます。
下の画像は僕のブックマークバーにアイコンのみで表示させている5つのサイトのサイト名があるのとないのとでの横幅の違いですが、倍以上違ってきますよね。

アプリのショートカットをファビコンのみにする

Google Chromeには「アプリ」というページがあり、そのページへのショートカットがブックマークバーに表示されるのですが、この「アプリ」は名前の編集ができません。
ですから、「アプリ」ページをブックマークしてショートカットは非表示にする事で、見かけ上は「アプリ」ページへのショートカットのファビコンのみ表示させたり、別の名前にする事が可能です。
手順としてはアプリのページ「chrome://apps/」の名前を空にしてブックマーク→ブックマークバーを右クリックして[アプリのショートカットを表示]をクリックしてチェックを外す。これでOKです。

これで好きな名前にしたりファビコンのみ表示させる事が可能です。
基本はフォルダで管理
少し基本的な考えの話になりますが、ブックマークバーはすぐ横いっぱいに埋め尽くされてしまいます。
ですからブックマークは基本的にフォルダで管理するようにして、よく利用するWebサイトやSNS等はファビコンのみ表示させておくようにしましょう。
あと僕の場合、フォルダの名前を英語にしているのですが、理由として日本語が全角なのに対して英語は半角なのでスペースを取らないですし、略もしやすいです。
例えば参考サイトをまとめたフォルダにはReferenceの略で「RF_」と頭に付けるようにして「RF_Design」や「RF_Web」などのフォルダを作成しています。
inboxを作る
僕の場合はINBという名前にしていますがinboxフォルダ。何でもとりあえず入れておく箱を作っておきましょう。
例えば何か新しいサイトをブックマークする時に、そのブックマークが今まで作成してきたフォルダには分類できないジャンルのサイトだったら皆さんはどうしますか?
「新しくそのジャンルを入れておくフォルダを作る」「無理矢理似たようなフォルダに入れておく」というのが一般的でしょうか?
「新しくそのジャンルを入れておくフォルダを作る」場合は今後一切使わないフォルダを作成する原因になりかねません。何故なら今までブックマークする時に作って分類してきたフォルダのどれにも当てはまらないわけですから。
「無理矢理似たようなフォルダに入れておく」場合は後でどこにブックマークしたか分からなくなりますよね。
inboxフォルダは「何でもとりあえず入れておく箱」と説明しましたが、その通り「どこにも分類できそうにないブックマーク」や「とりあえずブックマークしておこう」といったブックマークを一時的に入れておくフォルダ(とルールを決めておく)です。
inboxフォルダに似たようなジャンルのブックマークがあったり、よく使うブックマークだと感じた場合は新規でフォルダを作る。そうでなかったら削除する。
そうする事でかなり整理しやすくなりますし、使ってないただ存在するだけのブックマークが比較的少なくなります。
この考え方はブックマークだけじゃなく、デジタルの整理術だと共通して言える事だと思っているので是非参考にしてみてください。
縦の区切り線を付ける
ファビコンのみ表示させる方法を利用して、区切り線のファビコン設定をしているサイトをブックマークして縦の区切り線をつける事もできます。
有名なところだと「ちょろめせぷ」や「Chrome Bookmarks Separator」といったサイトです。
ちょろめせぷは破線でChrome Bookmarks Separatprはグラデーション掛かった線です。好みや使っているテーマによって見やすさも変わってくるので好きな方を利用しましょう。
ちなみに僕は全体的に暗いテーマを使っているので破線だと見にくく、Chrome Bookmarks Separatprの方をブックマークしています。
僕の場合はファビコンのみのブックマークと普通のブックマークの境界線としてしか利用していませんが、大量にファビコンを並べている人はこういったサイトを利用してブックマークを区切ってみると使いやすくなるかもしれません。
横の区切り線を付ける
縦の区切り線だけでなく横の区切り線も付けたいですよね。
横の区切り線の場合は単純に名前を変更してハイフンを大量に打てばいいじゃないかと思うかもしれませんが、Chromeは何もファビコンが設定されていないサイトにはファイルのアイコンが自動で付いてしまいます。
何だか区切り線として綺麗じゃないですよね。
というわけでそれ専用の透明なファビコンを設定してある「separatethis.com」というサイトをブックマークしましょう。
このサイト名はもともと「 – – – – – – – -」という風にハイフンと空白が交互になっているだけなのですが、僕は名前を変更して真ん中に適当に名前を入力しています。
こうすることでフォルダ内のブックマークを区切る事ができます。

1つ追加すれば後はコピペして編集で名前だけ変えてブックマークを区切ってます。こうすることで無駄な階層化を防ぐことができます。

Google検索で使えるパラメータ一覧とその活用方法
1PasswordとAlfredを連携してログイン情報の検索を行う方法
ショートカットキーを考える時に参考となる英単語一覧
macOS Mojaveに移行したタイミングでPathFinder8にバージョンアップしました
散らかりがちなMacのメニューバーをBartender 3でキレイに整理する
Magic Mouseの軌跡の速さを限界を超えて速くする方法
Macでデュアルディスプレイ時に、通知を表示するディスプレイを指定する方法
Google Chromeの「お使いのデバイスに送信」機能を使ってiPhoneに閲覧中のサイトを送信する方法
Stationの「My custom apps」機能を使って好きなウェブサイトをStationに追加する
Keyboard MaestroのThird Party Plug Insの作り方
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
AutoSleepを使って、Apple Watchをつけたまま寝るだけで自動的に睡眠ログを取る!
Keyboard Maestroにサードパーティ製アクションを追加する方法
Figmaで様々なグラフ・チャートが作れて、詳細な見た目の設定もできるプラグイン「Chart」
ATOKで英単語変換時に、すべて大文字・小文字の状態で変換する方法
定番のプログラミング用フォント「Ricty Diminished」のインストール方法
macOSのシステム環境設定「ユーザとグループ」の設定見直し
さくらのレンタルサーバで.htaccessが原因で500エラーになってしまう場合のチェックリスト
MacにiPhoneを接続をしたときに「同期」「適用」ボタンがグレーになって押せない場合の対処法
FigmaでAdobe XDやSketchのデータを開く方法
MacでOutlookの「.msg」拡張子のファイルを開く方法