asdf(アズディフ)の概要 ＋ Macにインストールする手順と設定【バージョン管理ツール】

asdf(アズディフ)をMacにインストールする手順です。

asdfの簡単な説明もしていきます。


公式サイト

公式サイト：https://asdf-vm.com/

公式インストール手順（英語）：https://asdf-vm.com/guide/getting-started.html

公式インストール手順（日本語）：https://asdf-vm.com/ja-jp/guide/getting-started.html


続いて公式を読むのが面倒な方のために、箇条書きで簡単に要点をまとめました。


asdfの概要

  • 複数のプログラミング言語のバージョンをまとめて管理する
  • 仮想環境不要で、ローカル環境を汚さない
  • バージョンは一つのファイル（.tool-versions）で管理される
  • 設定ファイルをGitで共有すれば、チーム全体で環境を統一可能


まとめると、

一つの設定ファイルでツールのバージョンを手軽に管理できる！

です。


asdfはこんな人にオススメ

  • システム環境を汚さずにバージョン管理したい
  • Dockerのような仮想環境は重くて面倒
  • チームで同じ環境を統一したい

という方にオススメです。

それではインストールしていきます。


asdfのインストール（Homebrewを使う）

インストールは以下の手順で行います。
  1. Homebrewでインストール
  2. シェルの設定

インストール方法はいくつかありますが、MacならHomebrewを使うのが簡単です。

Homebrewがインストールされていない場合は以下のHomebrew公式を参照してインストールしてください。

Homebrew : https://brew.sh/ja/

では手順を追っていきます。

1.Homebrewでインストール

以下のコマンドでインストールします。

brew install asdf

続いてシェルの設定をします。


2.シェルの設定

以下のコマンドで自身の環境のシェルを確認します。

echo $SHELL

`/bin/zsh`と表示されればZSH、`/bin/bash`と表示されればBashとなります。


ZSHの場合、`~/.zshrc`、Bashの場合は`~/.bash_profile`以下を追記します。

export PATH="${ASDF_DATA_DIR:-$HOME/.asdf}/shims:$PATH"
オプションの設定については以下より公式を参照してください。

asdfの設定（公式）：https://asdf-vm.com/ja-jp/guide/getting-started.html#_2-asdf%E3%81%AE%E8%A8%AD%E5%AE%9A


PATHの設定を反映させるためにターミナルを再起動するか、sourceコマンで設定を反映します。

ZSHの場合

source ~/.zshrc

Bashの場合

source ~/.bashrc


これでインストールは完了です。


asdfを試す（Node.jsをインストール）

公式サイトでもデモの説明があるのでそちらも参照してください。


ここでは公式サイトの内容をかいつまんで説明します。

Node.jsをインストール、設定します。

まずは以下のコマンドで`asdf-node.js`プラグインをインストール。

asdf plugin add nodejs https://github.com/asdf-vm/asdf-nodejs.git


インストール可能なバージョンを確認。

~$ asdf list all nodejs
0.1.14
0.1.15
0.1.16
0.1.17
…（以下略）

特定バージョンのサブセットを確認。

~$ asdf list all nodejs 14
14.0.0
14.1.0
14.2.0
14.3.0
…（以下略）

使いたいバージョンをインストール。

asdf install nodejs 16.5.0

バージョンをセット。

asdf set -u nodejs 16.5.0

バージョンをセットすることでカレントディレクトリに`.tool-versions`が作成されます。

中身は以下のようになります。

nodejs 16.5.0

asdfはカレントディレクトリの`.tool-versions`を参照してバージョンを管理します。

カレントディレクトリに`.tool-versions`が無ければ親ディレクトリを再起的に検索します。

`node -v`コマンドで`v16.5.0`と表示されれば設定完了です。


nodeがシステムにインストール済だった場合

nvm(Node Version Manager)でnodeがインストール済みの場合、nvmの方が優先される事があるようです。

asdfで設定したnodeのバージョンが反映されない場合、以下のコマンドでnvmを無効にします。

nvm unload

これでasdfのnodeが反映されるかと思います。


asdfのインストールと設定についての説明は以上になります。

お役に立てば幸いです😃


コメント

コメントを投稿

このブログの人気の投稿

Unreal Engineでマウスカーソルを表示させる方法を解説

