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

自分はブログを毎日のように書いているので、ふとした瞬間に記事用のスクリーンショットが撮れるように色々と工夫しています。
今回は、記事用のスクリーンショットを撮るときに、自分が気をつけていることをまとめました。
メニューバーは撮影するアイコン以外隠す
メニューバーのアイコンに関しての撮影をするとき、不要なアイコンは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でMathJaxを使用して、LaTeXの数式をプレビューでキレイに表示させる方法
Ulyssesの外部フォルダ機能を使って、原稿をGit管理しながらUlyssesで編集する方法
三点リーダー(……)とダッシュ記号(——)の正しい使い方
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
ATOKの「連想変換」で似た意味の別表現に変換して自分の文章に磨きをかける
Ulyssesのシートを絞り込んですぐに探せる「フィルタ」機能
ATOKのマンスリーレポートで自分の入力した文字数や打ち間違いの傾向を確認する
UlyssesでシートをDropboxやGoogle Driveなどの外部フォルダ上で管理する
高機能で定番なテキストエディタ「Jedit Ω」で自分好みの編集を実現する
EvernoteとBearの違いや使い分けのヒント
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
chezmoi(シェモア)で始めるdotfiles管理
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎
Neovimを使い始める最初の一歩として便利な「LazyVim」
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理