<h1 id="%E3%81%93%E3%81%AE%E8%A8%98%E4%BA%8B%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%81%93%E3%81%AE%E8%A8%98%E4%BA%8B%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> この記事について</h1>
<p data-line="1" class="code-line">多くのツールを一元的に管理できる<a href="https://mise.jdx.dev/" target="_blank" rel="nofollow noopener noreferrer">mise-en-place</a>を導入してみたので備忘録として共有します。<br>
私の環境では以下を各バージョン管理ツールを使用して使用していました。<br>
タスクランナーに関しても基本的には <a href="https://qiita.com/mizcii/items/cfbd2aa17f6b7517c37f" target="_blank" rel="nofollow noopener noreferrer">Makefile</a>を使用することが多かったのでこれを機に一元管理したいと考えています</p>
<table data-line="6" class="code-line">
<thead data-line="6" class="code-line">
<tr data-line="6" class="code-line">
<th>言語</th>
<th>バージョン管理</th>
</tr>
</thead>
<tbody data-line="8" class="code-line">
<tr data-line="8" class="code-line">
<td>node</td>
<td>nodebrew</td>
</tr>
<tr data-line="9" class="code-line">
<td>dart(Flutter)</td>
<td>FVM</td>
</tr>
<tr data-line="10" class="code-line">
<td>Rust</td>
<td>Rustup</td>
</tr>
<tr data-line="11" class="code-line">
<td>Ruby</td>
<td>rbenv</td>
</tr>
<tr data-line="12" class="code-line">
<td>...</td>
<td></td>
</tr>
</tbody>
</table>
<h2 id="%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="14" class="code-line">
<a class="header-anchor-link" href="#%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> インストール方法</h2>
<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p data-line="17" class="code-line">コンフリクトの可能性がある為、インストール前に使用している管理ツールを削除します</p>
</div></aside>
<details><summary>管理ツールの削除</summary><div class="details-content">
<p data-line="21" class="code-line">※ brew 経由で削除しています</p>
<h3 id="nodebrew-%E3%81%AE%E5%89%8A%E9%99%A4" data-line="23" class="code-line">
<a class="header-anchor-link" href="#nodebrew-%E3%81%AE%E5%89%8A%E9%99%A4" aria-hidden="true"></a> Nodebrew の削除</h3>
<div class="code-block-container"><pre><code class="code-line" data-line="24">brew uninstall nodebrew
</code></pre></div>
<h3 id="fvm(flutter-version%E7%AE%A1%E7%90%86)-%E3%81%AE%E5%89%8A%E9%99%A4" data-line="28" class="code-line">
<a class="header-anchor-link" href="#fvm(flutter-version%E7%AE%A1%E7%90%86)-%E3%81%AE%E5%89%8A%E9%99%A4" aria-hidden="true"></a> FVM(Flutter Version管理) の削除</h3>
<div class="code-block-container"><pre><code class="code-line" data-line="29">fvm destroy
dart pub global deactivate fvm
brew uninstall fvm
brew untap leoafarias/fvm
</code></pre></div>
<h3 id="rbenv-%E3%81%AE%E5%89%8A%E9%99%A4" data-line="36" class="code-line">
<a class="header-anchor-link" href="#rbenv-%E3%81%AE%E5%89%8A%E9%99%A4" aria-hidden="true"></a> rbenv の削除</h3>
<div class="code-block-container"><pre><code class="code-line" data-line="37">brew uninstall rbenv ruby-build
</code></pre></div>
<h3 id="rustup-%E3%81%AE%E5%89%8A%E9%99%A4" data-line="41" class="code-line">
<a class="header-anchor-link" href="#rustup-%E3%81%AE%E5%89%8A%E9%99%A4" aria-hidden="true"></a> rustup の削除</h3>
<div class="code-block-container"><pre><code class="code-line" data-line="42">brew uninstall rustup rustup-init
</code></pre></div>
</div></details>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="47">brew <span class="token function">install</span> mise
</code></pre></div><p data-line="51" class="code-line">今回はHomebrew 経由で入れていますが他にも<a href="https://mise.jdx.dev/getting-started.html" target="_blank" rel="nofollow noopener noreferrer">導入方法</a>があります。</p>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="53"><span class="token comment">## 過去の記事と変更している為注意</span>
<span class="token comment">## Path を通す(zsh)</span>
<span class="token builtin class-name">echo</span> <span class="token string">'eval "$(mise activate zsh)"'</span> <span class="token operator">&gt;&gt;</span> ~/.zshrc 
</code></pre></div><h2 id="%E5%B0%8E%E5%85%A5%E7%A2%BA%E8%AA%8D" data-line="59" class="code-line">
<a class="header-anchor-link" href="#%E5%B0%8E%E5%85%A5%E7%A2%BA%E8%AA%8D" aria-hidden="true"></a> 導入確認</h2>
<ul data-line="60" class="code-line">
<li data-line="60" class="code-line">バージョン確認</li>
</ul>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="61">mise <span class="token parameter variable">-v</span>
              _                                        __              
   ____ ___  <span class="token punctuation">(</span>_<span class="token punctuation">)</span>_______        ___  ____        ____  / /___ _________
  / __ <span class="token variable"><span class="token variable">`</span>__ <span class="token punctuation">\</span>/ / ___/ _ <span class="token punctuation">\</span>______/ _ <span class="token punctuation">\</span>/ __ <span class="token punctuation">\</span>______/ __ <span class="token punctuation">\</span>/ / __ <span class="token variable">`</span></span>/ ___/ _ <span class="token punctuation">\</span>
 / / / / / / <span class="token punctuation">(</span>__  <span class="token punctuation">)</span>  __/_____/  __/ / / /_____/ /_/ / / /_/ / /__/  __/
