arcブラウザで特定のサイトでの検索をコマンドパレットで行う方法


# arcブラウザで特定のサイトでの検索をコマンドパレットで行う方法

arcにはデフォルトでこのようにコマンドパレット上で直接特定のサイトの検索ができます．

![twitter](https://downloads.intercomcdn.com/i/o/703546622/d3b07ccc03e422ad7761c9b4/CleanShot+2023-04-01+at+10.51.19.gif)

デフォルトでは，twitter,amazon,wikipedia,spotify,youtute,github,...など結構多くのサイトが登録されています．

さらに，他のサイトも追加したり，デフォルトのものを編集したりしたいときがあると思います．

:::note info
chromeでも一応同様のことができますが，arcの方がなんとなくデザインがいいですね．

[サイト内検索](https://forest.watch.impress.co.jp/docs/serial/chrometips/1172894.html#:~:)
:::

arcではこんな期待にも応えてくれます！

## 設定方法

:::note warn
ここではtwitterを例にしますが，twitterはすでに登録されているので，他の例を見たい人はその下の**他の例で練習**を見てください．
:::

まず`site search`の設定を開きます．

以下のどちらかの方法で開いてください．

- コマンドパレットで`site search`と入力する
- arc://settings/searchEngines

以下のような画面になると思います．

![設定画面](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3670528/f3740404-01c8-abbe-35c3-6e0ea70a1fb9.png)

上の画面で見えている**追加**というボタンを押してください．

すると，以下のような画面が出てくると思います．

![サイト設定](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3670528/a10ef521-7ab9-67e5-43c2-dc91e9e51d5b.png)

ここに入力していきましょう．

- **名前**: サイトの名前を入力しましょう．

:::note info
自分がわかりやすいようにつけるだけなので，何でもいいです．
:::

- **ショートカット**: このショートカットをコマンドパレットで入力することで，そのサイトの検索ができるようになります．

:::note info
例えば，`twitter.com`と入力すると，twitterでの検索ができるようになります．

:::

:::note warn
ただし，全て打たなくても途中で`tab`キーで推測されるようになっているので，他のショートカットと初めの文字があまり被らないようにするといいです．

**例**: `google scholar`のショートカットを`ggogle.scholar.com`のようにすると，`google`のショートカットがすでにあるので，`google.s`まで入力する必要があります．
この場合は，`scholar.google.com`のようにショートカットを設定すると，`sc`の部分くらいで推測されるようになります．
:::

- **URL**: そのサイトのURLを入力しましょう．
ただし，ここが少し曲者です．わかる方は **(%s=検索語句)**というも文字でわかるかもしれませんが，わからない方の方が多いと思うので詳しく説明していきます．

## URLの設定方法

まず例にあった`twitter`での検索を考えてみましょう．

:::note warn
現在は`X`という名前なのですが一旦twitterとしておきます．
:::

twitterのURLは`https://x.com/`です．

それではtwitterで何か検索してみましょう．
簡単に`aiueo`と検索してみます．

すると，URLが`https://twitter.com/search?q=aiueo`となります．

:::note warn
ログインしてない方は勝手にログイン画面になってしまうのでログインするか下の他の例を見てください．
:::

このURLの`aiueo`の部分が検索語句です．
では，`?q=`が何かというと，ここで検索語句はこれですよーと伝えてくれています．

`https://twitter.com/search`の部分がtwitterを使うよ！ということで，`?`以降に検索語句は〇〇だよ！ということを伝えているわけです．


### そして，arcの設定画面のURLの部分では`https://twitter.com/search?q=%s`と入れましょう！

なぜ`%s`となるかもしれませんが，そういうものとしておきましょう．
この`%s`というところが，コマンドパレットで入力したときに入力した文字列をそのまま置換してくれるところです．

:::note info
プログラミングをかじったことがある人はわかるかもしれませんが，`%s`は文字列の変数を入れるところです．
:::

結果はこうなると思います！

![twitter](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3670528/87562153-a583-4530-efe2-843366cb2221.png)

これで，twitterでの検索ができるようになりました！

## 他の例で練習
twitterはすでに登録されているので，他のサイトで練習してみましょう！

例えば，`google scholar`での検索を追加してみましょう！

![googlescholar](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3670528/e04277f1-e6d1-aab8-7db3-9dccdf798dd3.png)

私はこんな感じにしてみました！

- **名前**: Google Scholar
- **ショートカット**: `scholar.google.com`

:::note info
`google.scholar.com`みたいにしなかったのは上での理由です！
:::

- **URL**: `https://scholar.google.co.jp/scholar?hl=ja&as_sdt=0%2C5&q=%s&btnG=`

google scholarで`aiueo`と検索したらURLが`https://scholar.google.co.jp/scholar?hl=ja&as_sdt=0,5&q=aiueo&btnG=`となりました．
`?`以降で色々条件を指定していると言いましたが，今回の場合は他の条件も指定しています．

:::note info
`&`で複数の条件を指定しています．
:::

なので，検索した文字列である`aiueo`と書かれている部分を`%s`に置き換えています．


## deepLでやってみる

:::note warn
文字列はエンコードされる場合もあります．
:::


![deeplsetting](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3670528/a00c9fb2-ac99-abb9-27d0-ba9c14e01954.png)

こんな感じに設定して英語に翻訳してもらえるようにしてみました！

![deepl](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3670528/8be43434-6670-0c1b-95b9-b89025b47cc6.png)

deeplで`あいうえお`という文字列を英語に翻訳した時のURLは`https://www.deepl.com/ja/translator#ja/en-us/%E3%81%82%E3%81%84%E3%81%86%E3%81%88%E3%81%8A`となりました．
`?`がないですが，明らかによくわからない文字列が並んでいるのでこの部分が`あいうえお`という文字列を示していると考えられます．
なのでこの部分を`%s`に置き換えています．



:::note info
文字列がURLに含まれている場合は，DeepLのようなものでも使うことができます！
:::

## 使い方

まず，コマンドパレットを開いて，自分で決めたショートカットを入力しましょう．
`sc`くらいまで打つと右側に`Search Google Scholar`**Tab**と表示されると思います．
これが表示されたら**Tab**キーを押してください．

![sc](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3670528/31d09099-e59d-ac35-6ee6-be24eda65683.png)


すると，コマンドパレットの左側に`Google Scholar`と表示されると思います．
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3670528/d4b4dbc4-d176-542e-2bd3-d78a55fa413f.png)

この状態で検索したい文字列を入力すると，そのサイトでの検索ができるようになります！

検索を辞めたい時は`delete`キーで戻れます．


## まとめ

arcは気の利く機能いっぱいあるので，どんどん広まって欲しいですね！