0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

[SetUp][Mac][Homebrew] 開発用Macの初期設定

Last updated at Posted at 2024-10-20

目次

Finderでホームディレクトリを見られるようにする

  1. Finder
  2. 設定
  3. サイドバー
  4. ホームにチェック

Homebrewのインストール

  1. Terminalを開く

  2. Homwbrewのホームページを開く

  3. インストールする

    Homebrewのホームページのインストールコマンド
    

    image.png

  4. インストールできているか確認

    brew -v
    
  5. 現時点(コマンド実行時点)でのpathを確認する

    echo $PATH
    
    // 出力結果
    /usr/local/bin
    
  6. ↑上記pathをコピーしておく

HomebrewCaskのインストール

CaskがHomebrew本体にオプションとして含まれているため現在は不要 link
古いバージョンのHomebrewだとCask本体を別途インストールしbrew cask install {CASK_NAME}のようなコマンドで利用する必要あり

Homebrewでgitをインストール

  1. gitが既にMacに存在するかの確認

    which git
    
    // 出力結果
    // gitコマンドを操作するためのプログラムが格納されたパスが表示される
    /usr/bin
    
  2. gitのバージョンを確認する

    git version
    
    // 出力結果
    // インストールされているgitのバージョンが表示される
    git version 2.39.3 (Apple Git-146)
    
  3. gitの安定版を確認する link

    brew info git | grep stable
    
    // 出力結果
    git: stable 2.45.2 (bottled), HEAD
    
  4. gitをインストールする

    brew search git
    
    brew install git
    
  5. 現時点(コマンド実行時点)でのpathを確認する

    echo $PATH
    
    // 出力結果
    /usr/local/bin
    

pathを通す

※: pathは環境変数

  1. .zshrc(シェル)を作成する

    touch .zshrc
    
  2. .zshrc(シェル)の中にpathを指定するコマンドを記入する(pathを通す)

    export PATH=/usr/local/bin:$PATH
    
  3. 設定(.zshrc(シェル)の中のpath)を反映させる

    source .zshrc
    
  4. 参照しているgitのpathを確認する

    which git
    
    // 出力結果
    // gitコマンドを操作するためのプログラムが格納されたパスが表示される
    /usr/local/bin
    
  5. 2.で設定したpathと一致するか確認する(過去は/usr/bin

  6. gitのconfigを登録する

    git config --global user.name "UseName"
    
    git config --global user.email "UseEmail@domain.co.jp" 
    
  7. 設定したconfigを確認する

    git config -l
    
    // 出力結果
    user.name=UseName
    user.email=UseEmail@domain.co.jp
    

GitBashをインストールする link

MacOSは厳密に言えばUnix互換OSではありませんが、特定のUnixの遺産があり、ネイティブbashがすぐにインストールされています。
したがって、Git(AFAIK、通常はHomebrew経由)をインストールすると、完全なネイティブGitエクスペリエンスが得られます。

つまり、GitBashは現在は不要

HomebrewでGitHubCLIをインストール link

  1. インストール

    brew install gh
    
  2. GitHub CLIの認証を行う

    gh auth login
    
  3. 質問に答える

    ? What account do you want to log into?  [Use arrows to move, type to filter]
    > GitHub.com
      GitHub Enterprise Server
    ? What is your preferred protocol for Git operations?  [Use arrows to move, type to filter]
    > HTTPS
      SSH
    ? Authenticate Git with your GitHub credentials? (Y/n) Y
    ? How would you like to authenticate GitHub CLI?  [Use arrows to move, type to filter]
    > Login with a web browser
      Paste an authentication token
    ? How would you like to authenticate GitHub CLI? Login with a web browser
    
    ! First copy your one-time code: XXXX-XXXX
    Press Enter to open github.com in your browser...
    
  4. ブラウザでGitHubが開くので、one-time codeを使用してログイン

  5. ログインできれば完了

Homebrewでdockerをインストール link

  1. DockerをHomebrewで探す
    brew search docker
    
  2. Dockerをインストールする
    brew install docker --cask
    

Homebrewでdocker-composeをインストール

  1. DockerComposeをHomebrewで探す
    brew search docker-compose
    
  2. DockerComposeをインストールする
    brew install docker-compose
    

HomebrewでVirtualBoxをインストール link

  1. VirtualBoxをHomebrewで探す
    brew search virtualbocx
    
  2. VirtualBoxをインストールする
    brew install virtualbox --cask
    

HomebrewでVagrantをインストール link

  1. VagrantをHomebrewで探す
    brew search vargant
    
  2. Vagrantをインストールする
    brew install virtualbox --cask
    

HomebrewでVScodeをインストール

  1. VScodeをHomebrewで探す
    brew search visual-studio-code
    
  2. VScodeをインストールする
    brew install visual-studio-code --cask
    

HomebrewでChromeをインストール

  1. VScodeをChromeで探す
    brew search chrome
    
  2. VScodeをインストールする
    brew install google-chrome --cask
    

Homebrewでnodebrewをインストール

  1. nodebrewをHomebrewで探す
    brew search nodebrew
    
  2. nodebrewをインストールする
    brew install nodebrew
    

nodebrewでnode.jsをインストールする

  1. Terminalでnodebrewを開く

    nodebrew setup
    
  2. PATH情報が出力される

    Fetching nodebrew...
    Installed nodebrew in $HOME/.nodebrew
    
    ========================================
    Export a path to nodebrew:
    
    export PATH=$HOME/.nodebrew/current/bin:$PATH
    ========================================
    
  3. path情報を.zshrc (bashを使用している場合は、.bash_profile)に追記する
    image.png

  4. 下記のようにコマンドで実行しても良い(3.と同じことを実施している)

    echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.zshrc
    
  5. 設定を反映させる

    source ~/.zshrc
    

Tips

インストールされたパッケージの確認方法

brew list --cask
or
brew list

// 出力結果
===> Formulae
gh git

===> Casks
docker vagrant virtualbox

隠しファイルの表示方法

Machintosh HDcommand+shift+.
image.png

vagrantを用いてvirtualboxにLinux OSをインストールする

virtualbox(VM)内の環境構築

  1. React Project
  2. MySQL
  3. TypeScript
  4. React
0
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?