WebDesigner's Memorandumウェブデザイナーの備忘録

日々のちょっとした作業を効率的にする小技 #1日1Tips – 2019年7月

1日1Tips

先月に引き続き、Facebookページで #1日1Tips というハッシュタグを付けて、ちょっとした作業効率化の投稿をしています。

記事に書くまでもないちょっとした小技を紹介しているのですが、あとから検索できるようにしておきたいので、記事として1ヶ月分の投稿をまとめておきます。
※文章に関しては、ほぼ投稿のコピペですが、ある程度整形を加えています。

基本操作

フォルダに連番をつけて管理する

ファイル名の先頭にアルファベットか数字をつけておいて、Finderで素早く先頭2文字を入力すると、ファイルの選択ができます。
また、自分の場合は基本数字をつけて管理する方法を採用しています。

後から順番を変えるのが少し面倒になりますが、そもそもパス名は、あれこれアプリケーションや自動化の設定をしていくうちに変えにくくなるものです。
ですから、最初の時点である程度フォルダ構成をしっかり考えておいて固定した方が良いのでは?というのが自分の考えです。

Path Finderのフォルダに連番を付けて管理する

ちなみに、Path Finderの一括名称変更機能を使えば、先頭の連番を簡単に変えられます。

caps lockをcontrolに変更する

[システム環境設定]→[キーボード]の「修飾キー…」を押すと、修飾キーを他のものに変えられます。
caps lockは使わないので、controlに変更しておきましょう。

キーボードの修飾キーの変更

素早く「おやすみモード」をオンにする

Macのメニューバーの「通知パネル」を表示するアイコンをoptionを押しながらクリックすると「おやすみモード」がオンになります(アイコンが半透明になっていたらおやすみモード)。

この方法を使うとわざわざ通知パネルを開く必要がなくなります。

おやすみモードをすぐにオン

バックアップ

作業フォルダは全てDropbox内で管理

自分は「書類(Documents)」フォルダを使わずに、代わりにDropboxに必要ファイルを格納するようにしています。

  • 仕事用のファイル
  • アプリケーションの設定ファイル
  • 素材

こうすることで、複数のMacでファイルの共有ができますし、Macの移行もDropboxに接続すればすぐに仕事ができる状態に持っていけます。

アプリをHomebrew Caskで管理

ターミナルにあまり抵抗がない人であれば、アプリケーションの管理はHomebrew Caskを使って方が良いかもしれません。

  1. コマンドでインストールできるので、わざわざインストーラーをダウンロードする必要がなくなる
  2. 自分が使うアプリのインストールコマンドをまとめておけば、一気に必要アプリがインストールできる(Mac移行時に便利)

Homebrew Caskのインストール方法は過去記事にまとめています。

Alfredの環境設定を保存

Alfredの[環境設定]→[Advanced]の「Set preferences folder…」でフォルダを指定しておくと、Alfredの環境設定を保存できます。
Dropboxなどに保存しておけば、複数台のMacでも同じ設定で作業ができますし、Mac移行時にも便利です。

Alfredの「Set preferences folder...」

Keyboard Maestroのマクロ同期

Keyboard Maestroは複数台のMacで同じライセンスを使ってログインすると、[File]→[Start Syncing Macros…]からマクロの同期ができるようになります。
最大5台まで同じライセンスで使えるので、Macを複数台持っている人でもマクロの移行をわざわざする必要はありません。

Keyboard Maestroの[File]→[Start Syncing Macros...]

アプリ・拡張機能紹介

アプリ:FontExplorer X Pro

FontExplorer X ProやRightFontなどのフォント管理ツールを使えば、フォントの保存先を指定フォルダに設定できます。

頻繁にフォントのオン・オフを切り替えない人でも、とりあえず入れておくメリットはあります。

FontExplorer X Proに関しては過去に記事にもしています。

拡張機能:Vimium

