Homebrewのインストール

node.jsの環境構築

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

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

PHPのインストール
- brew install php@7.2
- sudo vi /etc/apache2/httpd.conf : php7_module追加
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
Laravel立ち上げ
- laravel new {project}
- composer create-project --prefer-dist laravel/laravel {project}
- php artisan serve

MySQLのインストール
- brew install mysql@5.7
- export PATH='/user/local/opt/mysql@5.7/bin:$PATH
サーバー立ち上げ
- 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; : テーブル表示

rbenvのインストール
- brew install rbenv
- export PATH="~/.rbenv/shims:/usr/local/bin:$PATH"
- eval "$(rbenv init -)"
- rbenv -v
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
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}
Rails立ち上げ
- bundle exec rails s
- rails server : CLI

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

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

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

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

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 : 場所確認
Xcodeのインストール
- sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
- sudo xcodebuild -runFirstLaunch
Flutter立ち上げ
- flutter create {project}
- flutter run

sshKeyの作成と設定
- here
- ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
- chmod 600 ~/.ssh/id_rsa_github
- vi ~/.ssh/config
- ssh -T {HOST}
- GitHub => Setting => SSH and GPG keys
複数アカウントの際のコマンド
- to main(sub)
- git remote add origin git@github(-sub):<account>/<repo>
チートシート
- 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コンパイラのインストール
- npm install -g typescript
- tsc -v
- npm i -g webpack-cli : webpack-cliのインストール
コンパイルから実行
- tsc {file(.ts)}
- node {file(.js)}
TypeScriptプロジェクトのテスト
- npm init --y: デフォルト設定でpackage.json作成
- tsc --init : tsconfig.jsonを作成
- tsc app.ts : コンパイル
- webpack app.js --output bundle.js --mode=development

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

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

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

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