WIP: Mac セットアップ(自分用メモ)

Homeberw をインストール

Mac 標準のターミナルを起動して下記コマンドを実行する。

$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
$ (echo; echo 'eval "$(/opt/homebrew/bin/brew shellenv)"') >> ~/.zprofile
$ eval "$(/opt/homebrew/bin/brew shellenv)"
$ brew help

iTerm2 をインストール

$ brew install --cask iterm2

各アプリをインストール

Mac 標準のターミナルを終了して brew インストールした iTerm2 を起動する。

Z Shell / oh-my-zsh

$ brew install zsh
$ brew link zsh
$ sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

Google Chrome

$ brew install --cask google-chrome

Google Japanese IME

注意: Rosetta 2 が必要なので Google Japanese IME をインストールする前に softwareupdate コマンドを実行

$ sudo softwareupdate --install-rosetta
$ brew install --cask google-japanese-ime

Docker

$ brew install --cask docker

JetBrains Toolbox

$ brew install --cask jetbrains-toolbox

VSCode

$ brew install --cask visual-studio-code

Slack

$ brew install --cask slack

Zoom

$ brew install --cask zoom

Anyenv & phpenv

$ brew install anyenv
$ anyenv init
$ (echo; echo 'eval "$(anyenv init -)"') >> ~/.zshrc
$ anyenv install --init
$ anyenv install phpenv
$ anyenv install nodenv

PHP 8.3.2

$ brew install pkg-config
$ brew install openssl
$ brew install bzip2
$ brew install zlib
$ brew install libpng
$ brew install libjpeg
$ brew install libiconv
$ brew install icu4c
$ brew install oniguruma
$ brew install tidy-html5
$ brew install libzip
$ brew install autoconf
$ phpenv isntall 8.3.2

Ansible

$ brew install ansible

Microsoft 365

$ brew install --cask microsoft-office

ブラウザ

$ brew install --cask microsoft-edge
$ brew install --cask firefox

Postman

$ brew install --cask postman

Discord

$ brwe install --cask discord

Adobe Acrobat Reader

$ brew install --cask adobe-acrobat-reader

ELECOM Mouse Assistant

$ brew install --cask elecom-mouse-util

Git

$ brew install git

Asana

$ brew install --cask asana

MySQL Client

※ サーバーは Docker を利用するので Client だけ。

$ brew install mysql-client

祝ブログ開設 & ポートフォリオサイトを作るよ

こんにちは!こんばんはかな?おはようかもしれへんな。

京都でフリーランスエンジニアをしている eF 1 です。訳あって 2021年9月末日に会社員という称号を捨ててフリーランスに転身しました。会社に辞めることを伝えて直ぐに、某エージェント会社に登録し、職務経歴書を提出して 3社と面談。そのうちの 2社から声をかけていただき、条件面も良く、未修得技術にも触れられる環境のT社を選びました。継続に継続を続けて今もT社の案件にエンジニアとして参画しています。

しかーし、某エージェント会社からもらったフォーマットの職務経歴書はあるものの、それ以外は何もありません。GitHubアカウントは開発で必須なので持ってますが、パブリックリポジトリはほぼゼロ。ブログも書いていなかったし、ホームページも持ってない、、、。フリーランスエンジニアとしてアウトプットもせず、依頼の受け口がないのは死活問題です。少しでもアウトプットを増やそうと思いはてなブログを開設し、今後は GitHubTwitter もうまく使っていこうと思っています。

で、タイトルにもあるように依頼の受け口としてポートフォリオサイトを作ります。これまでサーバーサイドの開発がメインでフロントエンドはそこそこという状況でしたが、フロントエンド領域にもガッツリと踏み込んでいきます。HTML / CSS(SASS) / jQuery はこれまでも散々使ってきたので「新規開拓しましょう」の気持ちを込めてフロントエンドは下記の技術を使います。

  • Next.js
  • Tailwind CSS

デザインは余白を意識してなるべくシンプルに組み立てる予定で、バックエンドに関しては使わない想定で、配信サーバーは余剰のある ConoHa の VPSを利用する予定です。

さて、作りましょうか!


  1. eF と書いてエフと読みます