Chrome拡張機能のVimiumを追加すると、キーボードのみでブラウザの操作ができるようになります。
ページのスクロールをキーボードで行えるようになるだけでもメリットはあります。

キーボード操作内容
j下スクロール
k上スクロール
d半ページ下へスクロール
u半ページ上へスクロール
gg1番上へスクロール
G1番下へスクロール

拡張機能:Wappalyzer

Wappalyzer(ワパライザー)というChrome拡張機能を入れると、閲覧しているサイトがどんな技術で作られているのか見れます。

拡張機能:Full Page Screen Capture

ブラウザの開発者ツールを使えば、拡張機能を使わずにサイト全体のスクリーンショットを撮影することが可能です。

ただ、わざわざ開発者ツールを開いたり、若干手間がかかるので素早く撮影したいのであれば拡張機能を入れるのも手です。
自分がオススメするのは「Full Page Screen Capture」という拡張機能。
追尾するヘッダーなどもきちんと処理してくれます。

Keyboard Maestro

JavaScriptの実行

Keyboard Maestroの「Execute a JavaScript in Front Browser」アクションを使うと、サイト上でJavaScriptの実行ができます。
JavaScriptが書ける人であれば、例えばFacebookの通知パネルをショートカットキーで開けたりします。

Highlight Location

Keyboard Maestroで「Highlight Location」アクションを使うと、マウスの周りにハイライトを表示させられます。

Keyboard Maestro ハイライト

人に操作を説明するときに使うと分かりやすくなるので、とりあえず設定しておくといいかもしれません。

Keyboard Maestroの「Highlight Location」

Alfred

環境設定の記事一覧

今まで記事にしたAlfred 4の環境設定に関しての一覧ページになります。
Alfredを使っている方は、見逃している便利な設定項目がないか、ぜひ確認してみてください!

その他

Google日本語入力の抑制単語

Google日本語入力の単語登録で品詞に「抑制単語」を選択すると、その単語が変換に出てこなくなります。

Google日本語入力で抑制単語の登録

「よろしくお願い致します」の「致します」は、平仮名表記の方が正しいとされているので、抑制単語に登録しておくと便利です(あえて正しくない表記を書く意味もありませんし)。

「いたします(=いたす)」のひらがな表記は「補助動詞」であり、「致します(=致す)」の漢字表記は通常の動詞となっています。
他の動詞と付属して使用する補助動詞の「いたす」はひらがな表記で書くという決まりがあります
https://eigobu.jp/magazine/itashimasu

Station内の検索

Stationでcommand + Tを押すと、複数のタブ(サービス)をまたいでの検索ができます。

「あのやり取りってどこでしたっけ?」という時に便利ですし、とりあえずチャット系は全てここから検索すればいいので非常に便利です。

Station内の検索

開発者ツールのComputed

Google Chromeのデベロッパー ツールで、CSSを見たい場合は[Elements]→[Styles]を見ると確認できますが、最終的に適用されているスタイルだけを見たい場合は[Computed]の方を見ると、一覧でまとまっているので分かりやすいです。

開発者ツールの「Computed」タブ

Google Chrome終了時の2回押しを無効化する

Google Chromeでcommand + Qを押して終了しようとすると、警告メッセージが表示され、command + Qをもう1回押す必要があります。

2回押すのが嫌な人はメニューバーの[Chrome]→[終了する前に警告メッセージを表示する(⌘Q)]のチェックを外すと表示されなくなります。

[Chrome]→[終了する前に警告メッセージを表示する(⌘Q)]

Stationで1Passwordと連携

Webサービス統合アプリである「Station」では、1Passwordと連携して、ログインを簡単に行なえます。
他のチャットサービスにはない機能ですし、Stationはかなりの数のWebサービスに対応しているので、1つのアプリでチャットなどを管理したい人にはピッタリです。

著者について

プロフィール画像

サイトウ マサカズ@31mskz10

1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。

Twitterをフォロー Facebookでいいね