開発中マジで使える便利なツール集

# 個人の開発環境で使っているツール
個人開発で使っている、便利なツール集を備忘のためにまとめました。
色々なアプリを使っていますが、マジで使えるものだけを紹介しています！
※Mac専用、有料のツールもあります。

## 紹介するツール紹介
### 便利系
* [Clipy](https://clipy-app.com/)
* [Wunderlist](https://www.wunderlist.com/ja/)
* [FontPreview](https://itunes.apple.com/jp/app/fontpreview/id537580561?mt=12&ign-mpt=uo%3D4)
* [Mini Calender](https://itunes.apple.com/jp/app/mini-calendar/id1088779979?mt=12)
* [Memory Clean](https://itunes.apple.com/jp/app/memory-clean-monitor-and-free-up-memory/id451444120?mt=12)
* [Sequel Pro](http://www.sequelpro.com/)
* [Transmit](https://panic.com/jp/transmit/)
* [Spectacle](https://www.spectacleapp.com/)

### Chrome拡張系

* [HTMLエラーチェッカー](https://chrome.google.com/webstore/detail/html%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%81%E3%82%A7%E3%83%83%E3%82%AB%E3%83%BC/ohdllebchmmponnofchalfkegpjojcaf?hl=ja)
* [JavaScript Errors Notifier](https://chrome.google.com/webstore/detail/javascript-errors-notifie/jafmfknfnkoekkdocjiaipcnmkklaajd?hl=ja)

### shell系

* [fish shell](https://fishshell.com/)

## 便利系ツール
### 1.Clipy
[Clipy](https://clipy-app.com/) - @econa77
※いつも使わせていただいております:bow_tone2:
クリップボードを拡張できるアプリです。
![clipy.png](https://qiita-image-store.s3.amazonaws.com/0/147291/a60bf26c-a946-f294-efb5-bf399f63d0fa.png)

コピー&ペーストを繰り返して作業するときに、コピーのページまで戻って、またペーストしてって作業あったりしますよね。
そういうときにコピーした履歴を複数メモリ上に保持して、ペーストすることができます（卒論とかで活用できそう）

<img width="733" alt="スクリーンショット 2018-01-27 10.54.14.png" src="https://qiita-image-store.s3.amazonaws.com/0/147291/182a2afe-f427-4603-654a-9bef205bccd8.png">

定型文も保存しておくこともできます

<img width="556" alt="スクリーンショット 2018-01-27 10.55.31.png" src="https://qiita-image-store.s3.amazonaws.com/0/147291/59489209-7727-7a3f-7ce6-c6a75e339156.png">


### 2.Wunderlist
[Wunderlist](https://www.wunderlist.com/ja/)
タスク管理系のTODOアプリ。チームでの共有も可能。チケット管理、タスク管理のだいたいはこれでできます。
![ダウンロード (1).jpeg](https://qiita-image-store.s3.amazonaws.com/0/147291/68b7a23c-fd8b-cb37-1e9f-d369acbaad92.jpeg)

<img width="755" alt="スクリーンショット 2018-01-27 19.44.59.png" src="https://qiita-image-store.s3.amazonaws.com/0/147291/7b906ba9-be02-9d95-e0d4-134f250d4466.png">


### 3.FontPreview

[FontPreview](https://itunes.apple.com/jp/app/fontpreview/id537580561?mt=12&ign-mpt=uo%3D4)
複数のフォントを表示し比較して、その中から一番合うフォントを選択することができます。
![images.jpeg](https://qiita-image-store.s3.amazonaws.com/0/147291/536bf968-75ed-8a21-05fe-ee7510ac1b79.jpeg)

<img width="1267" alt="スクリーンショット 2018-01-27 20.02.57.png" src="https://qiita-image-store.s3.amazonaws.com/0/147291/faa8fdd9-949c-45e7-50fb-c7826b785440.png">


### 4.Mini Calender
[Mini Calender](https://itunes.apple.com/jp/app/mini-calendar/id1088779979?mt=12)
Macのカレンダーって使いにくいですよね...？
Windowsのカレンダー機能みたいに、月カレンダーを確認できるみたいな、機能が欲しいなーと思っていたんですがMacにもそんな拡張アプリがありました！しかもグーグルカレンダーと連携させることもできるので、とてもオススメです！

<img width="410" alt="スクリーンショット 2018-01-27 19.57.18.png" src="https://qiita-image-store.s3.amazonaws.com/0/147291/c969d12a-132f-0996-b6ce-8d41232f1f35.png">

### 5.Memory Clean
[Memory Clean](https://itunes.apple.com/jp/app/memory-clean-monitor-and-free-up-memory/id451444120?mt=12)
必要ないメモリを解放してくれるアプリ。重くなってきたときに、メモリクリーンを実行するとMacが軽くなります。

![ezgif-3-cb7392ac1b.gif](https://qiita-image-store.s3.amazonaws.com/0/147291/ab3d29a6-e907-1e82-25f6-cc3f1115b921.gif
)

### 6.Sequel Pro
[Sequel Pro](http://www.sequelpro.com/)

Mysql管理ツール。phpadminを卒業して、最近このアプリを使っています。とてもシンプルで可もなく不可もなくといった感じ...。WindowsのA5みたいにER図を自動生成してくれるsqlツールを探しているんですが、見つからず
...。
![logo.png](https://qiita-image-store.s3.amazonaws.com/0/147291/d4c72b24-e449-ad8f-3c3b-13cbef5f9d63.png)

<img width="1025" alt="スクリーンショット 2018-01-27 20.27.09.png" src="https://qiita-image-store.s3.amazonaws.com/0/147291/cdd44555-3bfc-ab65-baf3-98ed0253b021.png">


### 7.Transmit(有料)

[Transmit](https://panic.com/jp/transmit/)

![ダウンロード.jpeg](https://qiita-image-store.s3.amazonaws.com/0/147291/bac16d60-22df-8076-a85c-e9b588a68967.jpeg)

ファイル転送ツール、SFTP。類似アプリにサイバーダックもありますが、僕はTransmitを使っています。開発環境をサーバ上に作り、Transmitを使ってファイルのコントロールしています。有料ですが高性能で開発効率が格段に上がります。蛇足ですが、ドットインストールお兄さんもレッスンでTransmitを使用しているそうです。
[ドットインストール #13 Transmitを使ってみよう](https://dotinstall.com/lessons/basic_localdev_mac_v2/38513)

### 8.Spectacle
[Spectacle](https://www.spectacleapp.com/)
作業しているウィンドウで、使っているアプリの画面をショートカットを使って右に寄せたり、左に寄せたりできるアプリです。Winsowsだと『 Windows + 矢印』でアクティブの画面を移動できるのですが、Macにはその機能がないんですよね。左にソースコード、右にブラウザなどを表示させたいときなどに一瞬できます！

![ezgif-4-040e1a0d1a.gif](https://qiita-image-store.s3.amazonaws.com/0/147291/7a0eb87f-33da-567e-e457-b1e47234c2a2.gif)



# Chrome拡張
### 9.HTMLエラーチェッカー
[HTMLエラーチェッカー](https://chrome.google.com/webstore/detail/html%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%81%E3%82%A7%E3%83%83%E3%82%AB%E3%83%BC/ohdllebchmmponnofchalfkegpjojcaf?hl=ja)
htmlタグが間違っていないことを確認するツール。
【完璧時】
<img width="620" alt="スクリーンショット 2018-01-28 7.42.31.png" src="https://qiita-image-store.s3.amazonaws.com/0/147291/db39713e-d2f9-a439-5921-5c71389f9c7a.png">
【エラー時】
<img width="618" alt="スクリーンショット 2018-01-28 7.43.13.png" src="https://qiita-image-store.s3.amazonaws.com/0/147291/f5f8f2f3-d211-960b-3051-019f01985c71.png">


### 10.JavaScript Errors Notifier
[JavaScript Errors Notifier](https://chrome.google.com/webstore/detail/javascript-errors-notifie/jafmfknfnkoekkdocjiaipcnmkklaajd?hl=ja)
クロームで開発している場合、JavaScriptのエラーはDevコンソールを開かないとわかりませんが、この拡張機能があれば、右下にバツマークが出てくるので、エラーが起こっている場所が特定できます。

<img width="1207" alt="スクリーンショット 2018-01-28 8.17.48.png" src="https://qiita-image-store.s3.amazonaws.com/0/147291/374fa33f-4423-8521-fb35-3ce33821d730.png">


### 11.fish shell
bash卒業してfish shellデビューしました！linux/unix、git等のコマンドで補完してくれるのでかなり助けてもらっています:bow_tone2:

![68747470733a2f2f71696974612d696d6167652d73746f72652e73332e616d617a6f6e6177732e636f6d2f302f343934332f35636436656338352d303635342d303465622d303363312d6637393231313565366137322e706e67.png](https://qiita-image-store.s3.amazonaws.com/0/147291/a236e4d3-928d-6033-5132-045f0db58520.png)

[詳解 fishでモダンなシェル環境の構築](https://qiita.com/susieyy/items/ac2133e249f252dc9a34) - @susieyy
参考にさせていただきました:pray:

以上、開発・作業で使える便利ツールのまとめでした。