「その便利そうなやつ、何使ってるんですか？」的ツール百選 (のうち10個くらい) DIST#4 LT発表資料


[DIST.4 「Life is Short」](http://dist.connpass.com/event/7616/) のLT発表資料です。


## 紹介するツール一覧
(基本、Macです)

* デザイナー、ディレクター、エンジニア問わず、誰でも使えるやつ
* エンジニアむけ

いちおう下記、分類してますが、紹介する順番はいい感じのやつ順です。


### 誰でも使えるやつ

* Alfred : ランチャー
* Kiritori : 画像付箋化
* ClipMenu : クリップボード拡張
	* Skypeログ整形ツール
	* Table→マークダウン
* MacでWindow切り替え(⌘+F1)
* Fluid (Mac) : Webサイトをアプリ化
* Push Bullet : なんでもpush通知


### エンジニアむけ

* CodeRunner (Mac) : なんでもコード走らせる
* Google Apps Script : GoogleスプレッドシートとかでJS
* Edge Inspect : スマホ画面同期
* JenkinsをCRONとして使う
* AngularJSは神
* InVision : モック作成・レビューツール
* ImageOptim / ImageAlpha : 画像圧縮


---


## Alfred (Mac)


[Alfred App - Productivity App for Mac OS X](http://www.alfredapp.com/)   
いわずもがなのランチャー

### そのままでも使いやすいけど、workflowが生産性をあげてくれる
* [英辞郎の検索ができるAlfred Workflow作った](http://morishin.hatenablog.com/entry/2014/06/27/210449) ← 消されてる！
* [codic workflow](https://github.com/ton1517/alfred-codic-workflow)
  *  (プログラミング用英単語検索)
* [Dash workflow](https://github.com/willfarrell/alfred-dash-workflow)
  * [Dash](https://itunes.apple.com/jp/app/dash-docs-snippets/id458034879?mt=12)をAlfredから検索する
* FontAwsome
  * [Font Awesomeのアイコンフォントを検索できるAlfred 2のWorkflowを作ってみた](http://blog.ruedap.com/2013/08/07/alfred2-font-awesome-workflow)
* [IP Address Workflow](http://dferg.us/ip-address-workflow/)
  * IPアドレスを取得
* [Transmit workflow](http://www.alfredforum.com/topic/171-transmit-favorites-workflow/)
  * Transmitに登録しているものを検索


windowsでもググるといろいろありそう
[windows launcher alfred - Google 検索](http://goo.gl/KGyS7x)


## CodeRunner (Mac)
[CodeRunner — krillapps](http://krillapps.com/coderunner/)

rubyやjs、coffeescriptなど、だいたいの言語をその場で試せるアプリ

![coderunner.gif](https://qiita-image-store.s3.amazonaws.com/0/2631/169c46d2-bb1c-e9a0-1849-1842c57a9c50.gif "coderunner.gif")


## Kiritori
[Mac App Store - Kiritori](https://itunes.apple.com/jp/app/kiritori/id585126594?mt=12)

cmd + shift + 5 でキャプチャして付箋みたいにするアプリ

![kiritori.gif](https://qiita-image-store.s3.amazonaws.com/0/2631/09ee4a28-4226-574c-c310-cf4194f4e507.gif "kiritori.gif")


windowsなら[Rapture](http://www.geocities.jp/knystd/rapture.html)


## ClipMenu

[ClipMenu: Mac OS X 用クリップボード管理ソフト - ClipMenu.com](http://www.clipmenu.com/ja/)

* クリップボード拡張。画像も残せる。
* JSで拡張書けます。便利

### 自分で拡張つくりました
[katapad/oreore-clipmenu](https://github.com/katapad/oreore-clipmenu)

* Skypeログ整形ツール
* Table→マークダウン


##  MacでWindow切り替え(⌘+F1)
Finderいっぱい開いたときの切り替えに便利
![keyboard.png](https://qiita-image-store.s3.amazonaws.com/0/2631/6c01a55a-34cf-ae9e-0a17-cbec51a35dd1.png "keyboard.png")



## Fluid (Mac)
[Fluid - Turn Your Favorite Web Apps into Real Mac Apps.](http://fluidapp.com/)

webサイトをアプリ化する

* Gmail
* GistBox
* Backlog

なんかをアプリ化すると便利。

[よく使用するWebアプリを「アプリケーション化」してくれるMacアプリ、「Fluid」が超便利だ！ | OZPAの表4](http://ozpa-h4.com/2012/07/23/fluid-mac-app/)


## Push Bullet

[PCと携帯端末でデータ同期できるアプリ『Pushbullet』の活用法 ｜ ライフハッカー［日本版］](http://www.lifehacker.jp/2014/04/140404pushbullet.html)


いまPCで見てるページをiPhone/Androidに送るときに便利。
逆もOK。


## Edge Inspect

画面チェックするときに便利。


## JenkinsをCRONとして使う

CRON使うためにAWS立ち上げてるくらいだったら、ぜったいこっちのほうが速い

[Jenkinsをすごいcronとして使う - She is not Gorilla.](http://hiroraba.hatenablog.com/entry/2013/12/22/101914)


## AngularJSは神

* Angular + Bootstrapでクソコードが便利ツールに早変わり！
* なんでも一瞬でつくれるから、クソ便利。
* 覚えることは異常におおいので、挫折するのもアリ。


### Angularでいままでつくったツール

* PSD画面一覧ツール
* 管理画面ハックツール (node-webkit)
* サイトで使用している画像一覧ツール


## InVision
[Free Web & Mobile (iOS, Android) Prototyping and UI Mockup Tool | InVision](http://www.invisionapp.com/)

おそらく今、最強のモックアップ作成ツール。

* Shareがすんげー簡単。
* GoogleSpreadSheetとかみたいに、複数人で同時に作業できたり、プレビューできたりする



## Google Apps Script

* Googleスプレッドシートとかで使えるJS
* ドキュメントがちゃんとしてるので、つかいやすい
* GoogleスプレッドシートからJSON出力→メールなんかができる






## 次点

* [Path Finder](http://cocoatech.com/pathfinder/) / [XtraFinder](http://www.trankynam.com/xtrafinder/) (タブファイラ)
* [IntelliJ IDEA](http://www.jetbrains.com/idea/)
  * jsからFlash/AIR、Androidアプリ,python, ruby, Golangまでなんでも書ける
* [Speed Dial 2 - Chrome ウェブストア](https://chrome.google.com/webstore/detail/speed-dial-2/jpfpebmajhhopeonhlcgidhclcccjcik)
  * Chrome拡張。普段使いのツールを入れておくとよし。
* [GistBox](http://www.gistboxapp.com/)
  * オシャレGist管理ツール
* Charles
  * 通信のぞき見
* [LICEcap](http://www.cockos.com/licecap/)
  * GIFアニキャプチャツール。
* [node-easymock](https://github.com/CyberAgent/node-easymock)
  * jsonをおくだけで、APIモックになってくれる
* browserSync
  * 複数の端末で画面を同期してくれるやつ
  * [LiveReload から BrowserSync に乗り換えてる｜Web Design KOJIKA17](http://kojika17.com/2014/06/browser-sync.html)
* Selenium
  * マクロ的に使うといい感じ


## 次点の Mac専用のやつ
* [MenuPop](https://itunes.apple.com/jp/app/menupop/id404747434?mt=12)
  * Macのメニューをショートカットキーで呼び出す
* [Bartender](http://www.macbartender.com/)
  * メニューバーを整理してくれる
* [CloudyTabs](https://github.com/josh-/CloudyTabs)
  * iPhoneのSafariで開いてるタブを表示
* [1Keyboard](http://www.eyalw.com/1keyboard)
  * Macのキーボードで、iPhoneやAndroidのキーボード操作ができるようになる
* [BetterTouchTool](http://blog.boastr.net/)
  * タッチジェスチャの追加だけでなく、画面のリサイズなんかもできるので便利
* [Minutes](https://itunes.apple.com/jp/app/minutes/id406827163?mt=12) 
  * ポモドーロで便利なオシャレタイマー
* [Highlight](https://itunes.apple.com/jp/app/highlight/id572867415?mt=12)
  * 画面にペンツールでお絵かきできる
* [Mou](http://mouapp.com/)
  * オサレMarkdownエディタ
* [Kaleidoscope — File comparison for Mac](http://www.kaleidoscopeapp.com/)
  * 差分確認ツール。PSDや画像もオシャレに比較
* homebrew
* hombebrew-cask
  * brew経由でアプリいれれるやつ

	
## 逆に期待を込めて☆ひとつのやつ(Mac)

* [Deckset](http://decksetapp.com/)
* TextExpander
* [Actions](http://getactionsapp.com/)
* Cloud Clip
* Command-C
* DiffMerge