<h1 id="asdf%E3%81%A3%E3%81%A6%E3%81%AA%E3%81%AB%EF%BC%9F">
<a class="header-anchor-link" href="#asdf%E3%81%A3%E3%81%A6%E3%81%AA%E3%81%AB%EF%BC%9F" aria-hidden="true"></a> asdfってなに？</h1>
<p>asdfは、全ての言語やツールを一括で管理できる、シンプルなバージョン管理ツールです。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__58b5515ee5225" src="https://embed.zenn.studio/card#zenn-embedded__58b5515ee5225" data-content="https%3A%2F%2Fasdf-vm.com%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://asdf-vm.com/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://asdf-vm.com/</a></p>
<h2 id="asdf%E3%81%8C%E3%83%94%E3%83%83%E3%82%BF%E3%83%AA%E3%81%AA%E4%BA%BA">
<a class="header-anchor-link" href="#asdf%E3%81%8C%E3%83%94%E3%83%83%E3%82%BF%E3%83%AA%E3%81%AA%E4%BA%BA" aria-hidden="true"></a> asdfがピッタリな人</h2>
<ul>
<li>複数のプロジェクトを掛け持ちしている</li>
<li>フロントエンドからバックエンドまで幅広く開発する</li>
<li>異なる技術スタックを頻繁に切り替える</li>
</ul>
<h2 id="%E3%81%AA%E3%81%9Casdf%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%AA%E3%81%AE%E3%81%8B%EF%BC%9F">
<a class="header-anchor-link" href="#%E3%81%AA%E3%81%9Casdf%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%AA%E3%81%AE%E3%81%8B%EF%BC%9F" aria-hidden="true"></a> なぜasdfが必要なのか？</h2>
<p>従来、開発者は</p>
<ul>
<li>nodenv(Node.js)</li>
<li>goenv(Go)</li>
<li>pyenv(Python)</li>
</ul>
<p>など言語ごとのバージョン管理ツールに依存していました。</p>
<p>しかし 「<strong>asdf</strong>」 はこれらすべてを一箇所で一元管理し、スマートに解決してくれます😀</p>
<h2 id="%E4%BE%8B)%E3%83%95%E3%83%AB%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF%E9%96%8B%E7%99%BA%E3%81%AE%E3%82%B7%E3%83%BC%E3%83%A0%E3%83%AC%E3%82%B9%E3%81%AA%E7%AE%A1%E7%90%86">
<a class="header-anchor-link" href="#%E4%BE%8B)%E3%83%95%E3%83%AB%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF%E9%96%8B%E7%99%BA%E3%81%AE%E3%82%B7%E3%83%BC%E3%83%A0%E3%83%AC%E3%82%B9%E3%81%AA%E7%AE%A1%E7%90%86" aria-hidden="true"></a> 例)フルスタック開発のシームレスな管理</h2>
<p>開発者として、フロントエンド(React)やバックエンド(Go)、さらにパッケージマネージャー(pnpm)を使い分ける場面は多いですよね。asdfなら、これらの環境切り替えをスムーズに、そして効率的に行えます。</p>
<h2 id="asdf%E3%81%8C%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B%E4%BB%A3%E8%A1%A8%E7%9A%84%E3%81%AA%E3%82%82%E3%81%AE">
<a class="header-anchor-link" href="#asdf%E3%81%8C%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B%E4%BB%A3%E8%A1%A8%E7%9A%84%E3%81%AA%E3%82%82%E3%81%AE" aria-hidden="true"></a> asdfがサポートしている代表的なもの</h2>
<ul>
<li>nodejs</li>
<li>pnpm</li>
<li>go</li>
<li>postgres</li>
<li>python</li>
<li>redis</li>
<li>yarn</li>
<li>terraform</li>
<li>docker</li>
<li>jq</li>
</ul>
<h2 id="%E4%BD%BF%E3%81%84%E6%96%B9">
<a class="header-anchor-link" href="#%E4%BD%BF%E3%81%84%E6%96%B9" aria-hidden="true"></a> 使い方</h2>
<h3 id="1.-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95">
<a class="header-anchor-link" href="#1.-%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> 1. インストール方法</h3>
<p>まずは、asdfをHomebrew経由でインストールします</p>
<div class="code-block-container"><pre><code>$ brew install asdf
</code></pre></div><h3 id="2.-%E3%82%B7%E3%82%A7%E3%83%AB%E3%81%B8%E3%81%AE%E7%B5%84%E3%81%BF%E8%BE%BC%E3%81%BF">
<a class="header-anchor-link" href="#2.-%E3%82%B7%E3%82%A7%E3%83%AB%E3%81%B8%E3%81%AE%E7%B5%84%E3%81%BF%E8%BE%BC%E3%81%BF" aria-hidden="true"></a> 2. シェルへの組み込み</h3>
<p>各シェルに応じた設定方法が公式ガイドにありますので、是非チェックしてみてください。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__59034efc884ea" src="https://embed.zenn.studio/card#zenn-embedded__59034efc884ea" data-content="https%3A%2F%2Fasdf-vm.com%2Fguide%2Fgetting-started.html%23_3-install-asdf" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://asdf-vm.com/guide/getting-started.html#_3-install-asdf" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://asdf-vm.com/guide/getting-started.html#_3-install-asdf</a></p>
<p><strong>fish の場合</strong></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 parameter variable">-e</span> <span class="token string">"<span class="token entity" title="\n">\n</span>source "</span><span class="token punctuation">(</span>brew <span class="token parameter variable">--prefix</span> asdf<span class="token punctuation">)</span><span class="token string">"/libexec/asdf.fish"</span> <span class="token operator">&gt;&gt;</span> ~/.config/fish/config.fish
</code></pre></div><p><strong>zsh の場合</strong></p>
<div class="code-block-container"><pre class="language-zsh"><code class="language-zsh">$ echo -e "\n. $(brew --prefix asdf)/asdf.sh" &gt;&gt; ${ZDOTDIR:-~}/.zshrc
</code></pre></div><p><strong>bash の場合</strong></p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash">$ <span class="token builtin class-name">echo</span> <span class="token parameter variable">-e</span> <span class="token string">"<span class="token entity" title="\n">\n</span>. <span class="token variable"><span class="token variable">$(</span>brew <span class="token parameter variable">--prefix</span> asdf<span class="token variable">)</span></span>/asdf.sh"</span> <span class="token operator">&gt;&gt;</span> ~/.bash_profile
</code></pre></div><h3 id="3.-%E5%BF%85%E8%A6%81%E3%81%AA%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#3.-%E5%BF%85%E8%A6%81%E3%81%AA%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> 3. 必要なプラグインのインストール</h3>
<h4 id="go%E3%81%AE%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97">
<a class="header-anchor-link" href="#go%E3%81%AE%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97" aria-hidden="true"></a> Goのセットアップ</h4>
<div class="code-block-container"><pre><code># Goのプラグインを追加
$ asdf plugin-add golang https://github.com/kennyp/asdf-golang.git

