MUI 公式 Example の改造 その 1 -- anyenv インストール

概要

以前は Material UI といっていた CSS のフレームワークが新しくなり MUI というものに変わりました。

mui.com

MUI 公式 Example の中から Next.js (TypeScript version) を雛形とし、自分の作りたいサイトに改造していきたいと思います。

github.com

今回は、Node.js のバージョンを管理するために、まず anyenv をインストールします。anyenv については、数年前にもアップしておりますが、もう一度記事として書いてみることにしました。

stangler.hatenablog.com

数回に分けて連載する MUI に関連する記事の全体像

• その 1 -- anyenv インストール ← 今ココ
• その 2 （未定）

この記事の目次

ホスト

Mac

• MacBook Pro ( 13-inch, Early 2011 ) 魔改造済みの骨董品

support.apple.com

• メモリ: 16 GB

• ストレージ: SSD 512 GB

• OS: macOS High Sierra 10.12.6

anyenv

参考サイト

• anyenv まとめ

anyenv インストール

% git clone https://github.com/riywo/anyenv ~/.anyenv

パスを通す

ホームディレクトリの .bash_profile を開いて最終行に以下を追加。Windows の WSL ( Ubuntu )で作業している場合は、bash_profile ではなく .profile などに追加してください。最新の Mac のシェルはなんだったっけな？忘れてしまいました。

if [ -d $HOME/.anyenv ]
then
    export PATH="$HOME/.anyenv/bin:$PATH"
    eval "$(anyenv init -)"
fi

% source ~/.bash_profile
% anyenv install --init
% anyenv

プラグイン用ディレクトリを作成

% mkdir -p $(anyenv root)/plugins

anyenv-update インストール

% git clone https://github.com/znz/anyenv-update.git $(anyenv root)/plugins/anyenv-update
% anyenv update