かもメモ

自分の落ちた落とし穴に何度も落ちる人のメモ帳

環境構築 macOS Big Sur : vim をカラフルにしたい

git で開くエディタに色がついてなかった。設定方法すぐ忘れるのでメモ。

環境

vim にカラースキームを適応する方法

調べると ~/.vim/colors 内にカラースキームのファイルを置いて .vimrc で指定すればOKっぽい。
自分の環境はこのディレクトリがなかったので作成しました。

$ mkdir -p ~/.vim/colors

カラースキームを DL して ~/.vim/colors に置く

目に優しそうでメインビジュアルが可愛かったので iceberg 。キミにきめた!

  1. GitHub からファイルをダウンロード or clone します
  2. ダウンロードされた /colors ディレクトリ内にある iceberg.vim~/.vim/colors 内にコピーする
  3. おわり

vim のカラースキームを指定する

.vimrc の設定ファイルがどこにあるのか調べる

vim --version コマンドを実行すると最後に設定ファイルの場所が表示される

$ vim --version
VIM - Vi IMproved 8.2 (2019 Dec 12, compiled Nov 23 2020 06:06:21)
macOS version
+acl               -farsi             +mouse_sgr         +tag_binary
…
+extra_search      -mouse_netterm     +syntax            -xterm_save
   system vimrc file: "$VIM/vimrc"
     user vimrc file: "$HOME/.vimrc"
 2nd user vimrc file: "~/.vim/vimrc"
      user exrc file: "$HOME/.exrc"
       defaults file: "$VIMRUNTIME/defaults.vim"
  fall-back for $VIM: "/usr/share/vim"
Compilation: gcc -c -I. -Iproto -DHAVE_CONFIG_H   -DMACOS_X_UNIX  -g -O2 -U_FORTIFY_SOURCE -D_FORTIFY_SOURCE=1
Linking: gcc   -L/usr/local/lib -o vim        -lm -lncurses  -liconv -framework Cocoa

vimrc$HOME/.vimrc に置いておけば良いっぽい。
.vimrc も存在しなかったので作成

$ touch ~/.vimrc

vim のカラースキームを設定する

colorscheme <使いたいカラースキーム名> で指定すればOK

.vimrc

colorscheme iceberg
syntax on

syntax on の指定がないといい感じに色がつかない

使えるカラースキームを調べる方法

vim 上で esc でコマンド入力にした状態で colorscheme [space] [ctr+D] で使えるカラースキームの一覧が表示される

:colorscheme 
blue       default    desert     evening    industry   morning    pablo      ron        slate      zellner
darkblue   delek      elflord    iceberg    koehler    murphy     peachpuff  shine      torte
:colorscheme 

:colorscheme に続けてカラースキームを指定すると現在のエディタのカラースキームを一時的に変更できる。
.vimrc にカラースキームの設定があれば再度 vim を開いた時は .vimrc で指定されているカラースキームが適応される。

Note. vim のカラースキーム

vim のカラースキームを検索できるサイト
vimcolors.com

カラースキームの例が載ってるサイト
Vimを彩る美しきcolorschemeちゃん - Qiita
Vimメモ : GitHub Trendingで見かけるカラースキーム - もた日記

おわり


[参考]

きらきらカラフルなSchool☆days.

環境構築 macOS Big Sur : anyenv の pyenv で Python を使えるようにした

Python 環境した構築のメモ

  • macOS Big Sur
  • anyenv インストール済み
  • zah

前回までのあらすじ ( anyenv / nodenv のインストール )

anyenv で pyenv を使えるようにする

pyenv は nodenv と違ってインストールする必要があった

$ anyenv install pyenv
/var/folders/qj/1l6l5_d94f5837gzbbb6g8ww0000gn/T/pyenv.20210325231104.4478 …
Cloning https://github.com/pyenv/pyenv.git master to pyenv...
Cloning into 'pyenv'...
Install pyenv succeeded!
Please reload your profile (exec $SHELL -l) or open a new session.
# インストールが完了したら指示に従ってシェルを再起動する
$ exec $SHELL -l
# Python のバージョンの確認
$ python --version
Python 2.7.16
# pyenv ではまだインストールしてないので次のような表示になる
$ pyenv versions
* system (set by /Users/<user>/.anyenv/envs/pyenv/version)

pyenv で Python のインストール

インストールできるバージョンを表示

この当たりは nodenv と同じ

$ pyenv install -l
Available versions:
  2.1.3
  2.2.33.8.8
  3.9.0
  3.9-dev
  3.9.1
  3.9.2
  3.10.0a6
  3.10-dev

今回は 3.9.2 をインストールしたいと思います。

Python のインストール

$ pyenv install 3.9.2
…
Installed Python-3.9.2 to /Users/<user>/.anyenv/envs/pyenv/versions/3.9.2
# インストールされたバージョンの確認
$ pyenv versions
* system (set by /Users/<user>/.anyenv/envs/pyenv/version)
  3.9.2

グローバルで使用する Python のバージョンを指定

$ pyenv global 3.9.2
# 確認
$ pyenv versions
  system
* 3.9.2 (set by /Users/<user>/.anyenv/envs/pyenv/version)
# 一応pyenvのパスを再設定しておく
$ pyenv rehash
# Python のバージョンの確認
$ python --version
Python 3.9.2

₍ ᐢ. ̫ .ᐢ ₎ ヨシ!!

所管

