LoginSignup
320
189

More than 1 year has passed since last update.

21世紀のターミナル「warp」のススメ

Last updated at Posted at 2022-05-10

今回は21世紀のターミナルと謳われるターミナル「warp」を紹介します。

warpとは

Rust言語製のターミナルです。
現在はmacOSのみ対応していますが、今後WindowsやLinuxにも対応するとのことです。

warpが開発された背景

なぜ今どきターミナル?と思われる方もいるかもしれませんが、warpの開発者いわく、

  • コードエディターは(vscodeの登場などで)どんどん進化していっているが、一方でターミナルは1978年から大きな進化がないのが現状
  • だからRustを使ってwarpでモダンなターミナルとして再開発をした

warpの特徴

  • 高速
  • コードエディターのような使用感(コード補完ならぬコマンド補完など)
  • コマンドがブロック単位になっており、コピペが楽
  • 豊富なコマンドパレット

warpのインストール

使わないことには特徴のスゴさが理解できないので、早速インストールしていきましょう。

動作確認環境

MacBook Pro (13-inch, M1, 2020)
macOS Monterey 12.1

インストール手順

インストールは公式サイトの「Download Now」を押下するか、Homebrewがインストール済みの場合は下記コマンドを叩くことで出来ます。

brew install --cask warp

現状warpの規約上、使用開始前にGitHubでのSign upを求められるので、GitHubアカウントが必須です。
GitHub/Googleアカウント/メールアドレスでのSign upが必要です。

※GitHubでのSign upしか出来なかった頃のスクリーンショット

image.png

Sign upを終えるとwarpが使用できるようになります。

image.png

Command Paletteについて

cmd+pを押下すると、Command Paletteが開けます。
ここでは使用可能なショートカットキー一覧が確認できます。起動中はいつでも開けるのでショートカットどんなのがあるんだろう?、どんなんだったっけ?って思ったら開いてみましょう。

検索ボックスでキーワードを入力することで

image.png

Search Commandsについて

control+rを押下すると、Search Commandsが開けます。
ここでは以下の3項目が確認できます。

  1. History Search
  2. Workflows
  3. A.I Command Search

History Search

ここではwarp含めターミナルで入力した履歴が表示できます。かなり過去のものまで表示されるので便利です。

image.png

Workflows

warpの目玉機能のその1。よく使われるコマンドについて、ユーザーがよく使うであろうコマンドを確認することが出来ます。

例えば、gitはこんな感じ。

image.png

npmの場合はこんな感じ。

image.png

Workflows一覧はここのページで確認可能です。

まだコマンドによっては数は多くない感は否めないので、今後の追加アップデートに期待です。

A.I Command Search

warpの目玉機能のその2。AIによって「こんなことしたいけど、コマンドでどう打てばいいのかな…?」を叶えてくれる優れものです。
例えば、「temp」というフォルダを作るコマンドが知りたいなら「Make a folder called 'temp'」と入力します。

image.png

すると、mkdir tempのコマンドが提案されて、cmd+EnterまたはInput Commandボタンを押下するとターミナルで貼り付けられます(実行まではされないのでご安心ください)。

image.png

image.png

ちなみに日本語で入力しても問題なく使えるようです。

image.png

image.png

ちなみに、OpenAIの規約に沿ってここで打ち込まれた内容は全てデータ収集用に収集されているため、業務で使用される際はご注意ください。

コマンド補完について

warpの目玉機能のその3。
例えば、yarnと打ってみましょう。

すると、入力履歴に沿って、yarn -vが使えることを教えてくれます。

image.png

また、現在のディレクトリのpackage.jsonが以下の内容だったとします。

package.json
{
  ...
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "test": "jest",
    "test:watch": "jest --watch",
    "prepare": "husky install"
  },
}

それでは、warpの方に戻ってみましょう。ここでtabキーを入力します。

yarnで使える標準コマンド&package.jsonで記載したnpm scriptsの一覧が一緒に表示されます。説明まで一緒に載せてくれるので便利です(今後オプションコマンドまで教えてくれるようになれば嬉しいなぁ)。

image.png

最後に

warpの特徴を一通り紹介したところで今回は以上です。
今まで標準のターミナルで満足していた方も、ぜひこの機会にwarpに移行してみるのもどうでしょうか?

紹介出来なかった箇所も多々あるので、気になる方は下記ページを見てみてください。

320
189
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
320
189