Macで必ず使っている便利ツール

# 背景
- １回使ったらもう手放せないツール達
- 普段使っていて、他のエンジニアやデザイナーが偶然自分の画面を見て「それ、もっと早く知りたかった！」という声を何回か聞くことがあったので、オープンにする事にしました
- 基本は無料ツール。有料のものは試用期間や価格を書いています。

---

# Clipy

![image.png](https://qiita-image-store.s3.amazonaws.com/0/127520/f481553b-a76e-354e-5cc2-9d3ad57382ac.png)
https://clipy-app.com/

- テキストクリップボード&スニペット用、画像もクリップに入れられる。下記Maptureと併用
    - パスワードなど覚えるのは難しい必要なテキストは必ずスニペット化
    - ２回以上ググったものはほぼこの中に作成
    - ショートカットで立ち上がる
        - 自身のショートカットは`Command+Shift+A`でメイン画面立ち上げ(クリップ履歴)、`Command+Shift+Z`でスニペット立ち上げ。CSSの中央寄せ用コードなど、思い出す時間がかかるコードも一式格納している。

使い方参照： https://qiita.com/iwaseasahi/items/023964b426305375489e


# Alfred

![image.png](https://qiita-image-store.s3.amazonaws.com/0/127520/7dd0263e-f7df-262a-6a03-5cb18fcb7b00.png)
https://www.alfredapp.com/

- アプリ、ファイルはなんでもここから立ち上げる、Macの総司令塔
    - ショートカットで`d`(dictionary略)、`sp`(spell略)を設定し、ワンクリックで英単語綴りミスのチェックも行っている
    - 有料版検討中(導入したら追記するかもです)

使い方参照： https://pc-karuma.net/mac-app-alfred/


# Mapture

![image.png](https://qiita-image-store.s3.amazonaws.com/0/127520/32de2aca-c211-9423-9b76-5ddc8e92d885.png)
http://anatoo.jp/mapture/

- キャプチャツール
    - キャプチャ自身を画面の最前面に常駐させる事が可能。マウススクロールで透明度の変更可能。
    - いきなりローカルに保存せずに、pngで任意にローカル保存可能
    - UIデザイン、共有フロー、フロントエンド実装など、これが無いと始まらない
        - カンプや資料と照らし合わせでコードを書く時などは必須
    - ショートカットは`Command+Shift+M`

使い方参照： https://borderlessryohei.com/2016/09/12/pixel/


# f.lux

![image.png](https://qiita-image-store.s3.amazonaws.com/0/127520/51fc8b45-50a9-a95e-3a50-d565f31ca9f4.png)

https://justgetflux.com/

- ブルーカット
    - 色の確認の時以外は常時ブルーカットONにしている
    - 夜間は自動でブルーカット強めになるモードもあり

使い方参照： https://dekiru.net/article/14133/


# CotEditor

![image.png](https://qiita-image-store.s3.amazonaws.com/0/127520/73e5f02f-1c50-0106-4a40-3ee8b66a2601.png)

https://coteditor.com/

- 多言語対応テキストエディター、軽量
    - とりあえずテキスト編集、という時は迷わずこれ
    - 正規表現、テキスト置換も対応

使い方参照： https://techacademy.jp/magazine/4720


# ⌘英かな

![image.png](https://qiita-image-store.s3.amazonaws.com/0/127520/651de178-04e8-4239-257e-e48ed3a592a4.png)


https://ei-kana.appspot.com/

- USキーボード「英数」キーと「かな」キーの変換用

使い方参照： https://pc-karuma.net/mac-app-ei-kana/


# Better TouchTool

![image.png](https://qiita-image-store.s3.amazonaws.com/0/127520/388c1d5a-3fc9-57d7-9ca1-976977c1b61d.png)

https://folivora.ai/

- Macの操作系、ショートカット系、表示系の総合操作ツール    
    - 有料だがコスパは良い
        - 45日間試用可
        - 6.5ドルで２年アップデート、20ドルで永続アップデートサポート、サブスクリプションあり
    - アプリもあり、iPhone
    - アップデートは毎日にように行われる、エンジニアシップがすごい
    - ショートカットでアプリの切り替え、ショートカットでWindow分割なども可
        - キーボード、マウス、トラックパッド、画面レイアウトに関して、何でも出来る
    - マウスジェスチャー
        - トラックパッドジェスチャー、指何本でタップ　なども設定可能
            - 自身の設定例） ブラウザのタブ移動 ＞ 左移動 = 中指と薬指を起きながら人差し指タップ / 右移動 = 中指と薬指を起きながら小指タップ
    - テキストクリップボードもある
        - Clipyと併用、こちらは365日分のクリップボードを取っておき、半年前にコピーしたテキストなども検索出来るようにしている

使い方参照：
http://macwin.org/mac/bettertouchtool/
https://tekuten.com/bettertouchtool
https://www.lifehacker.jp/2013/08/130807btt_mac.html
https://qiita.com/kazuito/items/5aa41ce01dbdbd305f5d


# Quiver

![image.png](https://qiita-image-store.s3.amazonaws.com/0/127520/f8fa13e6-9740-ea33-72fc-4c68df36ffde.png)

http://happenapps.com/

- マークダウン対応テキストエディタ、メモツール
    - 試用期間は無制限。購入時1200円。App Storeで購入出来るので安心。
    - 現在もアップデートされている
    - 数あるマークダウンエディタの中で、画像ペースト&ペースト後も画像再コピー可能なのと、安定性、マークダウンをページ内でもブロック分け出来る点でメインにしている。
    - BoostNoteも良いが、時々不具合があるので、こちらメイン。
    -  ただしマークダウンチェックボックスの `- [ ] hoge` のプレビューにチェックを入れられないのは、やや痛い

使い方参照：   https://github.com/HappenApps/Quiver/wiki/Quiver%E3%82%92%E3%81%AF%E3%81%98%E3%82%81%E3%82%88%E3%81%86



# BoostNote

![image.png](https://qiita-image-store.s3.amazonaws.com/0/127520/a068b8ad-5dc4-04fc-f97b-fc56ab3705af.png)

https://boostnote.io/

- マークダウン対応テキストエディタ、メモツール
    - UIが良く、何でも出来る
    - 開発アップデートが早い
    - まれに不具合あり 
    - Electron公式サイトでも紹介されている日本製エディター
    - https://electronjs.org/apps
    - あまり使うことは無いが、スマホアプリもあり、連携可能

#### イケてる仕様
- マークダウンチェックボックスの `- [ ] hoge` プレビューにチェックが入れられ、それを自動計算で進捗率として表示してくれる。 `100% /  チェック完了の数`

![image.png](https://qiita-image-store.s3.amazonaws.com/0/127520/ac6da7d8-22be-0760-df7b-3a2a9d3cf678.png)

使い方参照：  
http://boostnote.hatenablog.com/entry/2017/12/22/184608

# Station
![image.png](https://qiita-image-store.s3.amazonaws.com/0/127520/efef4531-edcb-e91e-9b7a-2e0803a0e76e.png)

https://getstation.com/

- 海外製ツールの殆どが、このアプリにみに集約出来る
    - Gmail、Googleカレンダー、GoogleDocs、Slack、ChatWork、Evernote、Facebookメッセンジャー、Trello、Asana、SimpleNote、DropBox
    - とにかくマイナーなアプリ以外はほぼある
    - ※あまり入れ込み過ぎると重たくなったので、5-7個くらいに収めると良さそうです

使い方参照：   
https://masatoshihanai.com/station-for-app/

---

# iTerm2

![image.png](https://qiita-image-store.s3.amazonaws.com/0/127520/c4dd3522-b6d7-8dee-9fc9-27c4f663bc0c.png)

https://www.iterm2.com/

- ターミナルだっておしゃれしたい! 愛されコーデで不況の寒波を乗り切っちゃお☆
- タブで複数の環境を同時に立ち上げられ、さらにタブ内も複数分割が出来る
- 特にフロントエンドまわり、Web制作のMacのターミナルは迷わずこれ！

使い方参照： 

- https://hajipro.com/unix/iterm2-install
- https://orebibou.com/2015/12/これだけは最低限おさえておきたいiterm2の便利な機/
- http://neko-mac.blogspot.com/2015/02/iterm2.html



---

### 終わりに

- また手放せないツールが出てきたら追記します
- 他に劇的に生産性が上がるツールがあれば教えてください