グリッド用のガイド引くのが楽ちんになってた。
でも、なんかうっすら知ってた気がしないでもない。
列の初期値が8なんだけど9が一般的だと思ってた。
そういえば、2019-11-07まで50%offになってるWebデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集 Kindle版でも8の倍数が多いみたいなこと書いてあった。
久しぶりにPhotoshopを触って驚いた事
メモ）macOS Mojaveで WinMergeを動かす
Wineを使ってmacOS上でwindowsアプリを動かすってやつなんですけど、数年前に試した時は失敗したんですよね。さてどうなるか。
参考サイト）
[Wine] macOSでWinMergeを動かす方法 – 零弐壱蜂
ジオシティーズが終わってるので、リンク先のWinMergeダウンロード先が変更になってます。
WinMerge 日本語版
手順
1．WinMerge zip版の32bitをダウンロード
2．ターミナルで
$ brew install wine
3．WinMerge起動
$ wine WinMergeU.exe
WinMergeU.exeをドラッグするとパスが通るよ。
vscode内ターミナルの文字サイズを大きくしたい！の巻
あけましておめでとうございます。
今年はアウトプット頑張るぞ。
さて本題
vscodeのターミナル内文字サイズって小さくないですか？
ズームさせるとエディタやサイドバー部分も大きくなってしまうし。。。
ターミナルの文字サイズだけ変更できないかなぁと思いつつ放置してたんですけど重い腰を上げて探してみたら結構すぐ見つかりました。
もっと早く探せばよかった。
terminal.integrated.fontSizeとかterminal.integratedでソートすると出てくるよ。
まとめ
terminal.integrated.fontSizeで変更できる
（ピンポイントでヒットしないから本当の名称ではないのかも？）
一般兄弟結合子を使って、CSSだけで絞り込み
inputがむき出しだったり、兄弟関係にないとだめって縛りがあるからいろいろやろうとしたら普通に使い勝手悪いですよねーって話。
vscodeの拡張Bookmarks
いやーこれ便利だなぁ、もっと早く知りたかった。
[追記 / 2018/10/05]
なんて事でしょうか
prettierなんかでコードフォーマットを掛かるとブックマーク行がついていって紅………に染まったこの俺をッ！！！
ファイル保存時に発動する自動フォーマットも駄目。
ああああ。。。。
Bookmarks – Visual Studio Marketplace
Available commands
使用可能なコマンド
Bookmarks: Toggle Mark/unmark positions with bookmarks
ブックマーク：ブックマークで位置をマーク/マーク解除する
opt + + cmd + K
Bookmarks: Toggle Labeled Mark labeled bookmarks
ブックマーク：ラベル付きのマーク付きのブックマークを切り替えます。
Bookmarks: Jump to Next Move the cursor forward, to the bookmark below
ブックマーク：次へ進むカーソルを下のブックマークに移動します。
opt + + cmd + L
Bookmarks: Jump to Previous Move the cursor backward, to the bookmark above
ブックマーク：ジャンプする前にカーソルを上のブックマークに移動
opt + + cmd + J
Bookmarks: List List all bookmarks in the current file
ブックマーク：リスト現在のファイル内のすべてのブックマークを一覧表示します。
Bookmarks: List from All Files List all bookmarks from all files
ブックマーク：すべてのファイルからのリストすべてのファイルからすべてのブックマークを一覧表示する
Bookmarks: Clear remove all bookmarks in the current file
ブックマーク：現在のファイル内のすべてのブックマークを消去する
Bookmarks: Clear from All Files remove all bookmarks from all files
ブックマーク：すべてのファイルからクリアすると、すべてのファイルからすべてのブックマークが削除されます。
Bookmarks (Selection): Select Lines Select all lines that contains bookmarks
ブックマーク（選択）：行の選択ブックマークを含むすべての行を選択する
Bookmarks (Selection): Expand Selection to Next Expand the selected text to the next bookmark
ブックマーク（選択）：選択範囲を次に展開選択したテキストを次のブックマークに展開する
shift + opt + L
Bookmarks (Selection): Expand Selection to Previous Expand the selected text to the previous bookmark
ブックマーク（選択）：選択範囲を前へ展開選択したテキストを前のブックマークに展開する
shift + opt + J
Bookmarks (Selection): Shrink Selection Shrink the select text to the Previous/Next bookmark
ブックマーク（選択）：選択範囲を縮小選択したテキストを「前へ/次へ」ブックマークに縮小します
shift + opt + K
サイドバーからパネル開くとこんな感じで表示される。
クリーンインストール後Visual Studio Code（vscode）に入れた拡張19個
Visual Studio Code – Code Editing. Redefined
クリーンインストール前に何入れてたか記録しとくの忘れる大失態
vscodeの設定を共有する（これをインストールしたらsetting.jsonの内容が戻った？）
Settings Sync –
Visual Studio Marketplace
wakatime連携（Code2にもあるよ）
WakaTime –
Visual Studio Marketplace
EditorConfig
EditorConfig
for VS Code – Visual Studio Marketplace
.gitgnore
gitignore –
Visual Studio Marketplace
ソースコードにアンカーリンク貼れる
Bookmarks –
Visual Studio Marketplace
コメントをアンカーリンクにする（とりあえずこちらは未インストール）
Comment
Anchors – Visual Studio Marketplace
プロジェクトマネージャー
Project
Manager – Visual Studio Marketplace
パス補完
Path Autocomplete – Visual Studio Marketplace
インデントに縦ライン（.slimとか見やすくなる）
Indenticator –
Visual Studio Marketplace
jsdoc追加
Add jsdoc
comments – Visual Studio Marketplace
対応するカッコをわかりやすくする
Bracket
Pair Colorizer – Visual Studio Marketplace
カラーピッカー
Color Picker –
Visual Studio Marketplace
csvを見やすくする
Rainbow CSV –
Visual Studio Marketplace
コードフォーマット
Prettier – Code
formatter – Visual Studio Marketplace
正規表現チェック
Regex Previewer – Visual
Studio Marketplace
chromeでデバッグ
Debugger
for Chrome – Visual Studio Marketplace
ファイルアイコン（以前使ってたのが見つからない）
Material Icon
Theme – Visual Studio Marketplace
bootstrap 4 アイコンフォント
Bootstrap
4, Font awesome 4, Font Awesome 5 Free & Pro snippets – Visual Studio
Marketplace
bootstrap 4 スニペット
Bootstrap
v4 Snippets – Visual Studio Marketplace
その他、sassやらjavascriptやらのスニペットを入れました。
macOSをMojaveにして挙動が微妙だったからクリーンインストールを試みた話
macOS High Sierraをスルーして長らくmacOS Sierraで過ごして来たんですが
だましだまし不調な状態でやりくりしてた反動なのか
えいやっとmacOS Mojaveにアップデートしました。
ちなみにMojaveでモハベと読むそうです。
自分てばモジャバ、モジャバて呼んでました、恥ずかしい。
その後それまで動いてたgulpのslimが動かなくなって、
新しくインストールしようとするとエラーになってで、途方に暮れた私は
実際osのせいかはわからないけれどここらでいっちょクリーンインストールしてみっか、と重い腰を上げたのでした。
まずはタイムマシーンを使ってバックアップ。
クリーンインストールとは別に上書きインストールていう”現在の設定やデータもろもろを残したままアップデート”する方法があるんですが、
ソッチのほうが楽そうだったけど既存の設定に問題があるんじゃなかろうかと思われる為クリーンインストールをする事にしました。
ちなみに上書きインストールをする方法は
リカバリモード(cmd + Rキー を押しながら電源on)でMacを立ち上げて
macOSユーティリティの上から2番目「macOSを再インストール」
macOSユーティリティの上から2番目「macOSを再インストール」
クリーンインストール 1回目
タイムマシーンから、必要そうなデータだけ移行アシスタント（アプリケーション＞ユーティリティ＞移行アシスタント https://support.apple.com/ja-jp/HT204350）を使って復元（一晩寝かせた）。
何故か30GBほど使用可能領域が減ったので（普通は逆に10GB〜20GBくらい増えるって話）移行アシスタントを使わずにやり直すことに。
クリーンインストール 2回目
TimeMachineで移行アシスタントを使用せずに復元したほうがよくない？と
新しいMacを設定するとき、システムを移行するべきか、クリーンインストールするべきか？ | act2,Inc – 株式会社アクト・ツー を参考にデータを移したあと（PCの前で4時間ほど作業）
新規ユーザー（復元したいユーザー名）作成時に権限を操作ミスで「通常」にしてしまい、その後管理者に変更したらホームディレクトリがめちゃくちゃになってしまったのでやり直し
クリーンインストール 3回目
今度は成功、Dockが酷いことになってる。
chromeをインストールしようと思ってsafariを起動させると
「macOSはアプリケーションを実行するためにライブラリを修復する必要があります」というポップアップからのエラー送信画面のコンボ。
これは
ホームフォルダの中のアイテムのアクセス権を変更した後で起きる問題を解決する – Apple サポートのアクセス権をリセットするを参考に解決しました。
ホームフォルダの情報を開いて、
一番下の「共有とアクセス権」（開いてなければ▼から開く）の右下にある鍵アイコンクリック
管理者の名前とパスワードを入力して編集可能にしてから
左下歯車アイコンから「内包している項目に適用」
進行状況バーが最後まで進んだら
ターミナルで
diskutil resetUserPermissions / id -uでもこれ、以前のユーザーディレクトリのライブラリをそのまま移植してるから結局どうなんすか？？て疑問が残る。
とりあえず残りのアプリをインストールしていく。
Launchpadにある消せないアプリを消す
1）
長押しして（x）が出てこないやつはアプリケーションフォルダに入ってるやつを直接消す。
自分はAppCleanerを使ってます
2）
それ以外の消せないアプリはchromeアプリだったりする。
自分は起動出来ないLineとかvysorとかいうアプリがあって
それは
Macintosh HD＞ユーザ＞【ユーザー名】＞アプリケーション＞Chrome アプリ
Macintosh HD＞ユーザ＞【ユーザー名】＞アプリケーション＞Chrome Canary アプリ
に入ってたので削除した。
VirtualBoxのインストールでエラー
システム環境設定＞セキュリティーとプライバシー＞「一般」タブ
ダウンロードしたアプリケーションの実行許可：下部にある開発元”Oracle America, Inc.”のシステムソフトウェアの読み込みがブロックされました。の【許可】をクリック。
参考 / Mac OS High Sierra で VirtualBox がインストールできない時は │ WEBネタリウム
macOS High Sierraからセキュリティを強化のためにカーネル機能拡張は手動で許可しないと駄目になったそうな、すでにインストールされてるものは除外らしい。なるほど。
vagrant: command not foundになる
これ面倒くさいなぁ。。。
MacのOSアップデートをすると、vagrantコマンドが消えた問題 – Qiita
こうゆうのとか
Mavericksにアップデートしたら、rbenvが消えた件 – 水無月の余韻 開発Sc.
メモ
Vagrant を macOS にインストールする手順 | WEB ARCH LABO
エディタ（vscode）周り
追記するかも。