# PC作業をする上でのちょっとした小技 #1日1Tips – 2019年6月 URL: https://webrandum.net/tips-2019-06/ 公開日: 2019-07-01 更新日: 2019-07-01 カテゴリー: 作業効率化 タグ: Alfred, BetterTouchTool, Keyboard Maestro, Sketch 出典: Webrandum（著者: サイトウ マサカズ） 今月に入ってから[Facebookページ](https://www.facebook.com/webrandum/)で #1日1Tips というハッシュタグを付けて、ちょっとした作業効率化の投稿をはじめました。 記事に書くまでもないちょっとした小技を紹介しているのですが、あとから検索できるようにしておきたいので、記事として1ヶ月分の投稿をまとめておきます。 ※文章に関しては、ほぼ投稿のコピペですが、ある程度整形を加えています。 ## 基本操作 ### 矢印の入力 Macで「←↓↑→」を入力したいとき、「やじるし」や「ひだり」で変換していませんか？ かな入力で「ｚｈ」「ｚｊ」「ｚｋ」「ｚｌ」と入力すればそれぞれ矢印記号が入力できます。それも面倒な人は「ｈ」「ｊ」「ｋ」「ｌ」で辞書登録しておくと良いですね。 過去記事で、他にも便利な文字入力関連の小技をまとめているので、気になった方はそちらもご覧ください。 [![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/01/input.jpg)Macの文字入力をもっと楽にする小技集https://webrandum.net/small-technique-character-inputPCで作業する上で文字の入力は避けて通れません。漢字変換に時間がかかる単語はどんどん単語登録していくべきですし、少し工夫して記号なども素早く入力できるようにしておくと日々の入力がグッと楽になります。今回は入力が楽になる小技をいくつかまとめておきます。辞書登録をすぐ行えるようにするまずは辞書登録ツールをすぐ開けるようにしておきましょう。自分はGoogle日本語入力を使用しているのですが、Keyboard Maestroというアプリを使ってcommand + shift + 7で辞書登録ツールを開くようにショートカットキーを登録しています...](https://webrandum.net/small-technique-character-input) ### システム終了やスリープ操作を素早く行う 【タッチバー無し or 外付けキーボードの場合】 Macではcontrol + 電源ボタン（eject）で、システム終了のウインドウが表示されます。 そして、そのウインドウが表示された状態で、下記キーを押せばキーボードだけで操作ができます。 | キー | 選択されるボタン | | --- | --- | | enter | システム終了 | | --- | --- | | R | 再起動（Restartの頭文字） | | --- | --- | | S | スリープ（Sleepの頭文字） | | --- | --- | | esc | キャンセル | | --- | --- | また、スリープにしたいならcommand + option + 電源ボタン（eject）ですぐにスリープできます。 【タッチバーありの場合】 ［システム環境設定］→［機能拡張］→［Touch Bar］→「Control Stripをカスタマイズ…」をクリックして「スリープ」や「ロック」をTouch Barに追加します。 あとはTouch Barで各ボタンを押して操作します。 [![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/06/eyecatch-15.jpg)Macの「システム終了」や「スリープ」操作を素早く行う方法https://webrandum.net/mac-speedy-shutdownMacを使うときに1日1回以上必ず行う動作に「システム終了」や「スリープ」があります。今回はそのような「システム終了」「スリープ」を素早く行う方法についてまとめておきますまとめておきます。システム終了ウインドウから操作※この機能は、タッチバー無しのMacか外付けキーボードでしか使えません。control + eject（電源ボタン）を押すと、システム終了ウインドウが表示されます。あとはそのウインドウが表示された状態で、下記のキーを押せばキーボードだけで操作ができます。キー選択されるボタンenterシステム終了R再起動（Res...](https://webrandum.net/mac-speedy-shutdown) ### アプリの起動 アプリの起動・切り替えは次の2つを使えるようにしておくとラク + 早くなります。 1. Keyboard Maestroでショートカットキーでアプリを起動するようにする よく使うアプリはショートカットキーから起動できるとめちゃくちゃ早くなります 2. ただし、ショートカットキーを覚える必要あり - Alfredで起動するようにする 1. Alfredからアプリ名を検索して起動すると、マウスの位置は移動せず、アプリの起動・切り替えができます 2. ただし、アプリ名が思い出せないと起動できない ### 検索バーからGoogle翻訳をすぐ開く Google Chromeの［環境設定］→［検索エンジン］→［検索エンジンの管理］で「その他の検索エンジン」を追加すると、カスタム検索ができます。 例えば、キーワードを「trj（translate japaneseの略）」、URLを下記に設定しておくと、検索バーに「trj 英語に翻訳したい文章」と入力すると、翻訳ページがすぐ開きます。 ``` https://translate.google.com/#ja/en/%s ``` Alfredと同じ設定をしておいて、どちらでも使えるようにしておくと検索がラクになります。 ### Quick Lookで複数ファイルプレビュー Finderでスペースバーを押すと、Quick Lookができます。 ![Quick Lookで複数プレビュー](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_1.png) その時に複数ファイルを選択していると、左上にアイコンが表示されます。 そのアイコンをクリックすると、複数ファイルのプレビューを一気に見れます。 ![Quick Lookの複数プレビュー](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_2.png) ### アプリアイコンのコピペ 意外と知られていませんが、Fidnerでアプリケーションファイルや画像ファイルをcommand + Cでコピーして、デザインツールでペーストすると、アプリアイコンや画像をペーストできます。 アプリアイコンのペーストは、ブログのアイキャッチ画像作成時に重宝しています。 ### バッテリーの状態確認 メニューバーの「バッテリー」をoptionを押しながらクリックすると、いまのMacのバッテリー状態を確認できます。 ![バッテリーの状態確認](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_3-300x269.png) バッテリーに何か問題がある場合はここに「今すぐ交換」や「バッテリーの交換修理」と表示されます。 ### アプリ間やタブ・ウインドウ間の移動 アプリ間やタブ・ウインドウ間の移動はショートカットキーで行うとラクです。 | 内容 | ショートカットキー | | --- | --- | | アプリ間の移動 | command + tab | | --- | --- | | タブ間の移動 | control + tab | | --- | --- | | ウインドウ間の移動（JIS配列） | command + F1 | | --- | --- | | ウインドウ間の移動（US配列） | command + ` | | --- | --- | ### GyazoからMarkdownリンクをコピーする gyazoでスクショを撮ったあとに、［シェア］→［Markdown］の「リンクをコピー」をクリックするか、command + option + Cを押すとMarkdownをコピーできます。 ![GyazoでMarkdownリンクをコピー](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_4.png) これで文章を作っておくと、他人に渡すときに、画像のことを考えなくて済むので地味に便利です。 [![](https://www.google.com/s2/favicons?domain=gyazo.com)Gyazo![](https://s.wordpress.com/mshots/v1/https%3A%2F%2Fgyazo.com?w=160)Gyazo · Free Screenshot App · Capture, Share, & Search Easierhttps://gyazo.comTake screenshots, screen GIFs, and full page captures you can instantly share now and search later. Get the free app for Windows, Mac, and mobile.](https://gyazo.com) ## アプリ・拡張機能紹介 ### アプリ：Kap Macの画面録画にはKapというアプリを使っています。 メニューバーから簡単に録画ができ、mp4・Gifでの保存ができる上にクリックの強調もできます。 [![](https://www.google.com/s2/favicons?domain=getkap.co)Kap![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/c54cd24372e037e6735f46f7ac645deac07b0b749315ae9d50bd125b7f17bcdd.webp)Kap - Capture your screenhttps://getkap.coAn open-source screen recorder built with web technology](https://getkap.co) ### アプリ：AppCleaner アプリのアンインストールをするとき、普通に消してしまっては関連ファイルが残ってしまいます。 関連するファイルもまとめて削除したい場合は「AppCleaner」を使うようにしましょう。 [![](https://www.google.com/s2/favicons?domain=freemacsoft.net)freemacsoft.net![](https://s.wordpress.com/mshots/v1/https%3A%2F%2Ffreemacsoft.net%2Fappcleaner%2F?w=160)AppCleanerhttps://freemacsoft.net/appcleaner/](https://freemacsoft.net/appcleaner/) ### アプリ：チャットサービス統合アプリ チャットサービスやSNSを管理してくれるアプリを利用すると、アプリをいくつも切り替えなくて済みます。 管理アプリもいくつかあるのですが、自分はその中でもStationを利用しています。 - [Station](https://getstation.com/) - [Franz](https://meetfranz.com/) - [Rambox](https://rambox.pro/) Stationに関しては過去に記事にもしているので、詳細を知りたい方はそちらもご覧ください。 [![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/01/eyecatch-3.png)StationであらゆるWebサービスをまとめて管理するhttps://webrandum.net/stationSlack・ChatWork・Skype・Facebook Messengerなどなど、あらゆるチャットサービスを行き来しているとサービスを開くまで通知に気が付かない事があったり、サイトを開いているとウインドウが大量に出来てしまいます。それらをまとめて管理するアプリとして、「Franz」や「Rambox」などが有名ですが、今回紹介するStationはチャットサービス以外のメジャーなWebサービスが登録出来る上に、1Passwordと連携して、Station上でサッとログイン出来ます。StationのメリットStationを利用するメリットは下記の通りです。細かいことを言い出すと...](https://webrandum.net/station) ### Chrome拡張機能：OneTab 何か調べ物をしていると、いつの間にかブラウザのタブを大量に開いていることがあります。 そんな時に使えるのがChrome拡張機能の「[OneTab](https://chrome.google.com/webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall?hl=ja)」。 アイコンクリックするとタブを閉じて、リスト化してくれます。 そこからリンクをクリックすれば再度タブとして復元できますし、リストを他人に共有することもできます。また、作成したリストはChromeを閉じても消えないので、リンクの一時的な保存にも使えます。 - タブがスッキリする - メモリの消費量を抑えられる - リンク集の一時的な保存に使える [![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/05/eyecatch-16.jpg)Google Chromeのタブを1つにまとめる拡張機能「OneTab」https://webrandum.net/one-tab僕はGoogle Chromeで調べ物をしていると、いつの間にか大量のタブが開いてしまっている事がよくあります。そんな人にオススメなのがOneTabという拡張機能です。 1クリックでタブをリスト形式に整理して表示してくれる タブをまとめるので、メモリ使用量も抑えられる まとめたタブは他人にリンクでシェアが可能OneTabのインストールGoogle Chromeのウェブストアからダウンロードします（Firefox版はこちら）。右上にOneTabのアイコンが追加されているので、それをクリックすると現在表示しているタブを1つのリストにまとめて、OneTabの...](https://webrandum.net/one-tab) ### Sketch：ImageOptim plugin Sketchの[ImageOptim plugin](https://imageoptim.com/sketch)をインストールしておくと、Sketchで画像を書き出す際に自動でImageOptimを起動して画像の圧縮をしてくれます。 デザイナーの方でもライトに手間をかけず画像圧縮ができるのでオススメです。 [![](https://www.google.com/s2/favicons?domain=imageoptim.com)ImageOptim![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/1b77a025d0a208ae0b2d050c38fb0905ba223b2fcdd3c4ee7dd1e402d7928caf.webp)ImageOptim plugin for Sketch apphttps://imageoptim.com/sketch](https://imageoptim.com/sketch) ## Keyboard Maestro ### Gyazoを起動するマクロ Keyboard Maestroで「ショートカットキーを入力するとGyazoを起動する」マクロ。 ![Gyazoを起動するマクロ](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_5-1024x519.png) 非常にシンプルですが、Gyazoでスクショの撮影 → 共有までがスムーズになります。 ### 今日の日付の入力 Keyboard Maestroの「Set Clipboard to Text」に『%ICUDateTime%yyyyMMdd%』と入力。 あとは「Paste from Named Clipboard」と「Delete Past Clipboard」を設定すると、今日の日付を8桁で入力するマクロができます。 ![今日の日付の入力](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_6-1024x736.png) 「Set Clipboard to Text」の中身を変える事でカスタマイズも可能です。 ### ダークモードの切り替え（Keyboard Maestro版） 下記のAppleScriptを使えば、ダークモードの切り替えができます。 Keyboard Maestroの「Execute AppleScript」と組み合わせればショートカットキーでの切り替えが簡単に実現できます。 ``` tell application "System Events" tell appearance preferences set dark mode to not dark mode end tell end tell ``` ![ダークモードの切り替え](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_7-1024x589.png) ### Finderの指定フォルダを一瞬で開く Keyboard Maestroの「Open a File, Folder or Application」アクションを使えば、ショートカットキーで指定したフォルダへすぐ移動できるようになります。 ![Finderの指定フォルダを一瞬で開く](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_8-1024x491.png) また、Default Folder Xの［環境設定］→［フォルダ］でよく使うフォルダの設定をしておけば、保存ダイアログでもショートカットキーで特定フォルダが開くようになります。 ![Default Folder Xのフォルダ設定](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_9.png) ### Sketchにショートカットキーを設定する Sketchにはデフォルトでショートカットキーを設定する機能がありません。 だからこそ、Keyboard Maestroを使ってショートカットキーの設定をしておくと、周りとの差を生み出せます。 ![Sketchのシンボル作成をショートカットキーに設定する](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_10-1024x551.png) - シンボル化 - 整列 - フォントサイズの上げ下げ この辺りは、最低限設定しておくと良さそうです。 [![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/01/eyecatch-7.jpg)Sketchのメニューバーにショートカットキーを割り当てる方法https://webrandum.net/sketch-shortcutkey-settingIllustratorやPhotoshopの場合は、デフォルトの機能としてショートカットキーの設定が備わっていますが、Sketchには、ショートカットキーを変更する環境設定が見当たりません。そんなSketchにショートカットキーを割り当てる方法は下記の2つ。 Macの［システム環境設定］→［キーボード］→［ショートカット］→［アプリケーション］から設定する Keyboard Maestro等のユーティリティアプリを使用する1つ2つ程度の設定であればシステム環境設定から行ってもいいのですが、きちんと管理するという意味ではKeyboard Maestroを使用した方が...](https://webrandum.net/sketch-shortcutkey-setting) ## Alfred ### Google翻訳を素早く行う Alfredの［Features］→［Web Search］で下記URLを入力したカスタム検索を追加しておくと、Google翻訳のページがすぐに開きます。 ``` https://translate.google.com/#en/ja/{query} ``` 地味ですが、わざわざ「Google翻訳」で検索して単語の入力をするよりも、スムーズに翻訳ができますね。 [![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/06/eyecatch-9.jpg)Alfred 4のカスタム検索を設定をしてサイト内検索をしたり、ブラウザのブックマー...https://webrandum.net/alfred4-web-searchAlfredは普通にキーワードを入力するとGoogle検索として使えますが、「Web Search」機能を使えば特定のサイト内の検索ができますし、「Web Bookmarks」機能を使えばブックマークに追加しているサイトを絞り込んで表示できたりします。今回は、そんな2つの機能にフォーカスしてまとめておきます。Web Search機能Alfred 4ではデフォルトで31個のWeb Searchがデフォルトで設定されています。Web Searchを確認するには［環境設定］→［Features］→［Web Search］→「Search」から見れます。Alfredを起動したあとに「Keyword」の部分を入力、...](https://webrandum.net/alfred4-web-search) ### Font Awesomeのアイコンを入力 Alfredの[Font Awesome Workflow](https://github.com/ruedap/alfred-font-awesome-workflow)を使うと、デザインツールでテキスト入力時、下記の手順でFontAwesomeのアイコンを入力できます。 [![](https://www.google.com/s2/favicons?domain=github.com)GitHub![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/2a60e4c4de265e826537d5a0decfcf948d2aa9e20bc890162b44ef60e6444c1c.webp)ruedap/alfred-font-awesome-workflowhttps://github.com/ruedap/alfred-font-awesome-workflow:tophat: Font Awesome Workflow for Alfred. Contribute to ruedap/alfred-font-awesome-workflow development by creating an account on GitHub.](https://github.com/ruedap/alfred-font-awesome-workflow) 1. Alfredを起動 2. 「fa」と入力後、半角スペースを空けてアイコン名を入力 3. controlキーを押しながら選択（普通に選択するとアイコン名が出力される） 4. 最後にデザインツール側でフォントに「FontAwesome」を設定 わざわざFontAwesomeのサイトに行く必要がなくなるので便利です（Alfred 4でも動作確認済み）。 ### Alfredの環境設定を開く Alfredの環境設定を開きたいとき、メニューアイコンやアプリアイコンから開かなくても、Alfredを起動して「Show Alfred Preferences」を選択すれば開きます。 ### 計算時に3桁区切りのカンマを反応させる Alfred上で計算を行うとき、デフォルトの設定では3桁区切りのカンマに対応していないので、「1,000 + 1,500」などと入力しても反応しません。 ［環境設定］→［Features］→［Calculator］の「Ignore thousands grouping separator」にチェックを入れると、3桁区切りのカンマも認識して計算してくれるようになります。 [![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/01/eyecatch-2.png)Alfredで設定しておくと便利な細かいことまとめhttps://webrandum.net/alfred-convenient-settingランチャーアプリとして非常に便利なAlfredですが、完全にデフォルトのまま使用するよりも、ひと手間設定を加えるだけで更に使いやすくなります。今回は、そんな細かくてつい忘れがちなAlfredの設定についてです。Alfredに関する細かい紹介は以前記事にした事があるのでそちらをご覧ください。数字の間にコンマが入っていても計算できるようにするAlfredでは四則演算が可能です。ちょっとした計算をする時にさっとAlfredを開いて計算できるので地味に助かる機能なのですが、デフォルトのままだと数字の間にコンマ（,）が入っていると計...](https://webrandum.net/alfred-convenient-setting) ## BetterTouchTool ### ダークモードの切り替え（BetterTouchTool版） ダークモードの切り替えは、BetterTouchToolだとデフォルトでアクションが用意されていました。 ![ダークモードの切り替え（BetterTouchTool版）](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_11.png) Keyboard Maestroを使うよりもこちらの方がAppleScriptを使用する必要がないのでラクそうです。 ### 新規ファイルの作成 通常Finderでは新規フォルダの作成はできますが、新規ファイルの作成はできません。 しかし、BetterTouchToolで「現在のフォルダに新しいファイルを作成する」アクションを設定すると、Finderでも新規ファイルの作成ができるようになります。 ![Finderで新規ファイルを作成する](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_12.png) わざわざテキストエディタを開く必要がなくなるので地味に便利です。 ## その他 ### スクリーンショットのウインドウの影をどうするか 記事などにスクリーンショットを載せるとき、ウインドウの影をどうするべきなのか悩んでいました。 macOS標準のシャドウ付きスクショだと、下の余白が目立ちます（特にスマホサイズ）。 添付画像は、青線がスクショの範囲になっています。 ![ウインドウの影](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_13-1024x875.png) これを見る限り、illustratorのドロップシャドウで影付けるのが1番キレイかなという結論です。 ### Sketchのプラグイン管理 自分はSketchのプラグイン管理ツールを使わずに、直接フォルダで管理しています。 プラグイン管理ツールを使わない理由は下記の3つ。 - 管理ツールが不安定 - 管理ツールにプラグインがない場合は結局直接インストールすることになる - Sketchバージョン45からデフォルトで「自動更新機能」がついているので、管理ツールを使うメリットがない 今のところ不満もなく、動作も快適です。 プラグインは下記パスのフォルダに入れればOK ``` /ユーザ/ユーザ名/ライブラリ/Application Support/com.bohemiancoding.sketch3/Plugins ``` 自分の場合はこのフォルダをDropboxに入れて、元あった場所にシンボリックリンクを貼っています（こうすることで、Mac移行時にプラグインの移行も一瞬でできます）。 過去に詳しく記事にしているので、詳細気になる方はそちらもご覧ください。 [![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/02/eyecatch-6.jpg)Sketchのプラグインを管理ツールを使わずに直接フォルダで管理する方法https://webrandum.net/sketch-plugin-direct-management今までSketchのプラグインはSketchpacksというプラグイン管理ツールを使用していたのですが、最近動作が不安定になってきて「もう管理ツール使う理由は無いのでは？」と思ったので、直接フォルダで管理するようにしました。プラグイン管理ツールは何のために入れていたのか？そもそも自分がプラグイン管理ツールを入れた理由は下記の2点です。 簡単にプラグインをインストール・アンインストールできる アップデートの管理が行えるただ、最近は使うプラグインが固定されてきました。頻繁にプラグインを切り替えたり、色んなプラグイン...](https://webrandum.net/sketch-plugin-direct-management) ### Google Chrome開発者ツールをダークモードにする 意外と知られていませんが、Google Chromeの開発者ツールでF1を押してSetting画面を開いて「Theme」を「Dark」に設定すると、開発者ツールがダークモードになります。 ![Google Chrome開発者ツールをダークモードにする](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_14-1024x655.png)