google optimizeで safariのプレビューができん

どうやらブラウザの設定を変更する必要があるようだ。
環境設定>プライバシー>サイト超えトラッキングを防ぐをオフにする。

プレビュー モード – Optimize ヘルプ

環境設定>プライバシー>サイト超えトラッキングを防ぐ
設定>safari>サイト超えトラッキングを防ぐ

いや、でも待って、設定変えても反映されないんだが…??
追記)
30分後くらいに再度試したら反映したー

久しぶりにPhotoshopを触って驚いた事

グリッド用のガイド引くのが楽ちんになってた。

表示>新規ガイドレイアウトを作成

でも、なんかうっすら知ってた気がしないでもない。

列の初期値が8なんだけど9が一般的だと思ってた。
そういえば、2019-11-07まで50%offになってるWebデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集 Kindle版でも8の倍数が多いみたいなこと書いてあった。

メモ)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でソートすると出てくるよ。
デフォルトは12pxだった、オシャレすぎる。
18pxに変更

まとめ
terminal.integrated.fontSizeで変更できる
(ピンポイントでヒットしないから本当の名称ではないのかも?)

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

コマンドパレット開いて「bookmark」

コメントをアンカーリンクにする(とりあえずこちらは未インストール)
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やらのスニペットを入れました。