<p>今回は、anyenvからmiseという開発環境のセットアップツールに移行したので、その手順についてまとめます。</p>
<h2 id="mise-(rtx)-%E3%81%A8%E3%81%AF">
<a class="header-anchor-link" href="#mise-(rtx)-%E3%81%A8%E3%81%AF" aria-hidden="true"></a> mise (rtx) とは</h2>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__a6195ecf8e38f" src="https://embed.zenn.studio/card#zenn-embedded__a6195ecf8e38f" data-content="https%3A%2F%2Fmise.jdx.dev%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://mise.jdx.dev/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://mise.jdx.dev/</a></p>
<blockquote>
<p>The front-end to your dev env.</p>
</blockquote>
<p>と書いてて、最初「フロントエンド環境をととのえるツールなのかな？」と思ったら違いました。</p>
<p>miseは、anyenvのような各実行環境のバージョン管理や、direnvの環境変数管理、さらには <code>make</code> のようなタスクランナーの機能も提供する、開発環境全般のセットアップツールです。</p>
<p>Rustで書かれている点にも注目ですが、asdfとは違ってshimsを使わずPATHを直接更新するという設計<sup class="footnote-ref"><a href="#fn-7340-1" id="fnref-7340-1">[1]</a></sup>にすることで、パフォーマンスも期待できます。</p>
<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p>旧名称だと <code>rtx</code> ですが、2024年1月現在は <code>mise</code> に名称が変わりました。<br>
<a href="https://mise.jdx.dev/about.html" target="_blank" rel="nofollow noopener noreferrer">About mise-en-place</a>に記載がありますが、発音は「meez」です。</p>
</div></aside>
<h2 id="anyenv-%E3%81%AE%E3%82%A2%E3%83%B3%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#anyenv-%E3%81%AE%E3%82%A2%E3%83%B3%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> anyenv のアンインストール</h2>
<p>それでは、まずは共存しないようにanyenvをアンインストールしましょう。<br>
以下の手順でアンインストールしていきます。</p>
<ol>
<li>anyenvで利用していた**envを削除</li>
<li>
<code>.anyenv/</code> ディレクトリを削除</li>
<li>anyenv自体をアンインストール</li>
<li>起動時実行のファイルにかかれているコードを削除</li>
</ol>
<p>順番にかるく説明します。</p>
<h4 id="anyenv%E3%81%A7%E5%88%A9%E7%94%A8%E3%81%97%E3%81%A6%E3%81%84%E3%81%9F**env%E3%82%92%E5%89%8A%E9%99%A4">
<a class="header-anchor-link" href="#anyenv%E3%81%A7%E5%88%A9%E7%94%A8%E3%81%97%E3%81%A6%E3%81%84%E3%81%9F**env%E3%82%92%E5%89%8A%E9%99%A4" aria-hidden="true"></a> anyenvで利用していた**envを削除</h4>
<p><code>anyenv envs</code> で導入している**envをリストアップし、<code>anyenv uninstall -f **env</code> で削除します。</p>
<h4 id=".anyenv%2F-%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E3%82%92%E5%89%8A%E9%99%A4">
<a class="header-anchor-link" href="#.anyenv%2F-%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E3%82%92%E5%89%8A%E9%99%A4" aria-hidden="true"></a> <code>.anyenv/</code> ディレクトリを削除</h4>
<p>筆者の場合、anyenvで利用していたファイルは <code>~/.anyenv</code> に置かれていたので、そちらのディレクトリを削除します。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell"><span class="token function">rm</span> <span class="token parameter variable">-rf</span> ~/.anyenv/
</code></pre></div><h4 id="anyenv-%E8%87%AA%E4%BD%93%E3%82%92%E3%82%A2%E3%83%B3%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#anyenv-%E8%87%AA%E4%BD%93%E3%82%92%E3%82%A2%E3%83%B3%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> anyenv 自体をアンインストール</h4>
<p>Homebrewでインストールしていたため、 <code>brew uninstall anyenv</code> のみで完了です。</p>
<h4 id="%E8%B5%B7%E5%8B%95%E6%99%82%E5%AE%9F%E8%A1%8C%E3%81%AE%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AB%E3%81%8B%E3%81%8B%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E5%89%8A%E9%99%A4">
<a class="header-anchor-link" href="#%E8%B5%B7%E5%8B%95%E6%99%82%E5%AE%9F%E8%A1%8C%E3%81%AE%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AB%E3%81%8B%E3%81%8B%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E5%89%8A%E9%99%A4" aria-hidden="true"></a> 起動時実行のファイルにかかれているコードを削除</h4>
<p>anyenvを最初に導入している場合、 PATHの設定とanyenvの初期化コードが <code>.zshrc</code> などに書いていると思います。<br>
筆者の場合は、以下のようなコードが書かれていました。</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">~/.zshrc</span></div>
<pre class="diff-highlight language-diff-shell"><code class="diff-highlight language-diff-shell"><span class="token deleted-sign deleted language-shell"><span class="token prefix deleted">-</span> <span class="token builtin class-name">export</span> <span class="token assign-left variable"><span class="token environment constant">PATH</span></span><span class="token operator">=</span><span class="token string">"<span class="token environment constant">$HOME</span>/.anyenv/bin:<span class="token environment constant">$PATH</span>"</span>
<span class="token prefix deleted">-</span> <span class="token builtin class-name">eval</span> <span class="token string">"<span class="token variable"><span class="token variable">$(</span>anyenv init -<span class="token variable">)</span></span>"</span>
</span></code></pre>
</div><h2 id="mise-%E3%82%92%E5%B0%8E%E5%85%A5%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#mise-%E3%82%92%E5%B0%8E%E5%85%A5%E3%81%99%E3%82%8B" aria-hidden="true"></a> mise を導入する</h2>
<p>miseの<a href="https://mise.jdx.dev/getting-started.html" target="_blank" rel="nofollow noopener noreferrer">Getting Started</a>をはじめていきましょう。</p>
<p>環境については以下のとおりです。</p>
<ul>
<li>PC: M1 MacBook Pro (2021)</li>
<li>OS: MacOS Sonoma 14.1.1</li>
<li>Command Shell: zsh</li>
</ul>
<h3 id="%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> インストール</h3>
<p>Mac OSなので、Homebrewでさくっとインストールします。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell">$ brew <span class="token function">install</span> mise
</code></pre></div><p>ターミナルで <code>mise -V</code> を実行し、バージョンを確認しつつ動作確認をしてみましょう。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell">$ mise <span class="token parameter variable">-V</span>
<span class="token number">2024.1</span>.4 macos-arm64 <span class="token punctuation">(</span><span class="token number">2024</span>-01-04<span class="token punctuation">)</span>
</code></pre></div><p>これでインストールは完了です。</p>
<h3 id="activate%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%81%AE%E8%BF%BD%E8%A8%98">
<a class="header-anchor-link" href="#activate%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%81%AE%E8%BF%BD%E8%A8%98" aria-hidden="true"></a> Activateコマンドの追記</h3>
<p>Getting Startedの<a href="https://mise.jdx.dev/getting-started.html#shells" target="_blank" rel="nofollow noopener noreferrer">Shells</a>項目にあるとおり、 anyenvよろしくActivateコマンドを追記する必要があります。</p>
<p>今回はzshなので、以下のコマンドを実行して <code>~/.zshrc</code> に追記します。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell">$ <span class="token builtin class-name">echo</span> <span class="token string">'eval "$(mise activate zsh)"'</span> <span class="token operator">&gt;&gt;</span> <span class="token string">"<span class="token variable">${ZDOTDIR-$HOME}</span>/.zshrc"</span>
</code></pre></div><p>ここまでで、 <code>mise install</code> で導入した実行環境が利用できるようになっていると思います。</p>
<h3 id="%E5%AE%9F%E8%A1%8C%E7%92%B0%E5%A2%83%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB---node.js">
<a class="header-anchor-link" href="#%E5%AE%9F%E8%A1%8C%E7%92%B0%E5%A2%83%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB---node.js" aria-hidden="true"></a> 実行環境のインストール - Node.js</h3>
<p>まずは、試しにNode.jsをグローバル設定で導入してみましょう。<br>
バージョンは <code>v20.10.0</code> を指定します。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell">$ mise <span class="token function">install</span> node@20.10.0  
mise node@20.10.0 ✓ installed 
</code></pre></div><div class="code-block-container"><pre class="language-shell"><code class="language-shell">$ mise use <span class="token parameter variable">--global</span> node@20.10.0 
mise ~/.config/mise/config.toml tools: node@20.10.0
</code></pre></div><p><code>node -v</code> で、実際に入ってるNode.jsのバージョンを確認します。 <code>v20.10.0</code> が入っていれば完了です。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell">$ <span class="token function">node</span> <span class="token parameter variable">-v</span>
v20.10.0
</code></pre></div><aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p><code>.node-version</code> が存在するディレクトリで実行した場合は、そのバージョンのものが自動的にインストールされ、バージョンも <code>.node-version</code> に記載されたものが表示されます。</p>
<p>詳しくはConfigurationにある<a href="https://mise.jdx.dev/configuration.html#legacy-version-files" target="_blank" rel="nofollow noopener noreferrer">Legacy Version Files</a>も参照してください。</p>
</div></aside>
<h2 id="%E3%81%95%E3%81%84%E3%81%94%E3%81%AB">
<a class="header-anchor-link" href="#%E3%81%95%E3%81%84%E3%81%94%E3%81%AB" aria-hidden="true"></a> さいごに</h2>
<p>現状はインストールしただけなのでなんとも言えないですが、 <code>.node-version</code> があるディレクトリで <code>node -v</code> などをしてみると、対応するNode.jsのバージョンをインストールしてくれたりするので、多数のプロジェクトをまたぐ場合の体験はさらによくなっていそうです。</p>
<p>asdfからの移行ではないので驚きは少ないですが、使用感はあまり変わりないので引き続き使ってみようと思います。</p>
<p><a href="https://mise.jdx.dev/direnv.html" target="_blank" rel="nofollow noopener noreferrer">direnv | mise</a>にもあるように、direnvの互換を目指す予定<sup class="footnote-ref"><a href="#fn-7340-2" id="fnref-7340-2">[2]</a></sup>もあります。<br>
どんどん便利になりそうなので、これから使いつつ、今後のアップデートにも期待しています。</p>
<section class="footnotes">
<span class="footnotes-title">脚注</span>
<ol class="footnotes-list">
<li id="fn-7340-1" class="footnote-item">
<p><a href="https://mise.jdx.dev/comparison-to-asdf.html#performance" target="_blank" rel="nofollow noopener noreferrer">https://mise.jdx.dev/comparison-to-asdf.html#performance</a> <a href="#fnref-7340-1" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn-7340-2" class="footnote-item">
<p><a href="https://mise.jdx.dev/direnv.html" target="_blank" rel="nofollow noopener noreferrer">https://mise.jdx.dev/direnv.html</a> <a href="#fnref-7340-2" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>


anyenvからmise(rtx)に移行する

実行環境のインストール - Node.js

Discussion