📝

Chromebook に Zenn の環境を構築する

2021/01/11に公開

Zenn

Chromebook

tech

はじめに

ふと、日々の知見をアウトプットするべく Zenn を利用してみようと思い立ち、まず手始めに Chromebook に Zenn の環境を構築してみました。

以下が私の使用している Chromebook です。数年前に Amazon.com で購入しました。

環境構築

すでに公式のドキュメントがあるので、基本的にはこの通りです。

ただ、 Chromebook の Linux は Debian 10.7(buster) で Node.js のインストールに若干手間取りました。

2021-01-11 現在、 Debian 公式の Node.js はバージョン 10.23.1 と古いので、下記のどちらかで新しいバージョンをインストールします。
(最初は nvm でインストールしましたが、 fish で Node.js 関連コマンドを利用できないのが不便だったので NodeSource でインストールし直しました)

https://github.com/nvm-sh/nvm

nvm

インストール

console

$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh |bash

console

=> Profile not found. Tried ~/.bashrc, ~/.bash_profile, ~/.zshrc, and ~/.profile.
=> Create one of them and run this script again
   OR
=> Append the following lines to the correct file yourself:

export NVM_DIR="$HOME/.config/nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm

インストールの途中で上記のメッセージが・・・。
(シェルは fish を使用しており bash の環境設定ファイルは削除してある)

仕方ないので ~/.bashrc を置いて再実行。

console

$ touch ~/.bashrc
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh |bash

console

=> Appending nvm source string to /home/ksh2ksk4/.bashrc
=> Appending bash_completion source string to /home/ksh2ksk4/.bashrc

今度は良さそう。
というか nvm は fish じゃ使えないのか・・・。

一旦 bash にして Node.js をインストール。

console

$ bash
$ nvm ls-remote
$ nvm install v14.16.1
$ node -v
v14.16.1

ひとまずこれで OK 。

アンインストール
nvm でインストールした Node.js をアンインストール。
console
```
$ nvm deactivate
$ nvm uninstall v14.16.1
```
nvm 自体はインストールされているディレクトリをまるごと削除するだけ。
console
```
$ rm -rf .config/nvm
```
nvm のためだけに使っていた bash の関連ファイルも削除しておく。
console
```
$ rm -f .bash*
```

NodeSource

インストール

console

$ curl -fsSL https://deb.nodesource.com/setup_14.x |sudo -E bash -
$ sudo apt install nodejs
$ node -v
v14.16.1

あとは Zenn CLI を利用して記事を書き、リポジトリへ反映するだけです。

おわりに

アウトプットする(したいと思う)機会が減ってきているので、これを機に増やしていきたいなー。

はじめに

環境構築

おわりに

Discussion