グラビカ学習帳～新宿のホームページ制作会社 gravity works（グラビティ・ワークス）備忘録と知識の共有と蓄積

Responsive Viewer は様々な画面サイズでの表示確認を同時に行うことができる、便利なGoogle Chrome拡張です。

確認したい画面サイズをいくつか選んでプリセットを作っておくのですが、ワンクリックですぐに呼び出して確認することができます。
今は主にPCとスマホを並べて同時確認、というような使い方をしています。

また、スクロールやクリックも全画面で連動するため操作の手間を省くことができます。
（画面サイズによって結構ズレますが・・そのあたりはご愛嬌ということで）

画面が並んだ状態で確認することで崩れに気づきやすくなるかも？という期待もあります。

まだ使い始めですが、少しずつ機能を確認していこうと思います。

開発でよく使用するちょっとしたツールをまとめた、「ディベロッパーの十徳ナイフ」というDevToysがちょっと便利です。

ちょっとというのは自分の作業的にあまり多くの機能を使用していないからなのですが、人によってはもっと便利に使えると思います。

2022年11月時点での機能はざっと以下のようなものがあります。

●変換ツール
JSON <> YAML
Unix時間
基数
Cronパーサ

●エンコーダー/デコーダー
HTML
URL
Base64（テキスト）
Base64（画像）
GZip
JWT

●フォーマッター
JSON
SQL
XML

●生成ツール
ハッシュ
UUID
Lorem lpsum（ダミーテキスト）
チェックサム

●テキスト
エスケープと解除
文字列の検査と変換
XMLの検証
正規表現テスター
文字列の差分
Markdownプレビュー

●グラフィック
PNG/JPENの最適化
カラーピッカーとコントラスト
色覚異常シミュレーション
画像フォーマット変換

どれもいざ使おう！となると毎回検索したり個別のアプリを使っていたりするので、ひとまとめになっているとスッキリして良い感じです。

普段の画像の切り抜きは、Photoshopなら「選択とマスク」や「すべてのオブジェクトをマスク」を使ってやっている方が多いと思います。

商品画像など背景が複雑じゃない画像ならスマホアプリの「Photo Room」がおすすめです。



スマホに画像を移す手間はありますが、無料の範囲でも一瞬で綺麗に抜いてくれます。
なんと人物の髪の毛もきれいに抜いてくれます！

1つ注意事項としては
出来上がった画像には右下にPhoto Roomのロゴが入ってしまうので、右下ギリギリに切り抜きたい対象物がある場合はロゴがかかってしまいます。
下のスペースを伸ばすのを忘れずに！
※有料で使えばロゴは入りません。

手間はありますが、数がある場合は断然早いです。
残念な点は、影を含めて抜いてはくれません。
影なしですっぱり抜かれてしまいます。

▼切り抜き前


▼切り抜き前後

※ロゴの入り方をお見せしたかったので背景をわざとグレーにしています。

現在使っているzip圧縮ソフト「MacWinZipper（無料版）」（MacOSからzip圧縮してWindowsに送っても文字化けしない圧縮ソフト）は便利なのだが、無料版はパスワードが4文字までしか設定できない。

zipファイルに5文字以上のパスワードをかけるために、ターミナルを使うことになった。検索すれば該当記事がヒットするが、備忘のため。

パスワードなしのzipファイルを作っておく
↓
ターミナル立ち上げる
↓
zipcloak＜半角スペース＞＜ZIPファイル名＞
↓
※＜ZIPファイル名＞は生成されているzipファイルをターミナル上にドラグ&ドロップで転写できる
↓
パスワード入力（入力、確認と２回）
↓
完成

Finderで開くウィンドウサイズは、一つ前に開いていたウィンドウサイズで開くと思って使っていたMac OS Xが、いつ新規ウィンドウを作成してもデフォルトのサイズで開くようになってしまいました。不便だと感じつつアップデートを重ねていった中での仕様の変更だと、ずいぶん長い間そのまま使っていましたが、ふと、google検索してみたところ、同じお悩みの方がいらっしゃいました。そして解決している！そりゃそうか！

ユーザ＞Library＞Preferences＞com.apple.finder.plist

これが壊れていることが原因かもしれない、ということで、一旦デスクトップ取り出して確保しつつ再起動。治りました。

Microsoft Officeのエクセルなどの動作がとても重くなってしまう件もPreferencesファイルを再構築すると直るし、Macってこういうことがあるんですよね。