Arcブラウザで生産性を向上させる

生産性を向上させることは、脳力をより効率的に使うことに他なりません。これを達成する方法は大きく４つに分かれます：

- タスクを簡素化する
- 手順の数を減らす
- 邪魔をなくす
- 環境を整頓する

この目標に向かって、Arcブラウザについての良い評価を多く読んだので、試してみることにしました。日常のワークフローにもたらす落ち着きと整理された感じがとても気に入ったので、これについてブログを書くことにしました。

このブログの目的：

- Arcが何であるかを議論する
- Arcがどのように私の生産性を向上させるかを説明する

## Arcとは何か

Arcは、私たちの現在のブラウジング方法に挑戦することを恐れていません。現在使用しているブラウザのUIを考えてみてください。他のブラウザとどれだけ違いますか？インターネットを学んだ初めてのブラウザと比べてどうでしょうか？

開発者として、私たちはウェブページが実際にはアプリケーションにすぎないことをよく知っています。Appleは最近、[macOS Sonoma 14でウェブページをアプリとして開く機能を導入しました](https://support.apple.com/en-kw/guide/safari/ibrw9e991864/mac)。これはウェブアプリを通常のアプリのように感じさせるための試みです。UIの観点からは、ブラウザから注意をそらし、表示しようとしているアプリに焦点を当てることを意図しています。

![arcgif.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3588855/324c67f5-6ab3-ddbb-db38-0b3df4224076.gif)

Arcも非常に似たことを試みていますが、さらに一歩進んでいます。Arcは検索バーを含む上部セクションを完全に取り除き、サイドメニューに置き換えています。このメニューはオプションとして簡単に隠すことができるため、ブラウジング中に完全にページに集中できます。

## 内部の馴染みやすさ

ArcはChromiumベースで開発されています。そのため、Arcの使用感は他の多くのブラウザと似ており、親しみやすいです。主な機能は以下の通りです：

- **Chrome拡張機能** Chrome Web Storeの拡張機能がサポートされています
- **ブックマークのインポート**：私は既存のブックマークをArcのフォルダーとピンのシステムに簡単にインポートできました。これは通常のブックマークとは少し異なります
- **Chrome DevTools**：ArcはChromeと同じ開発者ツールを提供しており、それを開くショートカットも同じです
- **内蔵広告ブロッカー**：オプションで「Ublock Origin」という内蔵広告ブロッカーがあります

## Arcでの生産性

ここで一つ注釈を加えておきます：以下で説明することは、他のブラウザでも大部分可能です。

それでも、変化が起こっているときこそ、習慣を変える絶好のタイミングです。Arcに慣れることを機会に、私のブラウジング行動を見直すことにしました。部分的には、Arcがブラウジングを奨励する方法によってアイデアが促されました。ブラウザのUIが隠れていることで、クリック可能なインターフェース要素がなくなり、キーバインディングを使用するよう強制されました。それにより、これらのクリック可能な要素が実際には松葉杖であったことが明らかになりました。

### サイドバーを隠す

この機能は「気を散らす要素を排除する」および「環境を整える」というカテゴリに分類されます。Arcはビューポートのごちゃごちゃを減少させることで自然にこれらを実現します。

前述した通り、ナビゲーション、フォルダ、タブ用のサイドバーがあります。私の解釈では、Arcではこれを隠すべきです。macOSでは、`⌘ + s` でこれを行います。

これでUIはできる限りシンプルになりました。次に何をすべきか少し迷うかもしれませんが、今は `⌘ + s` を押して再び表示する誘惑に抗ってください。代わりに `⌘ + l` を押してください。

### コマンドバーを開く

さっき `⌘ + l` を使ってそれを行いましたね。これにより、Chromeで慣れていたように検索バーをクリックするか、検索バーにフォーカスを移すためにタブキーを繰り返し押す必要がなくなりました。これで、タブを別のウェブサイトに移動できます。


### 設定

コマンドバーで「settings」と入力し、Enterキーを押します。これは必ずしも生産性のハックではありませんが、知っておくと便利です。

### ウェブをナビゲートする

| アクション | ショートカット |
|-----------|--------------|
| 検索バー   | `⌘ + l`       |
| 新しいタブ | `⌘ + t`       |

![safegif.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3588855/81f92e4b-04f0-8f2c-3a6d-72f68f930901.gif)

### 分割ビューを追加

これを行う最も簡単な方法は、`⌘ + s` でサイドバーを開き、二つのタブを重ねてドラッグすることです。設定から `Add Split View` のショートカットも追加できます。

個人的には、これをよく Chat GPT で使用しています。これはよくサイドに開いておくと非常に便利です。

これがピンと連携して機能するのが最高です。例えば、頻繁に英語のドキュメントを読む場合、それが開かれているときには常に AI 翻訳も欲しいかもしれません。その場合は、それを分割してピン留めしてください。次にそのタブを開くと、あなたのドキュメントと AI チャットが最後に残した状態のままであります。openAIクライアントを使用している場合、チャットのコンテキストも前回から保存されています🤯。

Chromeで同じことを達成するためには、タブを別々のウィンドウに分割することが多いです。そのウィンドウで新しいタブを開いた後、どのタブがどのウィンドウで開いていたかを見失いがちです。

### ピン

ピン（およびフォルダ）はArcのブックマークへの回答です。Chromeからブックマークをインポートすると、それらは少し異なる方法で機能するピンになります。

ブックマークが特定のURLへの永続的なリンクであるのに対し、ピンはより「粘着性」のあるタブのようなものです。`⌘ + w` でピン留めされていないタブを閉じるか、「Archive Tab」を使用すると、それは直接アーカイブに送られます（タブを閉じることを意味します）。アーカイブは「ゴミ箱」と「閲覧履歴」の両方として機能します。

対照的に、ピン留めされたタブを閉じてもピンは消えません。閉じた状態でピンにマウスオーバーして「X」をクリックしない限りは。

### タブのナビゲーション

以前は、ブラウザの上部をクリックしてタブを切り替えたり、戻るボタンと進むボタンを使用したりしていました。必ずしもそうする必要はなかったのですが、UIが松葉杖になってしまっていたと思います。

Arcでサイドバーを隠すことを選んだことが、以下のキーバインディングを設定する動機となりました：

| アクション        | ショートカット  |
|---------------|-----------------|
| `Next Tab`    | ⌥⌘↓             |
| `Previous Tab`| ⌥⌘↑             |
| `Go Back`     | ⌥⌘←             |
| `Go Forward`  | ⌥⌘→             |

タブサイクリングの上下矢印はサイドバーの縦のリストに従います。これにより、サイドバーを直接見なくても、サイドバーの配置を基にタブの位置を頭で把握し続けることができます。

### すっきりと保つ

上記の方法でタブをサイクルすると、不必要なタブを閉じる傾向が強くなります。これにより、タブが積み重なって圧倒される前に対処できます。

Chromeでは、閉じるよりも多くのタブを開いてしまい、最終的には混乱を引き起こしていました。今ではショートカットでサイクルしているため、そのタブがまだ必要かどうかを考える傾向があります。時には必要ですし、時にはそうでないこともありますが、このワークフローが決断を強いる点が気に入っています。

まだ必要なタブがあると判断した場合、サイドバーを開いてフォルダにドラッグするかもしれません。フォルダは最後に説明するものですが、すべてをうまくまとめるのに役立ちます。

### フォルダ

フォルダにはピンが含まれています。サイドバーを開いてフォルダをクリックすると、そのフォルダのピンが `Next Tab` と `Previous Tab` のローテーションに追加されます。これにより、タブを順番にサイクルすると、それぞれのタブが次々とロードされます。

これにより、常に一緒に使用したいウェブサイトのフォルダを作成するオプションが生まれます。特定のタスク用やプロジェクト用にフォルダを作成できます。このように気まぐれにワークスペースを開いたり閉じたりするのはとても便利です。最初に、「AWS」や「Ruby on rails」といったフォルダを作成しました。これは基本的にChromeでブックマークを管理していた方法と同じです。しかし、フォルダの便利さを理解すると、私のフォルダ構造は「プロジェクトA」や「タスクB」のようになりました。

また、ランダムなタブを保存したいだけの場合は、「Keep」または「その他」フォルダに追加することができます。フォルダを開いて、その中のピンを開いた後にフォルダを再び閉じると、そのピンだけが閉じられたフォルダの中で「開いている」状態になる。この方法で、「`Next Tab` と `Previous Tab`を使用すると、そのフォルダ内のすべてのピンをサイクルする必要がなく、タブローテーションを少しすっきりさせることができます。

### ニーズを予測する

時には、Arcが何もしなくても生産性を向上させることがあります。プルリクエストを作成したとき、このフォルダがサイドバーに現れました。

![prfolder.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3588855/11b433e9-0669-a79a-b98c-286bc74d3f7d.png)

正直、このようなことがあると、ソフトウェアを使用していることが楽しくなり、開発者としてユーザーのニーズを予測し、便利な機能を提供することにもインスピレーションを受けます。

### まとめ

これで終わりです。このブログを通じて私のArcに対する熱意が少しでも伝わればと思います。Chromeにはもう戻っていませんし、Arcを試してみれば、あなたも同じように感じるかもしれません。