<h1 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h1>
<p data-line="1" class="code-line">どうも！<br>
この前、二日連続で同じ鳥貴族で知多ハイボールを飲みまくった、しがいない池袋のエンジニアです。</p>
<p data-line="4" class="code-line">この記事では、WarpのWindowsとMacでの導入方法と初期設定のざっくり解説を行います！</p>
<h1 id="os%E3%81%94%E3%81%A8%E3%81%AE%E5%B0%8E%E5%85%A5%E6%96%B9%E6%B3%95" data-line="5" class="code-line">
<a class="header-anchor-link" href="#os%E3%81%94%E3%81%A8%E3%81%AE%E5%B0%8E%E5%85%A5%E6%96%B9%E6%B3%95" aria-hidden="true"></a> OSごとの導入方法</h1>
<p data-line="7" class="code-line">Linuxは持ってないので詳しくは解説できない点だけご了承ください。</p>
<h2 id="windows%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95" data-line="9" class="code-line">
<a class="header-anchor-link" href="#windows%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95" aria-hidden="true"></a> Windowsのインストール方法</h2>
<p data-line="10" class="code-line">こちらのサイトからダウンロードできます！<br>
もちろん、ARM64とx86のどちらのインストーラもあります！</p>
<p data-line="13" class="code-line">インストーラの内容は、スクショを撮る必要がないくらい特に書くことはありませんでした！</p>
<p data-line="15" class="code-line">内容しては[インストール場所]と[デスクトップにショートカットを作るか]の2点ぐらいです。</p>
<p data-line="17" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__442f5ccea3712" src="https://embed.zenn.studio/card#zenn-embedded__442f5ccea3712" data-content="https%3A%2F%2Fwww.warp.dev%2Fdownload" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.warp.dev/download" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.warp.dev/download</a></p>
<h2 id="macos%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95" data-line="19" class="code-line">
<a class="header-anchor-link" href="#macos%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95" aria-hidden="true"></a> MacOSのインストール方法</h2>
<p data-line="20" class="code-line">Macに関しては、Windowsのようにダウンロードが可能ですが、Homebrewで入れる方が圧倒的に楽です。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="22">brew <span class="token function">install</span> <span class="token parameter variable">--cask</span> warp
</code></pre></div><h2 id="linux%E7%B3%BB%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95" data-line="26" class="code-line">
<a class="header-anchor-link" href="#linux%E7%B3%BB%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95" aria-hidden="true"></a> Linux系のインストール方法</h2>
<p data-line="27" class="code-line">現在、HomebrewはMac専用の状態ですのでLinux系に関しては、<br>
それぞれのパッケージを下記のサイトからダウンロードして指示通りコマンドを実行することになります。</p>
<h3 id="%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8%E3%81%AE%E3%81%82%E3%82%8B%E3%83%87%E3%82%A3%E3%82%B9%E3%83%88%E3%83%AA%E3%83%93%E3%83%A5%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3" data-line="30" class="code-line">
<a class="header-anchor-link" href="#%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8%E3%81%AE%E3%81%82%E3%82%8B%E3%83%87%E3%82%A3%E3%82%B9%E3%83%88%E3%83%AA%E3%83%93%E3%83%A5%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3" aria-hidden="true"></a> パッケージのあるディストリビューション</h3>
<p data-line="31" class="code-line">下記以外の系統の方は、AppImageを使って導入することになります。</p>
<ul data-line="32" class="code-line">
<li data-line="32" class="code-line">Debian系
<ul data-line="33" class="code-line">
<li data-line="33" class="code-line">Debian</li>
<li data-line="34" class="code-line">Ubuntu</li>
</ul>
</li>
<li data-line="35" class="code-line">Red Hat系
<ul data-line="36" class="code-line">
<li data-line="36" class="code-line">RHEL</li>
<li data-line="37" class="code-line">Fedora</li>
<li data-line="38" class="code-line">CentOS</li>
</ul>
</li>
<li data-line="39" class="code-line">Arch Linux系
<ul data-line="40" class="code-line">
<li data-line="40" class="code-line">Arch Linux</li>
</ul>
</li>
<li data-line="41" class="code-line">SUSE系
<ul data-line="42" class="code-line">
<li data-line="42" class="code-line">OpenSUSE</li>
<li data-line="43" class="code-line">SLE</li>
</ul>
</li>
</ul>
<p data-line="45" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__0e649d7287d63" src="https://embed.zenn.studio/card#zenn-embedded__0e649d7287d63" data-content="https%3A%2F%2Fdocs.warp.dev%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.warp.dev/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.warp.dev/</a></p>
<h1 id="%E8%A1%A8%E7%A4%BA%E8%A8%AD%E5%AE%9A" data-line="46" class="code-line">
<a class="header-anchor-link" href="#%E8%A1%A8%E7%A4%BA%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> 表示設定</h1>
<p data-line="47" class="code-line">ここからは、ターミナルをカスタマイズする方法と項目について解説していきます。</p>
<p data-line="49" class="code-line">Warpの設定は<code>Cmd</code>+<code>,</code>で呼び出せます。<br>
今回は[Appearance]の設定です。</p>
<h2 id="input%E3%81%AE%E7%B7%A8%E9%9B%86" data-line="52" class="code-line">
<a class="header-anchor-link" href="#input%E3%81%AE%E7%B7%A8%E9%9B%86" aria-hidden="true"></a> Inputの編集</h2>
<p data-line="53" class="code-line"><code>[Appearance] &gt; [Input]</code></p>
<p data-line="55" class="code-line">通常のターミナルでPS1でやる設定をGUI上で行うことができます！<br>
また、下記の設定を付け替えてプロンプト設定をカスタマイズできます。</p>
<table data-line="58" class="code-line">
<thead data-line="58" class="code-line">
<tr data-line="58" class="code-line">
<th>表示項目</th>
<th>説明</th>
</tr>
</thead>
<tbody data-line="60" class="code-line">
<tr data-line="60" class="code-line">
<td><code>alice@ubuntu-04</code></td>
<td>一般的な形式</td>
</tr>
<tr data-line="61" class="code-line">
<td><code>alice</code></td>
<td>システムのログインユーザー名</td>
</tr>
<tr data-line="62" class="code-line">
<td><code>ubuntu-04</code></td>
<td>現在のマシン名</td>
</tr>
<tr data-line="63" class="code-line">
<td>
<code>July 12, 2023</code>/<code>03:48 pm</code>/<code>15:48</code>
</td>
<td>ローカルの日付や現在時刻</td>
</tr>
<tr data-line="64" class="code-line">
<td><code>~/Desktop</code></td>
<td>現在のディレクトリパス</td>
</tr>
<tr data-line="65" class="code-line">
<td><code>svn:(my-feature-branch)</code></td>
<td>Subversionのカレントブランチ</td>
</tr>
<tr data-line="66" class="code-line">
<td><code>±3</code></td>
<td>Subversionでの変更ファイル数</td>
</tr>
<tr data-line="67" class="code-line">
<td>
<code>condaenv</code>/<code>pyenv</code>
</td>
<td>Python仮想環境（conda / pyenv）情報</td>
</tr>
<tr data-line="68" class="code-line">
<td><code>git:(my-feature-branch)</code></td>
<td>Gitのカレントブランチ(ここでブランチ切り替えをすることもできる)</td>
</tr>
<tr data-line="69" class="code-line">
<td><code>±2</code></td>
<td>Gitでの変更ファイル数</td>
</tr>
<tr data-line="70" class="code-line">
<td><code>kube-context</code></td>
<td>現在のKubernetesコンテキスト</td>
</tr>
<tr data-line="71" class="code-line">
<td><code>Agents</code></td>
<td>WarpのAIアシスタント（Agentモード）の有効/無効表示</td>
</tr>
</tbody>
</table>
<p data-line="73" class="code-line">自分は、PythonやSubversionは使っていないので下記のようになりました。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/7ec796dbb5a8-20250525.png" alt="Inputの設定" loading="lazy" class="md-img"></p>
<p data-line="76" class="code-line">出力例：<br>
<img src="https://storage.googleapis.com/zenn-user-upload/1b35a2bfd5a5-20250525.png" alt="出力例" loading="lazy" class="md-img"></p>
<h2 id="%E3%83%86%E3%83%BC%E3%83%9E%E3%81%AE%E5%A4%89%E6%9B%B4" data-line="79" class="code-line">
<a class="header-anchor-link" href="#%E3%83%86%E3%83%BC%E3%83%9E%E3%81%AE%E5%A4%89%E6%9B%B4" aria-hidden="true"></a> テーマの変更</h2>
<p data-line="80" class="code-line"><code>[Appearance] &gt; [Themas]</code><br>
<code>Custom theme</code>をクリックするとサイドバーが開き、選択したテーマを利用することができます<br>
<img src="https://storage.googleapis.com/zenn-user-upload/47be0d51007e-20250525.png" alt="テーマ選択" loading="lazy" class="md-img"></p>
<h2 id="%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E5%91%A8%E3%82%8A%E8%A8%AD%E5%AE%9A" data-line="84" class="code-line">
<a class="header-anchor-link" href="#%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E5%91%A8%E3%82%8A%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> テキスト周り設定</h2>
<p data-line="85" class="code-line"><code>[Appearance] &gt; [Text]</code><br>
<img src="https://storage.googleapis.com/zenn-user-upload/fccfe17df033-20250525.png" alt="テキスト設定" loading="lazy" class="md-img"></p>
<p data-line="88" class="code-line">自分の設定項目は下記です。<br>
このうち、<code>Terminal font</code>の<code>JetBrainsMono Nerd Font Mono</code>に関しては<code>homebrew</code>で導入しています。<br>
理由については、[コマンドをモダンにする【ezaコマンド】]をご覧ください！</p>
<table data-line="92" class="code-line">
<thead data-line="92" class="code-line">
<tr data-line="92" class="code-line">
<th>項目名</th>
<th>設定値</th>
<th>説明</th>
</tr>
</thead>
<tbody data-line="94" class="code-line">
<tr data-line="94" class="code-line">
<td>Terminal font</td>
<td>JetBrainsMono Nerd Font Mono</td>
<td>ターミナルの文字フォント</td>
</tr>
<tr data-line="95" class="code-line">
<td>Font weight</td>
<td>Nomal</td>
<td>太字設定(太字にしない)</td>
</tr>
<tr data-line="96" class="code-line">
<td>Font size(px)</td>
<td>15</td>
<td>フォントサイズ</td>
</tr>
<tr data-line="97" class="code-line">
<td>Line height</td>
<td>1.2</td>
<td>線の高さ</td>
</tr>
</tbody>
</table>
<h2 id="%E3%82%BF%E3%83%96%E3%81%AE%E8%A1%A8%E7%A4%BA%E7%8A%B6%E6%85%8B" data-line="99" class="code-line">
<a class="header-anchor-link" href="#%E3%82%BF%E3%83%96%E3%81%AE%E8%A1%A8%E7%A4%BA%E7%8A%B6%E6%85%8B" aria-hidden="true"></a> タブの表示状態</h2>
<p data-line="101" class="code-line">タブの表示状態の設定です。<br>
設定項目としては、</p>
<table data-line="104" class="code-line">
<thead data-line="104" class="code-line">
<tr data-line="104" class="code-line">
<th>設定値</th>
<th>説明</th>
</tr>
</thead>
<tbody data-line="106" class="code-line">
<tr data-line="106" class="code-line">
<td>Always</td>
<td>常にタブを表示</td>
</tr>
<tr data-line="107" class="code-line">
<td>Only on hover</td>
<td>タブ上にホバーした時に表示</td>
</tr>
<tr data-line="108" class="code-line">
<td>When windowed</td>
<td>ウィンドウ状態の時に表示(全画面時にはホバーで出現)</td>
</tr>
</tbody>
</table>
<p data-line="110" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/371325b60736-20250525.png" alt="タブの表示" loading="lazy" class="md-img"></p>
<h1 id="warp%E8%A7%A3%E8%AA%AC%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF" data-line="112" class="code-line">
<a class="header-anchor-link" href="#warp%E8%A7%A3%E8%AA%AC%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF" aria-hidden="true"></a> Warp解説シリーズのリンク</h1>
<p data-line="113" class="code-line"><a href="https://zenn.dev/tomy_ch/articles/e9485921a1fc45" target="_blank">📣開発用AIターミナル Warpのダイマをするだけの話【Warp 1/3】</a><br>
⚙️Warpを導入して、初期設定してみた【Warp 2/3】<br>
<a href="https://zenn.dev/tomy_ch/articles/caea140a0ab28e" target="_blank">🎨Warpでテーマの改造の仕方を解説してみた【Warp 3/3】(2025-05-27公開予定)</a></p>


Warpを導入して、初期設定してみた【Warp 2/3】

パッケージのあるディストリビューション

初期設定

Discussion