<h1 id="windows-terminal%E3%81%AE%E8%A8%AD%E5%AE%9A">
<a class="header-anchor-link" href="#windows-terminal%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> Windows Terminalの設定</h1>
<h2 id="%E3%82%AD%E3%83%BC%E3%83%90%E3%82%A4%E3%83%B3%E3%83%89%E3%81%AE%E5%A4%89%E6%9B%B4">
<a class="header-anchor-link" href="#%E3%82%AD%E3%83%BC%E3%83%90%E3%82%A4%E3%83%B3%E3%83%89%E3%81%AE%E5%A4%89%E6%9B%B4" aria-hidden="true"></a> キーバインドの変更</h2>
<p>Chromeショートカットキーに寄せます。<code>ctrl+t</code>でタブを開き、<code>ctrl+w</code>で閉じられるようにします。</p>
<table>
<thead>
<tr>
<th>action</th>
<th>デフォルト</th>
<th>変更先</th>
</tr>
</thead>
<tbody>
<tr>
<td>newTab</td>
<td>ctrl+shift+t</td>
<td>ctrl+t</td>
</tr>
<tr>
<td>closePane</td>
<td>ctrl+shift+w</td>
<td>ctrl+w</td>
</tr>
</tbody>
</table>
<p>執筆時点ではキーバインドの変更はGUIからできません。設定ファイルを直接編集<sup class="footnote-ref"><a href="#fn-9787-1" id="fnref-9787-1">[1]</a></sup>する必要があります。設定から「JSONファイルを開く」を押すと<code>settings.json</code>が開きますので、適当な位置に設定内容を追加しましょう。</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">settings.json</span></div>
<pre class="language-json"><code class="language-json"><span class="token punctuation">{</span>
    <span class="token property">"actions"</span><span class="token operator">:</span> 
    <span class="token punctuation">[</span>
        <span class="token punctuation">{</span>
            <span class="token property">"command"</span><span class="token operator">:</span> <span class="token string">"newTab"</span><span class="token punctuation">,</span>
            <span class="token property">"keys"</span><span class="token operator">:</span> <span class="token string">"ctrl+t"</span>
        <span class="token punctuation">}</span><span class="token punctuation">,</span>
        <span class="token punctuation">{</span>
            <span class="token property">"command"</span><span class="token operator">:</span> <span class="token string">"closePane"</span><span class="token punctuation">,</span>
            <span class="token property">"keys"</span><span class="token operator">:</span> <span class="token string">"ctrl+w"</span>
        <span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token punctuation">]</span>
<span class="token punctuation">}</span>
</code></pre>
</div><h2 id="%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E8%A8%AD%E5%AE%9A%E3%82%92hackgen-console%E3%81%AB">
<a class="header-anchor-link" href="#%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E8%A8%AD%E5%AE%9A%E3%82%92hackgen-console%E3%81%AB" aria-hidden="true"></a> フォント設定をHackGen Consoleに</h2>
<p>デフォルトのフォントは<code>Cascadia Code</code>というフォントなのですが、日本語の文字幅が変になってしまいます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/a98cfc7f275d39395de39d2f.png" alt width="400" loading="lazy" class="md-img"></p>
<p>日本語用のフォントを入れて綺麗にしましょう。私は<a href="https://github.com/yuru7/HackGen/releases" target="_blank" rel="nofollow noopener noreferrer">HackGen</a>の<code>HackGen Console</code>を使わせていただきました。プロファイル &gt; Ubuntu-20.04 &gt; 外観 &gt; テキスト &gt; フォントフェイス から選びましょう。フォントインストール後に再起動をいれないと多分選べません。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/c4b70fc741d179fd37bcd7bf.png" alt width="400" loading="lazy" class="md-img"><br>
<em>美しい...!</em></p>
<h3 id="%E6%97%A5%E6%9C%AC%E8%AA%9E%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%81%A7%E3%82%AB%E3%83%BC%E3%82%BD%E3%83%AB%E3%81%8C%E3%81%9A%E3%82%8C%E3%82%8B%E7%97%87%E7%8A%B6">
<a class="header-anchor-link" href="#%E6%97%A5%E6%9C%AC%E8%AA%9E%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%81%A7%E3%82%AB%E3%83%BC%E3%82%BD%E3%83%AB%E3%81%8C%E3%81%9A%E3%82%8C%E3%82%8B%E7%97%87%E7%8A%B6" aria-hidden="true"></a> 日本語フォントでカーソルがずれる症状</h3>
<p>以前<code>Source Han Code JP</code>を使っていましたが、これですと<strong>日本語の文字幅が正しく認識されず、カーソルがずれてしまいました。</strong></p>
<p><code>Source Han Code JP</code>も等幅フォントなのですが、おそらく全角の幅が半角の1.5倍であることが影響しているようです。<code>HackGen Console</code>は半角1:全角2なのでずれません。(その代わり日本語が少し大きめに見えます)</p>
<p>Windows TerminalのIssueにも上がっていました。<code>HackGen35 Console</code>でもずれるようです。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__72acc57ad1833" src="https://embed.zenn.studio/card#zenn-embedded__72acc57ad1833" data-content="https%3A%2F%2Fgithub.com%2Fmicrosoft%2Fterminal%2Fissues%2F9940" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/microsoft/terminal/issues/9940" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/microsoft/terminal/issues/9940</a></p>
<h2 id="%E9%85%8D%E8%89%B2%E3%81%AFone-half-dark%E3%81%AB">
<a class="header-anchor-link" href="#%E9%85%8D%E8%89%B2%E3%81%AFone-half-dark%E3%81%AB" aria-hidden="true"></a> 配色はOne Half Darkに</h2>
<p>プロファイル &gt; Ubuntu-20.04 &gt; 外観 &gt; テキスト &gt; 配色 から変えられます。お好みで。</p>
<h2 id="%E8%AD%A6%E5%91%8A%E9%9F%B3%E3%81%AE%E4%BB%A3%E3%82%8F%E3%82%8A%E3%81%AB%E3%83%99%E3%83%AB%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B">
<a class="header-anchor-link" href="#%E8%AD%A6%E5%91%8A%E9%9F%B3%E3%81%AE%E4%BB%A3%E3%82%8F%E3%82%8A%E3%81%AB%E3%83%99%E3%83%AB%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B" aria-hidden="true"></a> 警告音の代わりにベルマークを表示させる</h2>
<p>操作ミスの度に警告音がうるさいので、タブの部分に🔔が表示されるだけにします。<br>
プロファイル &gt; Ubuntu-20.04 &gt; 詳細設定 &gt; ベル通知スタイル を 「ビジュアル(フラッシュタスクバー)」に変更します。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/1f0ec5e43d0d753f2013d032.png" alt loading="lazy" class="md-img"></p>
<h2 id="ubuntu%E3%82%92%E3%83%87%E3%83%95%E3%82%A9%E3%83%AB%E3%83%88%E3%81%AB">
<a class="header-anchor-link" href="#ubuntu%E3%82%92%E3%83%87%E3%83%95%E3%82%A9%E3%83%AB%E3%83%88%E3%81%AB" aria-hidden="true"></a> Ubuntuをデフォルトに</h2>
<p>スタートアップ &gt; 規定のプロファイル からUbuntuを選びます。これで新しいタブはデフォルトでUbuntuが開くようになりました。</p>
<h2 id="%E9%96%8B%E5%A7%8B%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E3%82%92linux%E3%81%AE%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA~%E3%81%AB%E5%A4%89%E6%9B%B4">
<a class="header-anchor-link" href="#%E9%96%8B%E5%A7%8B%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E3%82%92linux%E3%81%AE%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA~%E3%81%AB%E5%A4%89%E6%9B%B4" aria-hidden="true"></a> 開始ディレクトリをLinuxのホームディレクトリ<code>~</code>に変更</h2>
<p>パフォーマンス上、UbuntuからWindowsのファイルを触るのは推奨されていません。</p>
<blockquote>
<p>特殊な理由がない限り、複数のオペレーティング システム間でファイルを操作しないことをお勧めします。 Linux コマンド ライン (Ubuntu、OpenSUSE など) で作業している場合、最速のパフォーマンス速度を実現するには、ファイルを WSL ファイル システムに格納します。<br>
<a href="https://docs.microsoft.com/ja-jp/windows/wsl/compare-versions#performance-across-os-file-systems" target="_blank" rel="nofollow noopener noreferrer">Microsoft公式 - OS ファイル システム間でのパフォーマンス</a></p>
</blockquote>
<p>ですがなぜかWindows TerminalでUbuntuを開くと、WindowsのCドライブ内のユーザディレクトリが初期位置になります。Ubuntuからは基本Ubuntu内しか操作しないと思うので、初期位置をホームディレクトリ<code>~</code>に変更します。</p>
<p><a href="https://docs.microsoft.com/ja-jp/windows/terminal/troubleshooting#set-your-wsl-distribution-to-start-in-the-home--directory-when-launched" target="_blank" rel="nofollow noopener noreferrer">公式の手順</a>ではJSONファイルを直接編集していますが、<strong>現在はGUIで設定変更できます</strong>。(プロファイル &gt; Ubuntu-20.04 &gt; 全般 &gt;ディレクトリの開始)<br>
この値を<code>//wsl$/Ubuntu-20.04/home/&lt;Your Ubuntu Username&gt;</code>に置き換えます。<br>
ちなみにセパレータはスラッシュ<code>/</code>でもバックスラッシュ<code>\</code>どちらでも大丈夫でした。</p>
<h1 id="ubuntu%E3%81%AE%E8%A8%AD%E5%AE%9A">
<a class="header-anchor-link" href="#ubuntu%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> Ubuntuの設定</h1>
<h2 id="%E6%97%A5%E6%9C%AC%E8%AA%9E%E5%8C%96">
<a class="header-anchor-link" href="#%E6%97%A5%E6%9C%AC%E8%AA%9E%E5%8C%96" aria-hidden="true"></a> 日本語化</h2>
<div class="code-block-container"><pre><code>sudo apt install language-pack-ja
sudo update-locale LANG=ja_JP.UTF8
</code></pre></div><h2 id="%E3%83%97%E3%83%AD%E3%83%B3%E3%83%97%E3%83%88%E3%82%92%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA">
<a class="header-anchor-link" href="#%E3%83%97%E3%83%AD%E3%83%B3%E3%83%97%E3%83%88%E3%82%92%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA" aria-hidden="true"></a> プロンプトをカスタマイズ</h2>
<p>プロンプトを画像のようにカスタマイズしました。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/e8c06c771df5414348bea8ca.png" alt loading="lazy" class="md-img"></p>
<p>ホームディレクトリにある<code>.bashrc</code>の一部を次のように書き換えることで設定できます。</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">.bashrc</span></div>
<pre class="diff-highlight language-diff-bash"><code class="diff-highlight language-diff-bash"><span class="token unchanged language-bash"><span class="token prefix unchanged"> </span>   <span class="token keyword">if</span> <span class="token punctuation">[</span> <span class="token string">"<span class="token variable">$color_prompt</span>"</span> <span class="token operator">=</span> <span class="token function">yes</span> <span class="token punctuation">]</span><span class="token punctuation">;</span> <span class="token keyword">then</span>
</span><span class="token deleted-sign deleted language-bash"><span class="token prefix deleted">-</span>       <span class="token assign-left variable"><span class="token environment constant">PS1</span></span><span class="token operator">=</span><span class="token string">'${debian_chroot:+($debian_chroot)}\[\033[01;32m\]\u@\h\[\033[00m\]:\[\033[01;34m\]\w\[\033[00m\]\$ '</span>
</span><span class="token inserted-sign inserted language-bash"><span class="token prefix inserted">+</span>       <span class="token assign-left variable"><span class="token environment constant">PS1</span></span><span class="token operator">=</span><span class="token string">'\e[32m\u@\h \e[35m\t \e[34m\w \e[0m\$ '</span>
</span><span class="token unchanged language-bash"><span class="token prefix unchanged"> </span>   <span class="token keyword">else</span>
<span class="token prefix unchanged"> </span>       <span class="token assign-left variable"><span class="token environment constant">PS1</span></span><span class="token operator">=</span><span class="token string">'${debian_chroot:+($debian_chroot)}\u@\h:\w\$ '</span>
<span class="token prefix unchanged"> </span>   <span class="token keyword">fi</span>
</span></code></pre>
</div><p>なぜこうなるかなど、詳しくはこちらの記事を御覧ください。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__460239223f1ae" src="https://embed.zenn.studio/card#zenn-embedded__460239223f1ae" data-content="https%3A%2F%2Fzenn.dev%2Fkcabo%2Farticles%2F555d9cc6dad0c3" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/kcabo/articles/555d9cc6dad0c3" style="display:none" target="_blank">https://zenn.dev/kcabo/articles/555d9cc6dad0c3</a></p>
<section class="footnotes">
<span class="footnotes-title">脚注</span>
<ol class="footnotes-list">
<li id="fn-9787-1" class="footnote-item">
<p>次のアップデートでGUIで変更できるようになりそうです: <a href="https://devblogs.microsoft.com/commandline/windows-terminal-preview-1-9-release/#settings-ui-updates" target="_blank" rel="nofollow noopener noreferrer">https://devblogs.microsoft.com/commandline/windows-terminal-preview-1-9-release/#settings-ui-updates</a> <a href="#fnref-9787-1" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>


Windows TerminalとUbuntu導入時にやった設定変更まとめ (フォント変更ほか)

日本語フォントでカーソルがずれる症状

警告音の代わりにベルマークを表示させる

開始ディレクトリをLinuxのホームディレクトリ~に変更

Discussion