/_/ /_/ /_/_/____/<span class="token punctuation">\</span>___/      <span class="token punctuation">\</span>___/_/ /_/     / .___/_/<span class="token punctuation">\</span>__,_/<span class="token punctuation">\</span>___/<span class="token punctuation">\</span>___/
                                            /_/                 by @jdx
<span class="token number">2025.4</span>.11 macos-arm64 <span class="token punctuation">(</span><span class="token number">2025</span>-04-27<span class="token punctuation">)</span>
</code></pre></div><ul data-line="71" class="code-line">
<li data-line="71" class="code-line">doctor実行
<ul data-line="72" class="code-line">
<li data-line="72" class="code-line">No problems foundが表示されることを確認</li>
</ul>
</li>
</ul>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="74">mise doctor

<span class="token punctuation">..</span>.
env_vars:
  <span class="token assign-left variable">MISE_SHELL</span><span class="token operator">=</span>zsh

settings:

No problems found
</code></pre></div><h2 id="%E5%90%84%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89" data-line="86" class="code-line">
<a class="header-anchor-link" href="#%E5%90%84%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89" aria-hidden="true"></a> 各コマンド</h2>
<h3 id="mise-%E8%87%AA%E4%BD%93%E3%81%AE%E3%82%A2%E3%83%83%E3%83%97%E3%83%87%E3%83%BC%E3%83%88" data-line="87" class="code-line">
<a class="header-anchor-link" href="#mise-%E8%87%AA%E4%BD%93%E3%81%AE%E3%82%A2%E3%83%83%E3%83%97%E3%83%87%E3%83%BC%E3%83%88" aria-hidden="true"></a> mise 自体のアップデート</h3>
<ul data-line="89" class="code-line">
<li data-line="89" class="code-line">brew 経由だと上記のコマンドは実行不可？</li>
</ul>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="90">mise self-update
<span class="token comment">## mise ERROR mise is installed via a package manager, cannot update</span>