前は homebrew で pyenv を使っていたのですが、anyenv 入れたらこちらでも pyenv 使えるようになってて嬉しい。anyenv でコマンドがだいたい同じになると言語ごとに環境設定のこと色々覚える必要がなくなるのでとても嬉しい!


[参考]

退屈なことは Python にやらせよう… Flask とかも触ってたけど記事にできてないので追々…

環境構築 macOS Big Sur : nodenv で node.js 環境をクリーンインストールしたメモ

Macが壊れたので新規環境に Node 入れてたのでログとして

環境

  • macOS Big Sur
  • Homebrew インストール済み
  • zsh

Homebrew のインストール

$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

anyenv のインストール

nodenv は anyenv から使えるようなので anyenv をインストールする

$ brew install anyenv
# zsh にパスを通す
$ echo 'eval "$(anyenv init -)"' >> ~/.zshrc
# anyenv の初期化
$ anyenv init
# シェルを再起動
$ exec $SHELL -l

install manifest ディレクトリの初期化

シェル再起動後に install manifest ディレクトリが作成されないと警告がでるっぽい。
指示に従って anyenv install --init コマンドを実行すれば install manifest を格納する /Users/<user_name>/.config/anyenv/anyenv-install ディレクトリが作成される。install manifest はちょっとよく解ってない

ANYENV_DEFINITION_ROOT(/Users/<user_name>/.config/anyenv/anyenv-install) doesn't exist. You can initialize it by:
> anyenv install --init
# ディレクトリの作成を効かれたら y と答える
$ anyenv install --init
Manifest directory doesn't exist: /Users/<user_name>/.config/anyenv/anyenv-install
Do you want to checkout ? [y/N]: y
…
# ディレクトリが作成されたら再度シェルを再起動
$ exec $SHELL -l

anyenv のバージョンが表示されればOK

$ anyenv -v
anyenv 1.1.2

nodenv を使って node.js をインストール

anyenv がインストールされたら自動的に nodenv コマンドが使えるようになっている

# インストールされている node.js のバージョンを表示
$ nodenv versions
Warning: no Node detected on the system

Node.js が何もインストールされてない場合は Warning: no Node detected on the system と表示される

command not found: nodenv になる場合

nodenv のインストールが必要

$ anyenv install nodenv
/var/folders/v2/jqr7_2zd4_b5p498blctpf480000gn/T/nodenv.20210424110848.57101 ~/Documents/local
Cloning https://github.com/nodenv/nodenv.git master to nodenv...
Cloning into 'nodenv'...
…
Install nodenv succeeded!
Please reload your profile (exec $SHELL -l) or open a new session.

$ exec $SHELL -l # シェルの再起動
$ nodenv versions
* system (set by /Users/<user>/.anyenv/envs/nodenv/version)

インストールできる node.js のバージョンを確認

$ nodenv install -l14.15.4
14.15.5
14.16.0
15.0.0
15.0.1
15.1.0

nodenv で node.js のインストール

Node.js から安定版をインストールする。
今回は LTS が 14.16.0, 最新版が 15.12.0

$ nodenv install 14.16.0
$ nodenv install 15.12.0
# インストールできてるか確認
$ nodenv versions
  14.16.0 (set by /Users/<user>/.anyenv/envs/nodenv/version)
  15.12.0

インストールしただけでは今のターミナルには反映されないのでシェルを再起動する

$ exec $SHELL -l

グローバルで使用する node.js を指定

指定しないと node コマンドが無いよと言われる。

$ nodenv global 14.16.0
# global 設定をされているかの確認
$ nodenv versions
* 14.16.0 (set by /Users/<user>/.anyenv/envs/nodenv/version)
  15.12.0

ローカルのバージョンを設定する方法

anyenv はディレクトリ単位でバージョンを指定できる。便利!!

$ cd example
$ nodenv local 15.12.0
$ nodenv versions
  14.16.0
* 15.12.0 (set by /Users/<user>/Documents/example/.node-version)

ディレクトリ内に .node-version ファイルが作成され、このディレクトリ内では node.js のバージョンを指定したものに固定できる。

yarn のインストール

global へのインストールで少しハマったのでメモ

$ npm install -g yarn
> yarn@1.22.10 preinstall /Users/<user>/.anyenv/envs/nodenv/versions/14.16.0/lib/node_modules/yarn
…
+ yarn@1.22.10
added 1 package in 0.65s
$ yarn --version
zsh: correct 'yarn' to 'tar' [nyae]?

インストールできたっぽいのに yarn コマンドが使えない…

global な npm へのパスが通ってないことが原因っぽい

nodenv rehash で global にある npm へのパスを通す必要があった

$ nodenv rehash
#  念の為改めてインストール
$ npm install -g yarn 
…
+ yarn@1.22.10
added 1 package in 0.65s
$ yarn --version
1.22.10

₍ ᐢ. ̫ .ᐢ ₎ yattane!

nodenv のアップデート

所管

環境設定何年かぶりにやると絶対忘れてる。Mac のターミナルのデフォルトが zsh になって久々の環境設定でした。zsh のシェルの再起動こんなに面倒なコマンドだったっけ… 🤔
ずっと nodebrew でしたがこれを気に anyenv にしてみましたが同じ感じで使えてるし、ディレクトリごとにバージョン固定できてめちゃめちゃ便利ですね〜!

nvm -> nodebrew -> nodenv ずいぶん遠くに来たものだ…


[参考]

仕事忙しいストレスでアイカツ! DVD まとめてポチってしまった。ストレス性買い物やりがち