便利ツール・アドオンリスト

新人さんに投げるダウンロードリストのめも。

# ツール
| 系統 | リンク |
|:-----------|:------------|
|ブラウザ|[Chrome](https://www.google.co.jp/chrome/browser/desktop/index.html) ・ [Firefox](https://www.mozilla.org/ja/firefox/new/)|
|テキストエディタ|[Atom](https://atom.io/) ・ [Sublime Text](http://www.sublimetext.com/)|
|タスクランナー| [gulp.js](http://gulpjs.com/) ・ [Grunt](http://gruntjs.com/)|
| 差分チェック | [WinMerge](http://www.geocities.co.jp/SiliconValley-SanJose/8165/winmerge.html)|
| Git | [Git](http://git-scm.com/)  ・ [SourceTree](https://ja.atlassian.com/software/sourcetree/overview/) ・ [TortoiseGit](https://tortoisegit.org/)|
|開発環境|[Vagrant](https://www.vagrantup.com/) ・ [MAMP](https://www.mamp.info/en/) ・ [XAMP](https://www.apachefriends.org/jp/index.html)|
| FTP | [FileZilla](http://sourceforge.jp/projects/filezilla/)|
| 圧縮・解凍 | [Lhaplus](http://lhaplus.softonic.jp/)|


# アドオン

## Chrome編
| 名 | 効能 |
|:------------|:------------|
|[The QR Code Extension](https://chrome.google.com/webstore/detail/the-qr-code-extension/oijdcdmnjjgnnhgljmhkjlablaejfeeb?hl=ja)|現在のページのQRコードを生成|
|[awesome-screenshot-captur](https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj?hl=ja)|ページ全体や一部をキャプチャー|
|[LiveReload](https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?utm_source=chrome-app-launcher-info-dialog)|ページに変更があったら自動でリロードしてくれる|
|[PerfectPixel by WellDoneCode](https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=ja)|ブラウザに画像を重ねてチェック|
|[SearchPreview](https://chrome.google.com/webstore/detail/searchpreview/hcjdanpjacpeeppdjkppebobilhaglfo/related)|検索結果にサイトのプレビューを追加|
|[Taberareloo](https://chrome.google.com/webstore/detail/taberareloo/ldcnohnnlpgglecmkldelbmiokgmikno?hl=ja)|Tumblrの投稿に|
|[Google™ 背景カスタマイズ](https://chrome.google.com/webstore/detail/custom-google-background/jepibmfmhopgkplegmkjgifmhabbjadg/related)|Googleの背景を好きな画像に設定|
|[WhatFont](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm)|文字の上にカーソルを置くだけでフォント名が分かる|
|[Copy Title+URL to clipboard](https://chrome.google.com/webstore/detail/copy-title%2Burl-to-clipboa/hbnaclhngkhpmpgmfakaghgjbblokeeh/related)|表示しているページのタイトルURLのコピー・リンク生成|
|[Window Resizer](https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh)|指定したサイズにウィンドウを変更できる。特にノートはチェック|
|[Check My Links](https://chrome.google.com/webstore/detail/check-my-links/ojkcdipcgfaekbeaelaapakgnjflfglf)|ページ内にリンク切れがないかチェック|

## Firefox編
| 名 | 効能 |
|:------------|:------------|
|[Pearl Crescent Page Saver Basic screenshot tool](https://addons.mozilla.org/ja/firefox/addon/pagesaver/?src=userprofile)|画面キャプチャー|
|[Firebug](https://addons.mozilla.org/ja/firefox/addon/firebug/?src=userprofile)|必須|
|[FireGestures](https://addons.mozilla.org/ja/firefox/addon/firegestures/)|マウスジェスチャによるコマンド実行|
|[ColorZilla](https://addons.mozilla.org/ja/firefox/addon/colorzilla/?src=userprofile)|Webページで指定した箇所の色情報を取得|
|[FireMobileSimulator](https://addons.mozilla.org/ja/firefox/addon/firemobilesimulator/)|携帯端末のHTTPリクエスト、絵文字表示のシミュレート|
|[Cutyfox URL Shortener](https://addons.mozilla.org/ja/firefox/addon/cutyfox-url-shortener-googl-is/)|ページのタイトルと短縮 URLをGet|


# Web font
| 名 | 目的 |
|:------------|:------------|
[Noto Sans](https://www.google.com/fonts/specimen/Noto+Sans)|日本語も比較的綺麗に見えるゴシック系フォント、最近結構使ってる|
[ipaex明朝](http://ipafont.ipa.go.jp/)|こちらは明朝系、Androidブラウザでも明朝見えるようにしたい時（要ライセンス表記）|
[Font Awesome](https://fortawesome.github.io/Font-Awesome/)|アイコンフォント、擬似要素で使用|
[CONDENSE-iconFont](http://icon.condense-c.com/)|アイコンフォント、直接テキスト打つ|