新規Mac時に行うこと、入れるアプリ一覧

macの買い替えや転職などでいろいろなツールを入れ直し、検討したので、その時のメモ

アプリ

Chrome

ブラウザ

Google Chrome - Google の高速で安全なブラウザをダウンロード

Firefox

ブラウザ

史上最速の Firefox をダウンロード

Franz 5

いろいろなアプリとの連携

Franz – a free messaging app for Slack, Facebook Messenger, WhatsApp, Telegram and more

Biscuit

FranzよりもBiscuitの方が自由にカスタマイズができているので、Biscuitを使用

Biscuit（ビスケット） | いつものアプリがタブに埋もれない無料ブラウザ

Bear

マークダウンのメモアプリ

‎Bear - プライベートメモ

vscode

テキストエディタ

Visual Studio Code – コード エディター | Microsoft Azure

Simplenote

マークダウンを使わないときのメモアプリ

Simplenote

Kindle

本などの管理

‎Kindle

QuickRes

macのディスプレイサイズを変更(有料)

QuickRes - the best resolution switcher for Mac

Display Menu

macのディスプレイサイズを変更(無料)
基本的なサイズならこっちで大丈夫。

‎Display Menu

⌘英かな

左右の⌘キーを単体で押した時に英数/かなを切り替えるようにするアプリ。Karabinerもあるけど、左右の⌘キーを単体のみなので、⌘英かなを使用。

⌘英かな

Karabiner-Elements

Charger Information for Mac

MacBookの充電器の情報をメニューバーに表示するアプリ

narikei/Charger-Information-for-Mac

Mapture

キャプチャユーティリティ

Mapture - MacOSX向けキャプチャユーティリティ

PixelSnap2

画面上のオブジェクトのサイズや距離、間隔を瞬時に測定するツール

PixelSnap 2 Mac用測定ツール

iTerm2

ターミナル

iTerm2 - macOS Terminal Replacement

Dozer

任意のメニューバーアイコンを非表示ツール

Dozer - macOSの任意のメニューバーアイコンを非表示に | ソフトアンテナブログ

CLCL Lite

⌘, altを何回か押すとアプリが起動するアプリ

‎CLCL Lite

f.lux

ブルーライトカットしてくれるもの

f.lux

RunCat

CPUの使用率に応じて、猫が走るアプリ

‎RunCat

RunJS

jsを気軽に実行できるもの

RunJS - Write and run JavaScript instantly

FontPreview

インストールされているフォントの一覧を確認できるもの(120円くらいする)

‎FontPreview

ResponsivelyApp

複数のサイズで確認を同時に行うことができるアプリ

manojVivek/responsively-app

ターミナル(iterm2)

ステータスバーを表示

iTerm2 ver. 3.3で便利なステータスバーがやって来た！

zshの設定

Macの開発環境をzshで良い感じにする - Qiita

// コマンドラインツールのインストール(アップデート)
$ xcode-select --install
// homebrewインストール
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)
// gitのインストール
$ brew install git
//  zshのインストール
$brew install zsh 

/usr/local/bin/zsh に以下を追記

/usr/local/bin/zsh

以下のコマンドでシェルを変更

$ chsh -s /usr/local/bin/zsh

preztoインストール

$ git clone --recursive https://github.com/sorin-ionescu/prezto.git "${ZDOTDIR:-$HOME}/.zprezto"

.zshrcに以下を記載

if [[ -s "${ZDOTDIR:-$HOME}/.zprezto/init.zsh" ]]; then
    source "${ZDOTDIR:-$HOME}/.zprezto/init.zsh"
fi

これで適応される

pecoのインストール 

pecoでzshのコマンド履歴検索を超快適にする！ - Qiita

インストール

$ brew install peco

.zshrcに以下を追記

function peco-history-selection() {
   BUFFER=`history -n 1 | tail -r  | awk '!a[$0]++' | peco`
   CURSOR=$#BUFFER
   zle reset-prompt
}

zle -N peco-history-selection
bindkey '^R' peco-history-selection

treeインストール

treeコマンド - Qiita

$ brew install tree

vscode

操作系

