Homebrewのインストール

1. Homebrewのインストール
   • here

node.jsの環境構築

1. nodebrewのインストール
   • brew install nodebrew
   • nodebrew -v
2. node.jsのインストール
   • nodebrew install-binary stable : latest or {version}
   • nodebrew use stable : latest or {varsion}
   • 'export PATH=$HOME/.nodebrew/current/bin:$PATH'

pythonの環境構築

1. pipのインストール
   • here
   • python get-pip.py : pipインストール
2. pyenvのインストール
   • homebrewのインストール
   • brew install pyenv
   • pyenv install {version}
   • pyenv global {version} : PCのpythonのバージョン切替え
   • pyenv local {version} : カレントディレクトリの 〃
   • echo 'export PYENV_ROOT="$HOME/.pyenv"' >> ~/.zshrc
   • echo 'export PATH="$PYENV_ROOT/bin:$PATH"' >> ~/.zshrc
   • echo 'eval "$(pyenv init -)"' >> ~/.zshrc
3. anacondaのインストール
   • here

Goの環境構築

1. Goのインストール
   • brew install go
   • go get golang.org/x/tools/cmd/godoc : 試しにgodocを入れてみる
   • godoc fmt : fmtが入ったか確認

PHPの環境構築( +α Laravel )

1. PHPのインストール
   • brew install [email protected]
   • sudo vi /etc/apache2/httpd.conf : php7_module追加
2. Laravelのインストール
   • curl -sS https://getcomposer.org/installer | php : comporser
   • sudo mv composer.phar /usr/local/bin/composer : 〃 移動
   • composer --version : バージョン確認
   • composer global require laravel/installer : Laravel CLI
   • export PATH=~/.composer/vendor/bin:$PATH
3. Laravel立ち上げ
   • laravel new {project}
   • composer create-project --prefer-dist laravel/laravel {project}
   • php artisan serve

MySQLの環境構築( +α Sequel pro )

1. MySQLのインストール
   • brew install [email protected]
   • export PATH='/user/local/opt/[email protected]/bin:$PATH
2. サーバー立ち上げ
   • mysql.server start : stop
   • mysql -u root -p : ログイン(PASSなし)
   • show databases; : use {database}
   • create database {database} default character set utf8mb4 collate utf8mb4_unicode_ci;
   • show tables; : テーブル表示

Rubyの環境構築( +α Rails )

1. rbenvのインストール
   • brew install rbenv
   • export PATH="~/.rbenv/shims:/usr/local/bin:$PATH"
   • eval "$(rbenv init -)"
   • rbenv -v
2. Rubyのインストール
   • rbenv install --list
   • rbenv install x.x.x
   • rbenv global x.x.x : PCのRubyのバージョン変更
   • rbenv local x.x.x : カレントディレクトリの 〃
   • rbenv rehash : 再読み込み
   • ruby -v
3. Railsのインストール
   • gem install bundler : Bundlerのインストール
   • bundle -v : gem updata bundler
   • bundle init : ディレクトリ内で
   • vi Gemfile : gem "rails"のコメントアウト外す
   • gem install rails : rails CLI
   • bundle install --path=vendor/bundle
   • rails new {project}
   • bundle exec rails new {project}
4. Rails立ち上げ
   • bundle exec rails s
   • rails server : CLI

Vue.jsの環境構築

1. Vue CLIのインストール
   • yarn global add @vue/cli
   • npm install -g @vue/cli
   • vue --version
   • vue create {project} : Enter or arrow
   • npm run serve : npm run build
   • yarn serve : yarn build

Gatsby.jsの環境構築

1. Gatsby CLIのインストール
   • npm install -g gatsby-cli
   • gatsby new {project}
   • gatsby develop
   • gatsby build

Angularの環境構築

1. Angular CLIのインストール
   • npm install -g @angular/cli
   • ng new {project}
   • ng serve

Reactの環境構築

1. プロジェクト立ち上げ
   • npx create-react-app {project}
   • npm start
   • npm init react-app my-app
   • yarn create react-app my-app

React-360の環境構築

1. React-360 CLIのインストール
   • npm install -g react-360-cli
   • react-360 init {project}
   • npm start
     

Flutterの環境構築

1. Flutter SDKのインストール

   • here
   • unzip ~/Downloads/flutter_macos_v1.9.1+hotfix.6-stable.zip
   • flutter precache : iOSおよびAndroidのバイナリを事前にダウンロード
   • flutter doctor : 不足している依存関係の確認
   • export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"
   • which flutter : 場所確認

2. Xcodeのインストール

   • sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
   • sudo xcodebuild -runFirstLaunch

3. Flutter立ち上げ

   • flutter create {project}
   • flutter run

GitHubの環境構築

1. sshKeyの作成と設定
   • here
   • ssh-keygen -t rsa -b 4096 -C "[email protected]"
   • chmod 600 ~/.ssh/id_rsa_github
   • vi ~/.ssh/config
   • ssh -T {HOST}
   • GitHub => Setting => SSH and GPG keys
2. 複数アカウントの際のコマンド
   • to main(sub)
   • git remote add origin git@github(-sub):<account>/<repo>
3. チートシート
   • git stash : (save)
   • git stash list -p
   • git stash show {stash名}
   • git stash apply {stash名}
   • git stash drop {stash名} pop = apply + drop
   • git diff : add前
   • git diff --cached : add後
   • git diff HEAD^ : (..HEAD) commit後
   • git reset HEAD : add取り消し
   • git switch -c {branch名}
   • git rm -r --cached {file名} : キャッシュ削除

TypeScriptの環境構築

1. typescriptコンパイラのインストール
   • npm install -g typescript
   • tsc -v
   • npm i -g webpack-cli : webpack-cliのインストール
2. コンパイルから実行
   • tsc {file(.ts)}
   • node {file(.js)}
3. TypeScriptプロジェクトのテスト
   • npm init --y: デフォルト設定でpackage.json作成
   • tsc --init : tsconfig.jsonを作成
   • tsc app.ts : コンパイル
   • webpack app.js --output bundle.js --mode=development

Electronの環境構築

1. electron-cliのインストール
   • npm i -g electron
2. Electron立ち上げ
   • npm init -y
   • npm i -D electron
   • npm start
3. electron-builderのインストール
   • npm install -D electron-builder
   • node build-mac
   • here

Nuxt.jsの環境構築

1. Nuxt.js立ち上げ
   • npx create-nuxt-app {project}
   • npm run dev
   • npm install --save nuxt

Sassの環境構築

1. Sassのインストール
   • ruby -v : rubyが入っているか確認
   • sudo gem install sass : gemを使ってインストール
   • sass -v
2. Sassのアップデート
   • gem update --system : gemのアップデート
   • gem update sass
3. Sassのコンパイル
   • sass (--watch) {file.scss} {file.css} (--style expanded)
   • nested : ネスト構造
   • expanded : 通常のCSS
   • compact : シングルライン
   • compressed : 余分を全て排除

Svelteの環境構築

1. Svelte立ち上げ
   • npx degit sveltejs/template {project}
   • npm i
   • npm run dev : build
   • npm i -g svelte-cli : cliのインストール

Gulpの環境構築

1. Gulpのインストール
   • npm i -D gulp
   • npm i -g gulp-cli
   • npm i -D gulp gulp-sass
   • gulpfile.jsをルートに作成
   • npx gulp

CocoaPodsの環境構築

1. CocoaPodsのインストール
   • sudo gem install cocoapods
   • pod setup
2. ライブラリの追加
   • pod init
   • Podfileを編集
   • pod install : update