<span class="token comment">## brew 経由</span>
brew upgrade mise
</code></pre></div><h3 id="%E5%88%A9%E7%94%A8%E5%8F%AF%E8%83%BD%E3%81%AA%E3%83%84%E3%83%BC%E3%83%AB%E5%8F%8A%E3%81%B3%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%81%AE%E7%A2%BA%E8%AA%8D" data-line="98" class="code-line">
<a class="header-anchor-link" href="#%E5%88%A9%E7%94%A8%E5%8F%AF%E8%83%BD%E3%81%AA%E3%83%84%E3%83%BC%E3%83%AB%E5%8F%8A%E3%81%B3%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%81%AE%E7%A2%BA%E8%AA%8D" aria-hidden="true"></a> 利用可能なツール及びバージョンの確認</h3>
<ul data-line="99" class="code-line">
<li data-line="99" class="code-line">一覧取得</li>
</ul>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="100">mise ls-remote <span class="token parameter variable">--all</span>
</code></pre></div><ul data-line="104" class="code-line">
<li data-line="104" class="code-line">各ツールの取得は<code>mise ls-remote &lt;言語/ツール&gt;</code>で取得可能</li>
</ul>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="105"><span class="token comment">## 各ツール取得</span>
mise ls-remote ruby
mise ls-remote flutter
mise ls-remote <span class="token function">node</span>
</code></pre></div><h3 id="%E3%83%84%E3%83%BC%E3%83%AB%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E5%8F%8A%E3%81%B3%E4%BD%BF%E7%94%A8" data-line="112" class="code-line">
<a class="header-anchor-link" href="#%E3%83%84%E3%83%BC%E3%83%AB%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E5%8F%8A%E3%81%B3%E4%BD%BF%E7%94%A8" aria-hidden="true"></a> ツールのインストール及び使用</h3>
<p data-line="113" class="code-line"><code>mise install</code> コマンドも存在するが、有効化には<code>mise use</code>で対応可能?<br>
<code>mise use</code> <code>mise unuse</code> コマンドで有効化・非有効化を行うことが可能</p>
<ul data-line="115" class="code-line">
<li data-line="115" class="code-line">グローバル環境
<ul data-line="116" class="code-line">
<li data-line="116" class="code-line">
<code>-g</code> オプションを付けることでグローバルへの適応が可能</li>
<li data-line="117" class="code-line">
<code>~/.config/mise/config.toml</code> 以下に設定値が反映されます</li>
</ul>
</li>
</ul>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="119"><span class="token comment">## 追加</span>
mise use <span class="token parameter variable">-g</span> node@23.10.0
<span class="token function">node</span> <span class="token parameter variable">-v</span>
<span class="token comment">## v23.10.0</span>

<span class="token comment">## 削除</span>
mise unuse <span class="token parameter variable">-g</span> node@23.10.0
</code></pre></div><ul data-line="129" class="code-line">
<li data-line="129" class="code-line">リポジトリ環境
<ul data-line="130" class="code-line">
<li data-line="130" class="code-line">リポジトリのルートで<code>mise use &lt;ツール&gt;@&lt;バージョン&gt;</code>を叩くと<code>mise.toml</code>が作成されます</li>
</ul>
</li>
</ul>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="132"><span class="token comment">## 追加</span>
mise use flutter@3.29.3
flutter doctor

<span class="token comment">## Flutter (Channel stable, 3.29.3, on macOS 15.4.1 24E263 darwin-arm64, locale ja-JP)</span>
</code></pre></div><h3 id="%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%B8%88%E3%81%BF%E3%81%AE%E3%83%84%E3%83%BC%E3%83%AB%E7%A2%BA%E8%AA%8D" data-line="140" class="code-line">
<a class="header-anchor-link" href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%B8%88%E3%81%BF%E3%81%AE%E3%83%84%E3%83%BC%E3%83%AB%E7%A2%BA%E8%AA%8D" aria-hidden="true"></a> インストール済みのツール確認</h3>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="142">mise list

