とんたんの技術メモ

注)ただのメモです。

よく使う開発文字列

css

# 中央寄せ
## absolute
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;

## flex
display: flex;
align-items: center; // 上下中央
justify-content: center; // 左右中央
flex-direction: column; // 縦並び
flex-wrap: wrap; // 折り返し

## 折返し
word-wrap: break-word;
overflow-wrap: break-word;

# その他
border: 1px solid $color-glay3;
border-radius: 4px;
white-space: pre-wrap;
cursor: grab pointer;
opacity: 0.6;

# FLOCSS
.l- Layout
.c- Component
.p- Project
.u- Utility
.t- Theme

mysql

## 最大コネクション数
SHOW GLOBAL VARIABLES like 'max_connections';
## 現在のコネクション数
SHOW STATUS like 'Threads_connected';

docker

docker system df // ディスクの使用状況確認
docker-compose up -d 
docker-compose build --no-cache 
docker-compose exec rails bash // 既に立ち上がっているコンテナに入る
docker-compose run rails bash // まだ起動していないコンテナに入る
docker-compose run rails bundle exec rake db:migrate:reset // コマンド実行
docker-compose logs -f --tail=500
docker-compose down --rmi all // コンテナ・ネットワーク・イメージ削除
docker-compose -f docker-compose.local.yml down --rmi all --volumes --remove-orphans // composeで定義してるコンテナをすべて葬る
docker-compose restart [service_name] // 対象サービス再起動
docker-compose rm -fsv db // 指定削除
docker images -aq | xargs docker rmi // イメージ全削除
docker inspect $(docker-compose ps -q rails) // コンテナ情報を確認
docker stop $(docker ps -a -q) // すべて停止
docker system prune -a --volumes // 不要なコンテナ&ネットワーク&イメージ&ボリューム一括削除
docker rm -f $(docker ps -aq) && docker rmi -f $(docker images -q) && docker volume rm -f $(docker volume ls -q) // 全部キレイにする
rm -fr node_modules
rm -fr yarn.lock
yarn cache clean && yarn install

other

## markdown ├│└ 
## vscode
ctrl + ` // ターミナルを表示
command + \ # 同一ファイルを分割
command + alt + 0 # 縦横分割の切り替え
shift + alt + ドラッグ # 矩形選択
command + B # サイドバー表示切り替え
command + shift + V # Markdownプレビュー
command+shift+X // 拡張機能を開く 
control + - // 戻る
control + shift + - // 進む
command+Shift+P -> "compare"入力 // 文字列比較diff
テキスト選択 -> command+shift+P -> Wrap with Abbreviation入力 -> p* + enter // 選択範囲の各行をタグで囲む
ctrl + L // 小文字変換 transformToLowercase
ctrl + U // 大文字変換 transformToUppercase
ctrl + T // 先頭大文字変換 transformToTitlecase


## xcode
command + R // ビルドして実行
command + U // テスト実行
command + alt + / // コメント入力
option + click // エディタを右に表示
command + 0 // サイドメニュートグル
command + + - // エディターの拡大・縮小
alt + shift + ドラッグ // 矩形選択 ctlr + ` // ターミナル表示切り替え
deps,_build,.nuxt,node_modules // 除外ディレクトリ

## iterm2
cmd + d // 縦分割
cmd + shift + d // 横分割

## mac
killall SystemUIServer // メニューバー再起動
sudo purge // RAM開放
command + option + i // ディベロッパーツール表示
source ~/.bash_profile

vi

行番号表示: :set number
行番号指定で移動: :412