イメージ
Unreal Engineでマウスカーソルを表示させる方法について解説します。 Unreal Engineではどうも初期状態ではゲーム画面でマウスカーソルを表示しないようです。 一般的なゲームではマウスカーソルを表示していないことも多いのでそうなっているとかどこかで見た気がします。 スマホ向けのゲームを作っていてタッチ操作のシミュレーションのためにマウスを使いたく、マウスカーソルを表示させる方法を調べたので解説します。 ステップ１：Get Player Controllerノードを配置する まず操作キャラクターのアクタのBlueprintを開きます。 イベントグラフ内で右クリックして、「Get Player Controller」ノードを配置します。 「Get Player Controller」で取得したPlayer Controllerをマウスカーソルを表示させる操作に利用します。 ステップ２：Show Mouse Cursorノードを配置する 「Get Player Controller」のReturn Valueのピンから線を伸ばして、「Show Mouse Cursor」ノードを検索して配置します。 何もないところで右クリックして、「状況に合わせて表示」にチェックが入った状態で「Show Mouse Cursor」を探しても検索結果の候補に出てこないので注意しましょう。 ステップ３：Show Mouse Cursorノードの「Show Mouse Cursor」のチェックボックスをONにする。 Show Mouse Cursorノードの「Show Mouse Cursor」のチェックボックスをチェックしてONにしましょう。 ステップ４：Show Mouse Cursorノードを「Event BeginPlay」などに接続する 最後にShow Mouse Cursorノードを「Event BeginPlay」などのノードから繋げて実行されるようにします。 これでマウスカーソルが表示されるようになります。 以上、Unreal Engineでマウスカーソルを表示させる方法を解説しました。 ChatGPTに聞いたら「設定から変更する」と嘘をつかてしまい調べるのに時間がかかりました。 Unreal Engineに関する情報はChatGPTさんもまだ詳しくないかもしれ...
続きを読む

Unreal Engineでアクタとの当たり判定を行う（Event ActorBeginOverlapイベントを追加する）方法について解説

イメージ
 Unreal Engineでアクタとの当たり判定を行う方法について解説します。 当たり判定の検出にはいくつか方法がありますが、この記事ではEvent ActorBeginOverlapというイベントを追加して当たり判定を検出する方法について説明します。 Event ActorBeginOverlapイベントとは？ Event ActorBeginOverlapとは、「アクタに対して他のアクタが重なったことを検出すると動き出すイベント」のことです。 特定のエリアに入ったことを検知したり、アクタ同士が重なったことを検知して何かをさせたい時に使います。 次にEvent ActorBeginOverlapをBlueprintで使う方法を解説していきます。 ステップ１：アクタの追加 まず、新しいブループリントアクタを作成します。 コンテンツブラウザで右クリックし、「新規作成」→「ブループリントクラス」を選択します。 「アクタ」をベースクラスとして選択し、新しいブループリントを作成します。 ステップ2: コリジョンコンポーネントの追加 次に、アクタにコリジョンコンポーネントを追加します。 作成したブループリントアクタをダブルクリックして開きます。 左側の「コンポーネント」タブで「追加」をクリックし、「Box Collision」を検索してBox Collisionを選択して追加します。 追加したBox Collisionコンポーネントを選択し、Unreal Engineの画面の右側の「詳細」タブで「Generate Overlap Events」の設定を検索して、有効になっていることを確認します。 「Generate Overlap Events」にチェックが入っていなかったら、チェックを入れておきましょう。 ステップ３：Event ActorBeginOverlapノードを追加する 次にアクタのイベントグラフを開きます。 イベントグラフ内で右クリックをして「Event ActorBeginOverlap」を検索し、Event ActorBeginOverlapノードを追加します。 この追加したイベントノードに処理をつなげていくことで、他のアクタと重なった時の処理を実装することができます。 ステップ４：Event ActorBeginOverlapノードに処理を追加す...
続きを読む

Unreal EngineのBlueprintでアセットを読み込んでレベルに配置する方法

イメージ
Unreal Engine(アンリアルエンジン)を使用して、ゲーム開発を行う際、あらかじべレベルにアクター（オブジェクト）を配置する以外に、ゲームの進行に応じて動的にアクターを配置したい時も多いです。 今回は、Blueprint（ブループリント）を使ってアセットを読み込み、レベルに配置する基本的な手順を解説します。 この記事ではUnreal Engine5.4.1を使って解説します。 ステップ1: アセットの準備 まずはじめに、使用したいアセットを用意します。 アセットは、テクスチャ、タイルマップ、サウンドファイルなど、ゲームに使用する各種リソースを指します。 今回は例として、「コンテンツブラウザで右クリック→Paper 2D→スプライト」と選択してスプライトを作成し、適当なテクスチャを貼ってファイル名に「S_Sample」と名前をつけておきます。 この部分は自分が配置したいアセットに読み替えてください。 ステップ2: Blueprintの作成 新しいBlueprintを作成します。 「コンテンツブラウザで右クリック→ブループリントクラス」を選択。 次に、blueprintクラスの親クラスの選択で「アクタ」を選択します。 「アクタ」を最も基本的なクラスで、レベルに配置できるという以外は特徴のないクラスです。 今回は「アセットをレベルに配置する」というテストをするだけなので、「アクタ」で十分という事になります。 新しく作ったBlueprintに「BP_Add_Component_Sample」と名前をつけておきます。 名前は何でも良いですが、他と区別できるようにしておくと後から自分で見た時も分かりやすくなります。 ステップ3: アセットの読み込み 新しく作ったBlueprintをダブルクリックで開き、「Construction Script」のタブを選択します。 Blueprintのノードを配置するには「Consruction Script」または「イベントグラフ」のタブを選択する事になりますが、今回は「Consruction Script」を選びます。 「Consruction Script」はゲームが始まる前に予め準備をしておくための場所になります。 Blueprintをビューポートでレベルに配置した時点で動作確認ができるので、 Blueprintのテストをするに...
続きを読む