<span class="token comment">## Tool     Version           Source                      Requested </span>
<span class="token comment">## flutter  3.29.3-stable     ~/.config/mise/config.toml  3.29.3</span>
<span class="token comment">## node     23.10.0           ~/.config/mise/config.toml  23.10.0</span>
<span class="token comment">## ...</span>
</code></pre></div><h2 id="%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%8C%E8%B5%B7%E3%81%8D%E3%81%9F%E7%AE%87%E6%89%80" data-line="151" class="code-line">
<a class="header-anchor-link" href="#%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%8C%E8%B5%B7%E3%81%8D%E3%81%9F%E7%AE%87%E6%89%80" aria-hidden="true"></a> エラーが起きた箇所</h2>
<ul data-line="152" class="code-line">
<li data-line="152" class="code-line">
<code>ERROR Permission denied (os error 13)</code> が表示されました
<ul data-line="153" class="code-line">
<li data-line="153" class="code-line">
<a href="https://github.com/jdx/mise/issues/1981" target="_blank" rel="nofollow noopener noreferrer">関連issue</a>
<ul data-line="154" class="code-line">
<li data-line="154" class="code-line">私の環境では<code>rbenv</code>を使用していた事で 既に<code>~/.local/state/</code>が存在していた事が原因の可能性が高い</li>
<li data-line="155" class="code-line">
<code>~/.local/state/</code>を削除し,miseを再インストールすることで　解消</li>
</ul>
</li>
</ul>
</li>
</ul>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="156"><span class="token punctuation">..</span>.
mise ERROR failed create_dir_all: ~/.local/state/mise/trusted-configs
mise ERROR Permission denied <span class="token punctuation">(</span>os error <span class="token number">13</span><span class="token punctuation">)</span>
mise ERROR Run with <span class="token parameter variable">--verbose</span> or <span class="token assign-left variable">MISE_VERBOSE</span><span class="token operator">=</span><span class="token number">1</span> <span class="token keyword">for</span> <span class="token function">more</span> information
</code></pre></div><h2 id="%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD" data-line="163" class="code-line">
<a class="header-anchor-link" href="#%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD" aria-hidden="true"></a> 拡張機能</h2>
<ul data-line="165" class="code-line">
<li data-line="165" class="code-line">VSCode/Cursor
<ul data-line="166" class="code-line">
<li data-line="166" class="code-line">便利な拡張機能の<a href="https://marketplace.visualstudio.com/items?itemName=hverlin.mise-vscode" target="_blank" rel="nofollow noopener noreferrer">mise-vscode</a>が存在します</li>
<li data-line="167" class="code-line">
<a href="https://mise.jdx.dev/ide-integration.html#vscode" target="_blank" rel="nofollow noopener noreferrer">公式ドキュメント</a>推奨</li>
</ul>
</li>
</ul>
<p data-line="169" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/6e463fd3a3a9-20250428.png" loading="lazy" class="md-img"></p>
<h2 id="ci-%E3%81%A7%E3%81%AE%E6%B4%BB%E7%94%A8" data-line="171" class="code-line">
<a class="header-anchor-link" href="#ci-%E3%81%A7%E3%81%AE%E6%B4%BB%E7%94%A8" aria-hidden="true"></a> CI での活用</h2>
<ul data-line="172" class="code-line">
<li data-line="172" class="code-line">CI での使用も想定されている為、<a href="https://mise.jdx.dev/continuous-integration.html#continuous-integration" target="_blank" rel="nofollow noopener noreferrer">Github Actions</a> などでも使用可能</li>
<li data-line="173" class="code-line">Step が用意されていなくても容易にインストールできる</li>
</ul>
<h4 id="%E5%8F%82%E8%80%83" data-line="177" class="code-line">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83" aria-hidden="true"></a> 参考</h4>
<p data-line="178" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__38af2428f8dbb" src="https://embed.zenn.studio/card#zenn-embedded__38af2428f8dbb" data-content="https%3A%2F%2Fdev.to%2Fnapoleonna%2Fhow-to-use-mise-with-fvm-2p1n" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://dev.to/napoleonna/how-to-use-mise-with-fvm-2p1n" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://dev.to/napoleonna/how-to-use-mise-with-fvm-2p1n</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__1c696ab00baab" src="https://embed.zenn.studio/card#zenn-embedded__1c696ab00baab" data-content="https%3A%2F%2Fzenn.dev%2Flight_planck%2Farticles%2Fmise-node-20240603" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/light_planck/articles/mise-node-20240603" style="display:none" target="_blank">https://zenn.dev/light_planck/articles/mise-node-20240603</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__29b9761afe55c" src="https://embed.zenn.studio/card#zenn-embedded__29b9761afe55c" data-content="https%3A%2F%2Ffvm.app%2Fdocumentation%2Fgetting-started%2Ffaq%23how-to-uninstall-fvm" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://fvm.app/documentation/getting-started/faq#how-to-uninstall-fvm" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://fvm.app/documentation/getting-started/faq#how-to-uninstall-fvm</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__bcdc05121806b" src="https://embed.zenn.studio/card#zenn-embedded__bcdc05121806b" data-content="https%3A%2F%2Fyocto-life.co.jp%2Fblog%2Fabout_mise" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://yocto-life.co.jp/blog/about_mise" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://yocto-life.co.jp/blog/about_mise</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__790db5d8d1189" src="https://embed.zenn.studio/card#zenn-embedded__790db5d8d1189" data-content="https%3A%2F%2Fzenn.dev%2Fakineko%2Farticles%2F8fe959a02cb94b" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/akineko/articles/8fe959a02cb94b" style="display:none" target="_blank">https://zenn.dev/akineko/articles/8fe959a02cb94b</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__818ee488be6d6" src="https://embed.zenn.studio/card#zenn-embedded__818ee488be6d6" data-content="https%3A%2F%2Fdev.classmethod.jp%2Farticles%2Fsetup-and-manage-dev-tools-with-mise%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://dev.classmethod.jp/articles/setup-and-manage-dev-tools-with-mise/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://dev.classmethod.jp/articles/setup-and-manage-dev-tools-with-mise/</a></p>


【管理ツール】mise-en-place 導入録

利用可能なツール及びバージョンの確認

ツールのインストール及び使用

インストール済みのツール確認

Discussion