記事用のスクリーンショットを撮るときに気をつけていること

自分はブログを毎日のように書いているので、ふとした瞬間に記事用のスクリーンショットが撮れるように色々と工夫しています。
今回は、記事用のスクリーンショットを撮るときに、自分が気をつけていることをまとめました。
メニューバーは撮影するアイコン以外隠す
メニューバーのアイコンに関しての撮影をするとき、不要なアイコンはBartender 3というアプリで隠すようにしています。
見比べると分かりますが、関係のないアイコンがごちゃついていると見ている人の気が散ってしまいます。

Bartender 3以外にも、BetterTouchToolを使えばBetterTouchToolのアイコンより左側にあるアイコンを非表示にできます。
スクリーンショットに限らず、人前でデモをするときなども余計なアイコンは隠しておいた方が、気が散らなくて済みます。
日付などの他の情報はタッチバーに表示させる
これは少しトリッキーですが、日付やバッテリーなどの情報は、BetterTouchToolを使ってタッチバーに表示するようにしています。
自分は基本的に外付けキーボードを使っているので、タッチバーにタッチすることは諦めて、変わりに「メニューバーをシンプルにする代わりに、その分の情報をタッチバーに表示させている」というわけです。
タッチバー…無くなりそうにありませんし、1つの向き合い方として参考にしてみてください。
デスクトップはシンプルにする
- デスクトップの壁紙はグレー1色にする
- デスクトップには何も置かない
.hazallockと.DS_Storeの2つの隠しファイルがあるだけの状態
いつスクリーンショットを撮ったり、人に見られてもいいように、壁紙はグレー1色にして、何も置かないように心がけています。

グレーにしている理由
見ている人の気が散らない落ち着いた色という理由が真っ先に挙げられますが、それ以外にも理由はあります。
まず、グレーだと画面についたホコリが溜まってきたときに「そろそろ画面拭かなきゃ」と気が付きやすくなります。
黒などの暗すぎる色だと、逆にホコリが目立ちすぎますし、ディスプレイが反射して画面が見にくくなってしまいます。
そして、白など明るい色だと今度は目がチカチカしてしまいます。
そんなわけで、ちょうど中間の色であるグレーが個人的にはオススメです。
デスクトップに何も置かないようにするためにできること
そもそもデスクトップにファイルを置くようにしていると、整理を後回しにする癖がついてしまいます。
- 「とりあえずデスクトップに置いとこう」
- 「デスクトップに置いてあとで整理しよう(整理しない)」
こうした自体を避けるという意味でも、デスクトップは使わずに、その都度ちゃんと整理する癖を付けるのは大切なことです。
それでもついデスクトップにファイルが溜まってしまうのであれば、アプリの力を頼りましょう。
Hazelを使えば、指定フォルダにファイルが入ったとき、条件に合わせて自動的に処理をしてくれます。
また、Cleanというアプリを使えば、定期的にデスクトップにあるフォルダを指定したフォルダ内に、日付フォルダを作ってその中に移動してくれます。
隠しファイルは表示・非表示を切り替える
隠しファイルに関しては、現状どうしようもないので、command + shift + .(ピリオド)のショートカットキーで、表示・非表示を切り替えるようにしています。
ウインドウを撮るときは影を消す
Macでスクリーンショットを撮るときに、command + shift + 4で起動して、spaceを押すと、選択したウインドウを撮影するモードになります。
その状態で、ウインドウをクリックすると影付きで撮影。
optionを押しながらクリックすると、影なしで撮影になります。
一見影付きの方がオシャレですが、この影の領域が結構広いです。

PCでは気にならないかもしれませんが、スマホだとスクロールする量が増えてしまうのと、無駄にスペースが空いてしまって違和感があります。
そのため、基本的に影は消すようにしています。
どうしても影が必要な場合は、MiniShadowというアプリで、影を小さくするようにしています。
MiniShadowだとうまく処理できない場合
Alfredの検索ボックスなど、少し特殊なウインドウの場合、MiniShadowを使うとうまく処理できないときがあります。
- 影が逆に濃くなってしまう
- ウインドウが角丸にならない
- ウインドウの途中で切れてしまう

そんなときは、少し面倒ですが、illustratorを使ってドロップシャドウであとから影を追加するようにしています。

真っ白な検索ボックスは、影があった方が見やすいので、そういうものに関しては影を入れるようにしています。
まとめ
「そこまでしなくても…」
「どうせ誰もそこまで見てないって」
そう思うかもしれませんが、人に見られても恥ずかしくないように意識することによって、結果的に自分の作業環境が整理されますし、ちょっとしたことに気がつくようになります。
感覚としては「定期的に家に知り合いを呼ぶから、部屋をキレイに保つようになって、生活も律されるようになった」というものに似ているかもしれません(仲の良い友達だと開き直ってしまうので、知り合いくらいがちょうど良い)。





Ulysses編集画面の画像プレビューが小さすぎる場合の対処法
Ulyssesの「コードブロック」と「ソースブロック」の違いと使い分け
高機能で定番なテキストエディタ「Jedit Ω」で自分好みの編集を実現する
三点リーダー(……)とダッシュ記号(——)の正しい使い方
Ulyssesで複数シートをまとめてグループ化したり、1つのシートに結合する
Ulyssesの外部フォルダ機能を使って、原稿をGit管理しながらUlyssesで編集する方法
ATOKのマンスリーレポートで自分の入力した文字数や打ち間違いの傾向を確認する
Ulyssesで原稿を修正前の状態に戻せるバージョン管理機能やバックアップ機能
Ulyssesのシートを絞り込んですぐに探せる「フィルタ」機能
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Bartender 4のShow for Updates機能を使って、AirPodsに接続しているときだけ「ToothFairy」のアイコンを表示させる
Gmailのラベルとフィルタ機能を使ってメールを自動的に振り分ける
ターミナルの$記号前に、Gitの現在のブランチ名を表示する方法
macOS Catalinaになってから追加されたシステム環境設定の「Apple ID」にある項目
Figmaでデザインデータを整理するときに役立つプラグイン「Clean Document」
コーディング時のclass名の省略はどこまでして良いのか?「img / btn / ttl / desc / thumb」
Local by Flywheelの「Starting Local Machine…」画面から進まないときに試すこと
Figmaでサクッとワイヤーフレームが作れる素材検索プラグイン「Wireframe」
Homebrew Caskで自分がMacにインストールしているアプリの管理を行う
複数サービスを1つのアプリで管理できるStationの通知設定