ミニマップ非表示

VS Codeのミニマップの表示／非表示を切り替えるには

ターミナルから起動

ターミナルからVisual Studio Codeを起動する方法【公式の方法】 - Qiita

上書き問題解決

VSCodeでファイルを開いた時にタブが上書きされる問題を回避する - Qiita

拡張機能

Path Autocomplete

Path Autocomplete - Visual Studio Marketplace

Rainbow CSV

Rainbow CSV - Visual Studio Marketplace

Trailing Spaces

Trailing Spaces - Visual Studio Marketplace

Version Lens

Version Lens - Visual Studio Marketplace

Visual Studio IntelliCode

IntelliCode - Visual Studio Marketplace

Highlight Matching Tag

Highlight Matching Tag - Visual Studio Marketplace

indent-rainbow

indent-rainbow - Visual Studio Marketplace

Japanese Language Pack for Visual Studio Code

Japanese Language Pack for Visual Studio Code - Visual Studio Marketplace

vscode-icons-mac

vscode-icons-mac - Visual Studio Marketplace

Color Highlight

Color Highlight - Visual Studio Marketplace

GitLens

GitLens — Git supercharged - Visual Studio Marketplace

Color Highlight

Color Highlight - Visual Studio Marketplace

Bracket Pair Colorizer

Bracket Pair Colorizer - Visual Studio Marketplace

npm

nodenvインストール手順

nodebrewよりもnodenvの方が使いやすいため、nodenvに移行

Node.jsのバージョンを自動で切り替えられるnodenvが超便利 - Qiita

# anyenvインストール
$ git clone https://github.com/riywo/anyenv ~/.anyenv
$ echo 'export PATH="$HOME/.anyenv/bin:$PATH"' >> ~/.zshrc
$ echo 'eval "$(anyenv init -)"' >> ~/.zshrc
$ exec $SHELL -l
# nodenvインストール
$ anyenv install nodenv
$ exec $SHELL -l
# nodenvがインストールされているか確認
nodenv

nodebrewインストール手順

NodebrewでNodeをインストールする - Qiita

$ brew install nodebrew // インストール
$ nodebrew -v // 確認(バージョンが表示されていればok)

.zshrcに記載

export PATH=$HOME/.nodebrew/current/bin:$PATH

セットアップ

$ nodebrew setup

nodebrewコマンド

$ nodebrew setup // インストール可能なバージョン確認
$ nodebrew install-binary v12.16.1 // バージョンのインストール
$ nodebrew use v12.16.1 // バージョンの指定
$ nodebrew ls // インストールしたバージョンの確認

nodeのバージョン(2020.02.22時点)

安定版

v12.16.1

最新版

v13.9.0

Node.js

グローバルで使うnpmパッケージ

serve

serve

yarn

yarn

npm-check-updates

npm-check-updates

chrome拡張

Muzli 2 - Stay Inspired

Muzli 2 - Stay Inspired

Page Ruler Redux

Page Ruler Redux

SearchPreview

SearchPreview

The QR Code Extension

The QR Code Extension

Responsive Viewer

Responsive Viewer

Wappalyzer

Wappalyzer

StyleURL

StyleURL

ColorPick Eyedropper

ColorPick Eyedropper

GitHub Repository Size

GitHub Repository Size

Issue Checker for GitHub

Issue Checker for GitHub

Octohint

Octohint

React Developer Tools

React Developer Tools

Vue.js devtools

Vue.js devtools

SEO META in 1 CLICK

SEO META in 1 CLICK

File Icon for GitHub and GitLab

File Icon for GitHub and GitLab

Sourcegraph

Sourcegraph

GitHub Custom Tab Size

GitHub Custom Tab Size

Awesome Autocomplete for GitHub

Awesome Autocomplete for GitHub

GitHub Highlight Selected

GitHub Highlight Selected

GitHub Hovercard

GitHub Hovercard

GitHub Repository Size

GitHub Repository Size

OctoLinker

OctoLinker

Octotree

Octotree

HTML5 Outliner

HTML5 OutlinerGenerates a navigable page outline with heading and sectioninchrome.google.com