# 利用可能な Go バージョンをチェック
$ asdf list-all golang

# Goの最新バージョンをインストール
$ asdf install golang latest

# グローバルに設定
$ asdf global golang latest

#現在設定されているgoのバージョンを確認
$ asdf current golang
</code></pre></div><h4 id="node.js%E3%81%A8pnpm%E3%81%AE%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97">
<a class="header-anchor-link" href="#node.js%E3%81%A8pnpm%E3%81%AE%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97" aria-hidden="true"></a> Node.jsとpnpmのセットアップ</h4>
<p>Node.jsも同様に簡単ですが、pnpmのインストールには少し工夫が必要です。<br>
※ pnpmをインストールする際はnodejsの部分を書き換えてください</p>
<div class="code-block-container"><pre><code># Node.jsのプラグインを追加
$ asdf plugin-add nodejs

# Node.jsの最新バージョンをインストール
$ asdf install nodejs latest

# グローバルに設定
$ asdf global nodejs latest

#現在設定されているnodojsのバージョンを確認
$ asdf current nodejs
</code></pre></div><h2 id="%E3%81%BE%E3%81%A8%E3%82%81">
<a class="header-anchor-link" href="#%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> まとめ</h2>
<p>今回はバージョン管理ツールのasdfについて記事を書きました 🖊<br>
個人的に使っていてすごく便利だったので皆さんも是非試してみてください！！</p>
<h2 id="%E8%A3%9C%E8%B6%B3">
<a class="header-anchor-link" href="#%E8%A3%9C%E8%B6%B3" aria-hidden="true"></a> 補足</h2>
<p><strong>コマンド一覧</strong></p>
<div class="code-block-container"><pre><code>バージョンの一覧表示
$ asdf list-all &lt;plugin_name&gt;

プラグインの追加
$ asdf plugin-add &lt;plugin_name&gt;

プラグインの削除
$ asdf plugin-remove &lt;plugin_name&gt;

バージョン指定のインストール
$ asdf install &lt;plugin_name&gt; &lt;version&gt;

現在のバージョンの設定
$ asdf global &lt;plugin_name&gt; &lt;version&gt;
$ asdf local &lt;plugin_name&gt; &lt;version&gt; (特定のプロジェクト)

インストール済みのバージョン一覧表示
$ asdf list &lt;plugin_name&gt;

プラグインの更新
$ asdf plugin-update --all
$ asdf plugin-update &lt;plugin_name&gt;

asdf自体の更新
$ asdf update
</code></pre></div>

一歩先ゆくバージョン管理 asdfの活用法

例)フルスタック開発のシームレスな管理

asdfがサポートしている代表的なもの

3. 必要なプラグインのインストール

Discussion