👾

ターミナル「Warp」の便利機能とショートカットキー

2023/07/04に公開

最近、知名度が上がり続けているWarpについて、
よく使っている機能とショートカットキーについて紹介します。
https://www.warp.dev/

共通

ショートカットキー 説明
⌘ + / ショートカットキーの一覧をサイドバーに表示します。
⌘ + P コマンドパレットを表示します。

コマンドパレット

困ったら、コマンドパレットを開いておけば何とかなる。(はず)

Launch Configration

https://docs.warp.dev/features/sessions/launch-configurations

ウィンドウ、タブ、ペインの構成を保存することができます。
VS Codeのワークスペース的な使い勝手だと思ってもらえると、便利さがわかりやすいかもしれないです。

複数のプロジェクトで作業をしている時なんか、切り替えが楽で役に立っています!

ショートカットキーはありませんが、コマンドパレットと組み合わせると楽に操作ができます。

  1. ⌘ + P でコマンドパレットを開き、Launch Configration Palleteを選択する。
  2. 保存した構成設定を選択する

Save New Launch Configrationを選択すると以下のポップアップが表示されるので、yaml形式で保存すればOKです。

Blocks

Warpでは、コマンドとアウトプットを1つのBlockという単位で取り扱っています。

https://docs.warp.dev/features/blocks

ショートカットキー 説明
⌘ + ↑ 上のBlockへ移動する
⌘ + ↓ 下のBlockへ移動する
⌘ + B Blockをブックマークする
⌘ + Shift + C 選択中のBlockのコマンドをコピーする

npm iとかを実行すると1Blockがかなりでかくなるので、
Block単位で移動ができるのって思っていたより、便利なんですよね。

Pane

タブ内を区切って複数のターミナルを表示できます。
(パネって読んでましたが、正しくはペインです。)

ショートカットキー 説明
⌘ + D ペインを横に分割する
⌘ + Shift + D ペインを縦に分割する
⌘ + W ペインを閉じる(ペインが残り1つの場合、タブを閉じる)

以下のような時に、複数タブを開いて実行している人はいませんか?私です。

  • フロントエンド起動(npm run dev)
  • バックエンド起動(pnpm dev)
  • とりあえず何か操作する時用に開いたタブ

ですが、ペインを利用すると、一つのタブでまとめて管理できます。
(ウルトラワイドモニターだと良い感じ)

Warp Drive

ワークフローをチームで共有して利用できる機能らしいです。「Warp Drive」ってSFっぽい響きで良いですよね…。
https://docs.warp.dev/features/warp-drive

個人で利用しているので、そこの便利さは実感できていませんが、
サイドバーにワークフローの一覧が表示されるところが気に入っています❤️

赤枠で囲ったところにあるアイコンをクリックすると表示されます。

サイドバーに作成したワークフローの一覧を表示でき、フォルダでまとめることもできます。

複数プロジェクトの作業をしていると、「あのプロジェクトのフロントってどうやって起動するんだっけ…???README見るか…」ということがそこそこあります。
ですが、プロジェクト単位でフォルダを作成し、各コマンドをワークフローとして保存することで、この問題を解決しました!もう、Warpなしでは生きていけないです。

まとめ

今回紹介はしませんでしたが、入力補完やWarp AIなど他にも便利な機能があるターミナル、それがWarpです!
現時点では、macOSでしか対応していませんが、Windows、Linux版のリリースも予定されているので、リリースを楽しみに待ちましょう!

コラボスタイル Developers

Discussion