
開発用にAWS EC2でMacインスタンスを借りました。
セットアップの際にXCodeのインストールで躓いたので解消方法をメモしておきます。


Amazon EC2 Mac Instanceの利用方法は[こちら](https://qiita.com/hirosys-biz/items/52c971f6076efab3aeb3)の記事を参考にしました。


XCodeをインストールしようとするとこのように十分な空き容量がない旨のメッセージが出てインストールができない。

![xcode](/images/posts/280/289/xcode.png)

Mac App Storeからだと必要以上に容量を求められるらしいので、[developer.apple.com](https://developer.apple.com/download/more/)から直接インストーラーをダウンロードしてみましたが、こちらもダメでした。

![xip](/images/posts/280/289/xip.png)

インスタンスを作成する際に200GBのボリュームを指定しています。
しかし、ディスクの空き容量を確認すると`/dev/disk2s4s1   60Gi`と小さく、割り当てたはずのボリュームが認識していないようです。

```bash
 % df -h
Filesystem       Size   Used  Avail Capacity iused      ifree %iused  Mounted on
/dev/disk2s4s1   60Gi   14Gi   22Gi    40%  568975  626528225    0%   /
devfs           191Ki  191Ki    0Bi   100%     662          0  100%   /dev
/dev/disk2s6     60Gi   20Ki   22Gi     1%       0  627097200    0%   /System/Volumes/VM
/dev/disk2s2     60Gi  278Mi   22Gi     2%     725  627096475    0%   /System/Volumes/Preboot
/dev/disk2s5     60Gi  244Ki   22Gi     1%      14  627097186    0%   /System/Volumes/Update
/dev/disk2s1     60Gi   23Gi   22Gi    52%  475239  626621961    0%   /System/Volumes/Data
map auto_home     0Bi    0Bi    0Bi   100%       0          0  100%   /System/Volumes/Data/home
/dev/disk3s2    240Mi  240Mi    0Bi   100%     356 4294966923    0%   /Volumes/Google Chrome
```

## Resize the APFS drive to use all available storage

- [Start development of business apps on Amazon EC2 with macOS AMI](https://blogs.sap.com/2021/01/28/start-development-of-business-apps-on-amazon-ec2-with-macos-ami/)

こちらの記事の手順でAPFS(Apple File System)の割り当てを変更して全てのボリュームを利用できるようにしていきます。
Resize the APFS drive to use all available storageの項からの手順です。

以下の４つのステップで進めます。

1. 使っているAPFSコンテナを特定する
2. （オプション）インスタンスのスナップショットを作成する
3. ディスクの修復をする
4. APFSコンテナのリサイズをする

### 1. 使っているAPFSコンテナを特定する

```bash
diskutil list physical external
```
このコマンドでディスクの中でも物理の外付けディスクを確認できる。

```bash
% diskutil list physical external
/dev/disk0 (external, physical):
   #:       TYPE NAME             SIZE     IDENTIFIER
   0: GUID_partition_scheme      *214.7 GB   disk0
   1:        EFI ⁨EFI⁩              209.7 MB   disk0s1
   2: Apple_APFS ⁨Container disk2⁩   64.2 GB   disk0s2 <- これ
```

`disk0s2`がAPFSです。`64.2 GB`しか認識していないことがわかる。

`/dev/disk0`をリサイズします。

### 2. （オプション）インスタンスのスナップショットを作成する

ディスクシステムの設定を変える前にスナップショットやAMIを作成することをお勧めします。

- AMI https://docs.aws.amazon.com/toolkit-for-visual-studio/latest/user-guide/tkv-create-ami-from-instance.html
- スナップショット https://docs.aws.amazon.com/AWSEC2/latest/UserGuide/ebs-creating-snapshot.html#ebs-create-snapshot


![snapshot](/images/posts/280/289/snapshot.png)

### 3. ディスクの修復をする
```bash
% diskutil repairDisk <target disk>

# ex,
% sudo diskutil repairDisk /dev/disk0        
```

リサイズする前に`diskutil repairDisk <target disk>`コマンドを実行してパーティションを修復します。
```bash
% sudo diskutil repairDisk /dev/disk0        
Repairing the partition map might erase disk0s1, proceed? (y/N) y
Started partition map repair on disk0
Checking prerequisites
Checking the partition list
Adjusting partition map to fit whole disk as required
Did grow entire partition map
Checking for an EFI system partition
Checking the EFI system partition's size
Checking the EFI system partition's file system
Checking the EFI system partition's folder content
Checking all HFS data partition loader spaces
Checking booter partitions
Reviewing boot support loaders
Checking Core Storage Physical Volume partitions
The partition map appears to be OK
Finished partition map repair on disk0
```

### 4. APFSコンテナのリサイズをする

すべての準備が整ったので、APFSコンテナのサイズ変更プロセスを開始できます。
このコマンドを入力するだけです。
```
% sudo diskutil apfs resizeContainer disk0s2 0
```

このコマンドで、システムは使用可能なすべてのストレージを使えるようにします。
`0`の代わりに特定の値を設定して利用するサイズを指定できます。


```bash
% sudo diskutil apfs resizeContainer disk0s2 0
Started APFS operation
Aligning grow delta to 150,323,855,360 bytes and targeting a new physical store size of 214,538,608,640 bytes
Determined the maximum size for the targeted physical store of this APFS Container to be 214,537,580,544 bytes
Resizing APFS Container designated by APFS Container Reference disk2
The specific APFS Physical Store being resized is disk0s2
Verifying storage system
Using live mode
Performing fsck_apfs -n -x -l /dev/disk0s2
Checking the container superblock
Checking the EFI jumpstart record
Checking the space manager
Checking the space manager free queue trees
Checking the object map
Checking volume
Checking the APFS volume superblock
The volume Macintosh HD - Data was formatted by newfs_apfs (945.275.7) and last modified by apfs_kext (1677.60.23)
Checking the object map
Checking the snapshot metadata tree
Checking the snapshot metadata
Checking the extent ref tree
Checking the fsroot tree
Checking volume
Checking the APFS volume superblock
The volume Preboot was formatted by diskmanagementd (945.275.7) and last modified by apfs_kext (1677.60.23)
Checking the object map
Checking the snapshot metadata tree
Checking the snapshot metadata
Checking the extent ref tree
Checking the fsroot tree
Checking volume
Checking the APFS volume superblock
The volume Recovery was formatted by diskmanagementd (945.275.7) and last modified by apfs_kext (1677.60.23)
Checking the object map
Checking the snapshot metadata tree
Checking the snapshot metadata
Checking the extent ref tree
Checking the fsroot tree
Checking volume
Checking the APFS volume superblock
The volume Macintosh HD was formatted by storagekitd (1677.81.1) and last modified by apfs_kext (1677.81.1)
Checking the object map
Checking the snapshot metadata tree
Checking the snapshot metadata
Checking snapshot 1 of 1 (com.apple.os.update-35C699ADD439C653A3B09EBD8A30FBD366881244EB7C82207A2E135362FCCB7F)
Checking the extent ref tree
Checking the fsroot tree
Checking the file extent tree
Checking volume
Checking the APFS volume superblock
The volume Update was formatted by com.apple.Mobile (1677.81.1) and last modified by apfs_kext (1677.60.23)
Checking the object map
Checking the snapshot metadata tree
Checking the snapshot metadata
Checking the extent ref tree
Checking the fsroot tree
Checking volume
Checking the APFS volume superblock
The volume VM was formatted by com.apple.Mobile (1677.81.1) and last modified by apfs_kext (1677.60.23)
Checking the object map
Checking the snapshot metadata tree
Checking the snapshot metadata
Checking the extent ref tree
Checking the fsroot tree
Verifying allocated space
The volume /dev/disk0s2 appears to be OK
Storage system check exit code is 0
Growing APFS Physical Store disk0s2 from 64,214,753,280 to 214,538,608,640 bytes
Modifying partition map
Growing APFS data structures
Finished APFS operation
```

### サイズの確認

サイズが変更できたか確認します。

```bash
% diskutil list physical external
/dev/disk0 (external, physical):
   #:                  TYPE NAME               SIZE       IDENTIFIER
   0: GUID_partition_scheme                   *214.7 GB   disk0
   1:                   EFI ⁨EFI⁩                209.7 MB   disk0s1
   2:            Apple_APFS ⁨Container disk2⁩    214.5 GB   disk0s2
```

APFSコンテナが64.2 GBから214.5GBに変わっていました。

```bash
% df -h
Filesystem       Size   Used  Avail Capacity iused      ifree %iused  Mounted on
/dev/disk2s4s1  200Gi   14Gi   68Gi    18%  568975 2094534625    0%   /
devfs           195Ki  195Ki    0Bi   100%     674          0  100%   /dev
/dev/disk2s6    200Gi   48Gi   68Gi    42%      48 2095103552    0%   /System/Volumes/VM
/dev/disk2s2    200Gi  278Mi   68Gi     1%     725 2095102875    0%   /System/Volumes/Preboot
/dev/disk2s5    200Gi  244Ki   68Gi     1%      14 2095103586    0%   /System/Volumes/Update
/dev/disk2s1    200Gi   69Gi   68Gi    51% 1766297 2093337303    0%   /System/Volumes/Data
map auto_home     0Bi    0Bi    0Bi   100%       0          0  100%   /System/Volumes/Data/home
/dev/disk3s2    240Mi  240Mi    0Bi   100%     356 4294966923    0%   /Volumes/Google Chrome
/dev/disk0s1    197Mi  5.5Ki  197Mi     1%       0          0  100%   /private/var/tmp/MPOOL4FS
/dev/disk4s1    130Mi  110Mi   21Mi    85%     693 4294966586    0%   /Volumes/Visual Studio for Mac Installer
```
dfコマンドでもSizeが変わっていることが確認できます。
（後日とったのでUsedなど細かい数字は一致しません）

## XCodeのインストール

ストレージが増えたことでMac App StoreからXCodeがインストール出来ました。

以上。

AWS EC2のMacインスタンスで容量が足らずにXCodeがインストールできないときの解決方法


MacでVPNの接続をして認証も十ているが、ブラウザから接続を試みるとVPNの接続先の認証が通りませんでした。
VPNに関してあまり理解はしていないため、今回の事象が解決した設定の紹介だけさせていただきます。

なお、設定は[Mac を VPN に接続する - Apple サポート - Apple Support](https://support.apple.com/ja-jp/guide/mac-help/mchlp1579/mac)の**L2TP**のところを参考にしています。

## 全てのトラフィックをVPN接続経由で送信する

「**全てのトラフィックをVPN接続経由で送信する**」にチェックを入れたところ、ブラウザからのリクエストで認証が通りました。ネットワーク > 詳細 > オプション で下記の画面へ辿れます。

![vpn](/images/posts/180/186/vpn.png)

## おわりに

- [パソコン
特定の接続のみ VPN 経由させる方法。「すべてのトラフィックを VPN 経由で接続」にチェックは不要。](https://yuichon.com/2014/04/vpn/)

解消した後にこの記事に辿り着いた。「VPN の接続優先度を下げておき、特定のアドレスだけ VPN 接続できるように経路を追加する」方法も紹介されています。

MacでVPN接続したのに認証が通らなかった件


PCに立てたローカルサーバにAndroid端末からアクセスする手順を紹介します。
Chromeの設定だけで可能なためどのOSでも良いかと思います。

## 環境

- Windows 10
- Android
- USBケーブル

ローカルサーバはNode.jsで立てました [http://localhost:3000](http://localhost:3000)。ポート番号は環境に合わせて読み替えてください。

## 設定手順

1. PCのローカルサーバを起動する（[http://localhost:3000](http://localhost:3000)で立てた）。
2. AndroidをUSBでつなぐ。
3. PCのChromeを立ち上げ[chrome://inspect/#devices](chrome://inspect/#devices)を開く。

![inspect](/images/posts/140/141/inspect.png)

1. 「Port forwarding...」を開く。

![port](/images/posts/140/141/port.png)

5. ポートとURLを入力して、「Enable port forwarding」にチェックを付ける。

これでAndroidからPCのローカルサーバにアクセスできます。
ただし、80ポートは入力できないようになっていました。

6. Androidから確認する

![screenshot](/images/posts/140/141/Screenshot_20190421-202429.png)

PCのローカルサーバにアクセスできました！

さらに詳しくは[Chrome DevTools](https://developers.google.com/web/tools/chrome-devtools/remote-debugging?hl=ja)を参照してください。

## 参考

- [android端末からPCのローカルサーバにアクセスする方法](https://qrunch.net/@kichinaga/entries/hokndvpMlx6X7Kio)

Androidの端末からPCのローカルサーバにアクセスする


普段Gitにあげるほどでもないコードの開発は、マイドライブで行いバックアップしている。
MacのGoogleドライブのファイルストリーム内のファイルは読み書き権限の変更ができないようだ。
**chmod**やファイルの「情報をみる」から権限の変更を色々と試してみたが、失敗した。

結局、他のフォルダで試してみたところ変更ができたため原因はGoogleドライブと結論着けている。
ドライブ内のファイルはシンボリックリンクになっているため変更できない。
対処法はマイドライブ以外のディレクトリに移すこと。

メモしていたので気づくまでの過程を残す。

## 症状

`lambda_function.py`の権限を変更できず困った。

```sh
$ ls -l lambda_function.py
-rwx------@  1 user  staff     3414  1 30 00:58 lambda_function.py
```

AWS Lambdaにファイルをあげて実行しようとしたとき、**Permission denied** （実行ファイルの権限がない）とエラーが出ました。

「あー、権限ね。」とコマンドで`chmod 755 ファイル名`としてもまたエラーが。。。

権限をみると`-rwx------@`と自分の権限しか付いていません。
**root**で実行してもダメでした。

### 補足

`chmod`はファイルの読み書き実行とユーザーの権限を変更できるコマンド。

コマンド以外の方法では、ファイルを２本指でタップして出るメニューから「情報をみる」を選ぶ。

![info](/images/posts/79/info.png)

その一番下の「共有とアクセス権」のアクセス権を変更する。

![auth](/images/posts/79/auth.png)


## 対処１　謎の＠

`ls -l`で確認すると`-rwx------@`となっており**@**が原因だと考えた。
@は**拡張ファイル属性**といってrwx以外の属性が付いている印です。

どんな属性かはコマンド`ls -l@`で見ることができます。

```sh
$ ls -l@ lambda_function.py
-rwx------@ 1 user  staff  3414  1 30 00:58 lambda_function.py
        com.apple.lastuseddate#PS         16
```

このファイルには`com.apple.lastuseddate#PS`の属性が付いていた。。
よくわかっていませんが、[ここ](http://www.dslreports.com/forum/r31953109-macOS-com-apple-lastuseddate-PS)によるとディスクスペース解放のためのものらしいです。
そう言われると、一度間違えてゴミ箱に捨てた覚えがある。。。

### @を消す

下の記事に消す方法が書いてありました。（この方は別の拡張ファイル属性がついているようです）

[[Sy] Macのパーミッションにある@（アットマーク）の正体と消す方法](https://utano.jp/entry/2015/06/mac-ls-remove-at-sign/)

**拡張ファイル属性**を削除します。
コマンドは`xattr -d [削除したい属性] [ファイル名]`です。

```sh
$ xattr -d com.apple.lastuseddate#PS lambda_function.py
$ ls -l lambda_function.py
-rwx------  1 user  staff  3414  1 30 00:58 lambda_function.py
```

消えた！！

権限の変更は。。。

```sh
$ chmod 755 lambda_function.py
$ ls -l lambda_function.py
-rwx------  1 user  staff  3414  1 30 00:58 lambda_function.py
```

ダメだった！！

### 参考

- [[Sy] Macのパーミッションにある@（アットマーク）の正体と消す方法](https://utano.jp/entry/2015/06/mac-ls-remove-at-sign/)
- [what does the @ mean in ls -l?](https://unix.stackexchange.com/questions/10/what-does-the-mean-in-ls-l)
- [Extended file attributes](https://en.wikipedia.org/wiki/Extended_file_attributes)

## 対処２ Googleドライブ

`ls -l`で権限を見たとき全てのファイル／ディレクトリが**700**になっていることが不自然だった。

```sh
$ ls -l
-rwx------@  1 user  staff     3414  1 30 00:58 lambda_function.py
drwx------   2 user  staff     4096  1 30 00:22 python_dateutil-2.7.5.dist-info
drwx------   3 user  staff     4096  1 30 00:22 s3transfer
drwx------   2 user  staff     4096  1 30 00:22 s3transfer-0.1.13.dist-info
（省略）
```

デスクトップのものは`drwxr-xr-x`などある。
そこで、ファイルを移したところ権限の変更ができた。

### なぜGoogleドライブでは権限の変更ができないのか

なぜかわからずむしゃくしゃしたので探ってみた。

`~`直下で確認するとGoogleドライブの属性が**d**ではなく**l**だと気づいた。

```sh
lrwx------   1 user  staff    20  1 30 08:40 Google Drive File Stream -> /Volumes/GoogleDrive
drwx------+  3 user  staff    96  2  1  2018 Movies
drwx------+  5 user  staff   160  6 27  2018 Music
```

**d**はディレクトリ、**l**はシンボリックリンクを表す。

### なぜシンボリックリンクは権限の変更ができないのか

シンボリックリンクの権限に意味はないから。
リンク先の実態のあるファイルの権限を変える必要がある。

また、`-r`オプションでリンク先のディレクトリ内も再帰的に操作することを防いでいる。
オプション`-R`などを使ってリンク先を辿って変更できる。
しかし、試したがGoogleドライブ内のファイルは変更できなかった。

- [chmod - ファイル・モードを変更する - IBM](https://www.ibm.com/support/knowledgecenter/ja/ssw_ibm_i_73/rzahz/rzahzchmod.htm)

## 結論

長々と書いたが、他のディレクトリに移せばすぐに解決する。
ローカルなソースコードの管理はGoogleドライブで良いが、他の環境で動かすコードはGitで管理する方が良い。

この記事に需要があるかはわからない。

ファイルの権限を変更できない。Googleドライブのシンボリックリンクが原因でした


基本的に使う文字コードは**UTF-8**ですが、csvをExcelで確認するときなど文字化けしてしまいます。
そこで、文字コードをコマンドでの変換をできる方法をまとめました。

Linux, Macの環境が手元にあるので試してみます。

## nfk (Network Kanji Filter) コマンド

日本語の文字コード変換するためのコマンドツールには**nkf**を使います。

文字コードだけでなく改行コードも変換できます。
ちなみにzipコマンドで圧縮する時も改行コードを変換できます。詳しくは[zipコマンド](https://www.suzu6.net/posts/63-zip-command)にあります。

- 英語版の[wiki nfk](https://en.wikipedia.org/wiki/Network_Kanji_Filter)

### 対応するエンコード

- `JIS`
- `Shift_JIS`
- `EUC-JP`
- `Unicode` (UTF-8, UTF-16..)

参考：[文字コードの考え方から理解するUnicodeとUTF-8の違い](http://equj65.net/tech/charcode/)

## 環境

- CentOS 6.9
- Mac macOS High Sierra

上記の環境でのインストールと動作確認をします。

## インストール

どの環境も初期状態ではコマンドがありませんでした。
それぞれの環境でインストールと使い方をまとめます。

`-h`はヘルプではなくひらがなカタカナ変換オプションです。
ヘルプは`nkf --help`で確認すること。

### Linux (CentOS 6.9)


```sh
$ sudo yum install nkf
```

バージョンを確認。

```sh
$ nkf --version
Network Kanji Filter Version 2.0.8 (2007-07-20) 
Copyright (C) 1987, FUJITSU LTD. (I.Ichikawa),2000 S. Kono, COW
Copyright (C) 2002-2007 Kono, Furukawa, Naruse, mastodon
```

Version 2.1.2は[こちらの方法](https://blog.jicoman.info/2013/08/nkf_install/)でソースからコンパイルできます。
今回はVersion 2.0.8で進める。


### Mac

**homebrew**を使って**nkf**をインストールします。
とりあえずhomebrewをアップデートする。

```sh
$ brew update

$ brew -v
Homebrew 1.9.3
```

nkfのインストールとバージョン確認。
yumでインストールした時よりも新しいVersion 2.1.4でした。

```sh
$ brew install nkf
$ nkf -v
Network Kanji Filter Version 2.1.4 (2015-12-12)
Copyright (C) 1987, FUJITSU LTD. (I.Ichik
```

## 基本的な使い方

viで日本語のテキスト`text.txt`を作成した。

text.txt
```txt
あいうえお
かきくけこ
さしすせそ

```

### 文字コードを確認する

- `-g` 文字コードを確認する

```sh
$ nkf -g text.txt 
UTF-8 (LF)
```

### エンコード 改行文字

- `-s` **Shift-JIS**にエンコード
- `-c` 改行コードを**CRLF**に変更

```sh
$ nkf -sc text.txt > text-jis.txt
$ nkf -g text-jis.txt 
Shift_JIS (CR)
```

- `-w` **UTF-8**にエンコード
- `-d` 改行コードを**LF**に変更

```sh
$ nkf -dw text-jis.txt > text-utf8.txt
$ nkf -g text-utf8.txt 
UTF-8
```

| オプション | 説明                       |
| ---------- | -------------------------- |
| -j         | JIS 7 bit (DEFAULT)        |
| -s         | Shift JIS                  |
| -e         | EUC-JP                     |
| -w         | UTF-8                      |
| -w8        | UTF-8                      |
| -w16       | UTF-16                     |
| -c         | 改行コードを**CRLF**に変更 |
| -d         | 改行コードを**LF**に変更   |

実はこんな書き方もできる。

| オプション | 説明      |
| ---------- | --------- |
| --windows  | Shift JIS |
| --mac      | Shift_JIS |
| --unix     | EUC-JP    |

`--mac`はなぜか**UTF-8**ではない。

### まとめて変換

テキストをまとめて**utf-8（LF）**へ変換する。上書きオプションをつけると可能。

- `--overwrite` 上書きする。


```sh
$ nkf -dw --overwrite *.txt
$ nkf -g *.txt
text-jis.txt:UTF-8 (LF)
text-utf8.txt:UTF-8 (LF)
text.txt:UTF-8 (LF)
```

### ひらがな　<-> カタカナ

なんと、ひらがなとカタカナを変換できる。

```sh
$ cat text.txt
あいうえお
かきくけこ
さしすせそ

```

- `--katakana` ひらがなをカタカナに変換

```sh
$ nkf -w --hiragana text.txt > text-k.txt
$ cat text-k.txt
アイウエオ
カキクケコ
サシスセソ

```

- `--katakana` ひらがなをカタカナに変換

```sh
$ nkf -w --hiragana text-k.txt > text-h.txt
$ cat text-h.txt
あいうえお
かきくけこ
さしすせそ
```

【Linux/Mac】ファイルの文字コードをまとめてnkfコマンドで変換する方法


Macに**Node**をインストールする手順です。
**homebrew**を使ってインストールと**nodebrew**でnpmのバージョン管理をします。

Linuxでも同様にbrewコマンドを使う手順も載せています。

## できた環境

環境とインストールしたバージョン。

- Mac OS : High Sierra 10.13
- homebrew : 1.9.2
- nodebrew : 1.0.1
- node : v11.6.0
- npm : 6.6.0

2019年1月現在の最新に更新しました。

## homebrew

[homebrew　公式](https://brew.sh/index_ja)

`homebrew`はMacのパッケージマネージャです。  
インストールされていない方は、公式か下記のコマンドからインストールできます。

```sh
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
```

パスワードを尋ねられた場合は、ご自身のMacのパスワードを入力してください。

確認のコマンド。

```sh
$ brew --version
Homebrew 1.9.2
Homebrew/homebrew-core (git revision beff7; last commit 2019-01-18)
Homebrew/homebrew-cask (git revision 2d5950; last commit 2019-01-18)
```

アップデートする場合のコマンド。

```sh
$ brew update
```

### Linuxbrew

Linuxの方は[Linuxbrew](http://linuxbrew.sh/)を利用します。

以下インストール手順。可能であれば`sudo`での実行が推奨されています。

```sh
sh -c "$(curl -fsSL https://raw.githubusercontent.com/Linuxbrew/install/master/install.sh)"
```

続いて、**PATH**と**プロファイル**にbrewコマンドを追加します。
Debian/Ubuntuは`~/.profile`、CentOS/Fedora/RedHatは`~/.bash_profile`に追加します。

```sh
test -d ~/.linuxbrew && eval $(~/.linuxbrew/bin/brew shellenv)
test -d /home/linuxbrew/.linuxbrew && eval $(/home/linuxbrew/.linuxbrew/bin/brew shellenv)
test -r ~/.bash_profile && echo "eval \$($(brew --prefix)/bin/brew shellenv)" >>~/.bash_profile
echo "eval \$($(brew --prefix)/bin/brew shellenv)" >>~/.profile
```

確認のためhelloをインストールしてみる。

```sh
$ brew install hello
Updating Homebrew...
==> Downloading https://homebrew.bintray.com/bottles/hello-2.10.high_sierra.bottle.tar.gz
######################################################################## 100.0%
==> Pouring hello-2.10.high_sierra.bottle.tar.gz
🍺  /usr/local/Cellar/hello/2.10: 11 files, 125.2KB
```

## nodebrewをインストール 

Nodeのバージョン管理をするため[nodebrew](https://github.com/hokaccha/nodebrew)をインストールします。

```sh
$ brew install nodebrew
```

バージョンを確認します。
```sh
$ nodebrew -v
nodebrew 1.0.1
```

## Node.jsをインストール

そのままではインストール時にエラーになるため、まずディレクトリ`~/.nodebrew/src`を作ります（※エラーの詳細は記事の最後に載せました)。    
その後、最新のバージョンをインストールします。
```sh
$ mkdir -p ~/.nodebrew/src
$ nodebrew install-binary latest
$ nodebrew list
v10.9.0
v11.6.0

current: v10.9.0
```

2019年1月でのnodeの最新バージョン：v11.6.0

インストール済みである場合、`current: v10.9.0`と旧バージョンが適応されていることがわかる。（2018年8月に導入したもの）
新規インストールでは、`current: none`となる。

先ほどインストールしたバージョンを使えるようにします。

```sh
$ nodebrew use v11.6.0
use v11.6.0
```

## node, npmコマンドを設定する。

bashにパスを通して、node, npmコマンドを使えるようにします。
Debian/Ubuntuの場合は`~/.profile`に置き換えてください。

```sh
$ ls $HOME/.nodebrew/current/bin
node            nodebrew        npm             npx
$ echo 'export PATH=$PATH:$HOME/.nodebrew/current/bin' >> ~/.bash_profile
$ vi ~/.bash_profile
```

**~/.bash_profile**に以下を追記。

```sh
if [ -f ~/.bashrc ] ; then
. ~/.bashrc
fi
```

shell を再起動します。

```sh
$ exec $SHELL -l
```

npmとnodoを確認する。

```sh
$ npm -v
6.6.0
$ node -v
v11.6.0
```

無事インストールされました。

## nodebrewでnodeのバージョンを管理する。

`node`のバージョンを切り替えてみます。

```sh
# 現在インストール済みと利用しているバージョンの確認
$ nodebrew list
v10.9.0
v11.6.0

current: v11.6.0
```

**v8.9.4**をインストールして切り替えてみる。

```sh
# v8.9.4をインストールする
$ nodebrew install v8.9.4

# バージョンの切り替え
$ nodebrew use v8.9.4
use v8.9.4

$ node -v
v8.9.4
$ npm -v
5.6.0
```

簡単に切り替えることができました。
また、インストール済みの中で最新に戻す場合は、latestで指定できます。

```sh
$ nodebrew use latest
use v11.6.0
```

使わないバージョンは削除できます。

```sh
$ nodebrew uninstall v8.9.4
v8.9.4 uninstalled

# ソースファイルも削除する。
$ nodebrew clean v8.9.4
Cleaned v8.9.4

# OK
$ nodebrew list
v10.9.0
v11.6.0

current: v11.6.0
```

### nodebrewのその他のコマンド

`nodebrew help`もしくは、`man nodebrew`で確認して見てください。

```sh
$ nodebrew help
Usage:
    nodebrew help                         Show this message
    nodebrew install <version>            Download and install <version> (from binary)
    nodebrew compile <version>            Download and install <version> (from source)
    nodebrew install-binary <version>     Alias of `install` (For backword compatibility)
    nodebrew uninstall <version>          Uninstall <version>
    nodebrew use <version>                Use <version>
    nodebrew list                         List installed versions
    nodebrew ls                           Alias for `list`
    nodebrew ls-remote                    List remote versions
    nodebrew ls-all                       List remote and installed versions
    nodebrew alias <key> <value>          Set alias
    nodebrew unalias <key>                Remove alias
    nodebrew clean <version> | all        Remove source file
    nodebrew selfupdate                   Update nodebrew
    nodebrew migrate-package <version>    Install global NPM packages contained in <version> to current version
    nodebrew exec <version> -- <command>  Execute <command> using specified <version>
```

## nodebrew installでのエラー

※ `2018-08`に確認。

**原因**：`~/.nodebrew/src`のディレクトリがないため。  
**対処**：インストール前にディレクトリを作成。`mkdir -p ~/.nodebrew/src`

[参考](https://qiita.com/non0311/items/664cf74d9ff4bad9cf46)からメジャーバージョンが２つ上がっていますが、同じくインストール時にエラーになりました。

```sh
$ nodebrew install-binary latest
Fetching: https://nodejs.org/dist/v10.9.0/node-v10.9.0-darwin-x64.tar.gz
Warning: Failed to create the file
Warning: {your home path}/.nodebrew/src/v10.9.0/node-v10.9.0-darwin-x64.tar
Warning: .gz: No such file or directory
                                                                           0.0%
curl: (23) Failed writing body (0 != 1057)
download failed: https://nodejs.org/dist/v10.9.0/node-v10.9.0-darwin-x64.tar.gz
```

## おわりに

初めてNode.jsに触る方にはこちらの本をお勧めします。

<div class="cstmreba"><div class="booklink-box"><div class="booklink-image"><a href="//af.moshimo.com/af/c/click?a_id=1286797&p_id=56&pc_id=56&pl_id=637&s_v=b5Rz2P0601xu&url=http%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F15552726%2F" target="_blank" rel="nofollow" ><img src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5220/9784798055220.jpg?_ex=200x200" style="border: none;" /></a><img src="//i.moshimo.com/af/i/impression?a_id=1286797&p_id=56&pc_id=56&pl_id=637" width="1" height="1" style="border:none;"></div><div class="booklink-info"><div class="booklink-name"><a href="//af.moshimo.com/af/c/click?a_id=1286797&p_id=56&pc_id=56&pl_id=637&s_v=b5Rz2P0601xu&url=http%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F15552726%2F" target="_blank" rel="nofollow" >Node.js 超入門 第2版</a><img src="//i.moshimo.com/af/i/impression?a_id=1286797&p_id=56&pc_id=56&pl_id=637" width="1" height="1" style="border:none;"><div class="booklink-powered-date">posted with <a href="https://yomereba.com" rel="nofollow" target="_blank">ヨメレバ</a></div></div><div class="booklink-detail">掌田津耶乃 秀和システム 2018年08月25日    </div><div class="booklink-link2"><div class="shoplinkrakuten"><a href="//af.moshimo.com/af/c/click?a_id=1286797&p_id=56&pc_id=56&pl_id=637&s_v=b5Rz2P0601xu&url=http%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F15552726%2F" target="_blank" rel="nofollow" >楽天ブックス</a><img src="//i.moshimo.com/af/i/impression?a_id=1286797&p_id=56&pc_id=56&pl_id=637" width="1" height="1" style="border:none;"></div><div class="shoplinkamazon"><a href="https://www.amazon.co.jp/exec/obidos/asin/4798055220/suzu60c-22/" target="_blank" rel="nofollow" >Amazon</a></div><div class="shoplinkkindle"><a href="https://www.amazon.co.jp/gp/search?keywords=Node.js%20%92%B4%93%FC%96%E5%20%91%E62%94%C5&__mk_ja_JP=%83J%83%5E%83J%83i&url=node%3D2275256051&tag=suzu60c-22" target="_blank" rel="nofollow" >Kindle</a></div>                              	  	  	  	  	</div></div><div class="booklink-footer"></div></div></div>

以上、快適なNodeライフを！

## 参考

- [Macでnode.jsをインストール、npmコマンドも使用可にする【2017.8月最新版】 - Qiita](https://qiita.com/non0311/items/664cf74d9ff4bad9cf46)
- [Linuxbrew のススメ - Qiita](https://qiita.com/thermes/items/926b478ff6e3758ecfea)

MacにNode/npmをインストールする手順 2019年1月更新



WindowsからMacに移って、よく使っているショートカットキーの違いに戸惑いました。
MacではChromeのデベロッパーツールを開くショートカットキーは`⌘`+`option`+`i`です。
忘れてしまうので、Macでも`F12`で開けるように設定します。

## デフォルトのショートカットキー

MacではChromeのデベロッパーツールを開くデフォルトのショートカットキーは`⌘`+`option`+`i`です。
その他、Chromeの操作の中でよく使うものを抜粋しました。

| 操作                                       | ショートカットキー    |
|--------------------------------------------|-----------------------|
| ページの再読み込み                         | `⌘`+`r`               |
| 最後に閉じたタブを開いてそのタブに移動する | `⌘`+`shift`+`t`       |
| 開いている次のタブに移動する               | `⌘`+`option`+`右矢印` |
| 開いている前のタブに移動する               | `⌘`+`option`+`左矢印` |
| 全画面表示モードのオンオフ                 | `⌘`+`ctrl`+`f`        |
| ウェブを検索する                           | `⌘`+`option`+`f`      |

その他、ChromeのショートカットについてはGoogle Chromeの[ヘルプ](https://support.google.com/chrome/answer/157179?hl=ja)をご確認下さい。
[Chrome のキーボード ショートカット](https://support.google.com/chrome/answer/157179?hl=ja)

## ショートカットの設定方法

`⌘`+`option`+`i`は忘れてしまうため、`F12`を押してChromeのデベロッパーツールを開くように設定します。

### 手順

「システムの環境設定」→「キーボード」→「ショートカット」を選択します。

![apple](/images/posts/1/apple.png)

![setting](/images/posts/1/setting.png)

左のメニューから「アプリケーション」を選択し、「＋」ボタンを押してショートカットキーを追加していきます。

![ショートカット割り当て](/images/posts/1/screenshot1.png)

アプリケーションからChromeを選択して、メニュータイトルに「デベロッパー ツール」と入力。
キーボードショートカットを割り当て追加します。

![ショートカット割り当て](/images/posts/1/screenshot2.png)


同様に「ページを再読み込み」（`F5`）も追加しました。

設定が完了したらChromeで試してみてください。

---

<div class="amakuri-default-comment" style="text-align: left; line-height: 1.5em; margin-bottom: 10px; overflow:hidden; _zoom:1;"><div class="amakuri-default-comment-image" style="float: left; margin: 0 20px 0 0;"><a href="https://www.amazon.co.jp/exec/obidos/ASIN/B016ZF8RDA/suzu60c-22" target="_blank"><img src="https://images-fe.ssl-images-amazon.com/images/I/41tLfpBoqWL._SL160_.jpg" width="160" height="100" alt="Apple Magic Keyboard - JIS MLA22J/A" style="border: none"></a></div><div class="amakuri-default-comment-desc" style="overflow: hidden; _zoom:1;"><div class="amakuri-default-comment-title" style="margin-bottom: 0.5em;"><a href="https://www.amazon.co.jp/exec/obidos/ASIN/B016ZF8RDA/suzu60c-22" target="_blank">Apple Magic Keyboard - JIS MLA22J/A</a></div><div class="amakuri-default-comment-posted" style="margin-bottom: 0.5em; font-size: small;">Posted at 2018.12.27</div><div class="amakuri-default-comment-platform">Macintosh</div><div class="amakuri-default-comment-label" style="margin-bottom: 0.5em;">アップル</div><div class="amakuri-default-comment-link" style="margin-top: 1em;"><a href="https://www.amazon.co.jp/exec/obidos/ASIN/B016ZF8RDA/suzu60c-22" target="_blank">Amazonで詳細を見る</a></div></div></div>


AWS EC2のMacインスタンスで容量が足らずにXCodeがインストールできないときの解決方法

MacでVPN接続したのに認証が通らなかった件

Androidの端末からPCのローカルサーバにアクセスする

ファイルの権限を変更できない。Googleドライブのシンボリックリンクが原因でした

【Linux/Mac】ファイルの文字コードをまとめてnkfコマンドで変換する方法

MacにNode/npmをインストールする手順 2019年1月更新

【Mac】ChromeのデベロッパーツールをF12で開くよう設定する