Windows使いなフロントエンドエンジニアのインストールアプリ

PCを移行する時にリストを作ったのですが、せっかくだから投稿します。
フロントエンドエンジニアの方の参考になれば幸いです。

## 更新履歴

* 2022/02/17：「Atom」を削除しました（開発終了のため）
* 2022/02/17：Node.jsの管理ツールを「Fast Node Manager (fnm)」から[「Volta」](#volta)へ変更しました
* 2022/10/09：[「Eagle」](#eagle)を掲載しました
* 2022/09/24：[「Microsoft PowerToys」](#microsoft-powertoys)を掲載しました
* 2022/07/09：[「QuickLook」](#quicklook)を掲載しました
* 2022/06/15：[「AnyWebP」](#anywebp)を掲載しました
* 2022/02/28：Node.jsの管理ツールを「nodist」から「Fast Node Manager (fnm)」へ変更しました
* 2022/02/25：[「DevToys」](#devtoys)を掲載しました
* 2021/07/12：[「ScreenToGif」](#screentogif)を掲載しました

## ブラウザ

### [Chorome](https://www.google.co.jp/chrome/browser/desktop/index.html)

メインブラウザ。
![chrome.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/c1d98e43-ad86-b013-3fe4-a9cfbf0d68ea.png)

### [Firefox](https://www.mozilla.org/ja/firefox/new/)

コーディング後の表示確認用にインストール。
![firefox.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/79608673-82f5-2090-7a38-7e4f2dd4d93b.png)

### [Responsively](https://responsively.app/)

レスポンシブサイトの表示確認用。
複数デバイスの表示確認ができるのでとっても便利。
Choromeの拡張機能にも同機能の[Responsive Viewer](https://chrome.google.com/webstore/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb)というのがあります。
アプリのほーが使いやすかったのでこっちを利用しています。
![responsively.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/cc1801bb-9e4c-64ff-5502-3ba70caa55b8.png)

### [Blisk](https://blisk.io/)

レスポンシブサイトの表示確認用。
PCとスマホの表示確認が同時にできます。
今は[Responsively](https://responsively.app/)に乗り換えて利用していませんが、なかなか便利なので記載しておきます。
![blisk.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/133c3b8f-c4b7-670e-4a1b-b6597db10490.png)

## [Microsoft 365](https://www.microsoft.com/ja-jp/microsoft-365/microsoft-office)

* [Excel](https://www.microsoft.com/ja-jp/microsoft-365/excel)
* [PowerPoint](https://www.microsoft.com/ja-jp/microsoft-365/powerpoint)
* [Word](https://www.microsoft.com/ja-jp/microsoft-365/word)

## [Adobe Creative Cloud](https://www.adobe.com/jp/creativecloud.html)

* [Dreamweaver](https://www.adobe.com/jp/products/dreamweaver.html)
* [Photoshop](https://www.adobe.com/jp/products/photoshop.html)
* [Illustrator](https://www.adobe.com/jp/products/illustrator.html)
* [XD](https://www.adobe.com/jp/products/xd.html)

## メーラー

### [Thunderbird](https://www.mozilla.org/ja/thunderbird/)

特にこだわりはないですがデータの移行がとっても簡単なのでずっと利用しています。
Dropboxでデータの共有もできちゃいます。
![thunderbird.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/54fba219-b3c3-d926-379e-da1fa51bc1e3.png)

## コミュニケーションツール

### [Slack](https://slack.com/intl/ja-jp/downloads/windows)

これがないともー仕事にならないですよね。
![slack.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/106def8c-c9f1-1373-aaa4-89fdb332f524.png)

### [Zoom](https://zoom.us/download)

コロナ禍時代ですから...
![zoom.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/2d5842a1-95fa-7d84-5cb1-e093b858ec0f.png)

## Git関連

### [Git](https://git-scm.com/downloads)

![git.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/13489bfe-1c6d-8dd8-1893-c0202651870e.png)

### [TortoiseGit](https://tortoisegit.org/download/)

![tortoisegit.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/f98472fb-6f21-cca0-9e61-33d5c8a9b5be.png)

### [SourceTree](https://ja.atlassian.com/software/sourcetree)

黒い画面は苦手なので…
![sourcetree.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/1de01d94-d43a-8e41-801f-8feb436613ab.png)

## SVN

### [TortoiseSVN](https://tortoisesvn.net/downloads.html)

![tortoisesvn.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/46530be2-f3ac-8f59-4cdb-f38378367c2a.png)

## Node.js

### [Volta](https://volta.sh/)

Node.jsのバージョン管理がとっても簡単にできます。

![volta.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/bc35ca9e-a5ad-9d25-1471-7d057abfa2af.png)

インストール方法と使い方を以下にまとめました。
参考にしてください。

https://qiita.com/taqumo/items/c6082e4f106b5efa9d9f

## エディタ

### [Visual Studio Code](https://code.visualstudio.com/download)

メインエディタ。
![visualstudio.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/4ba67ddc-b502-70b3-987f-92446e674582.png)

### [massCode](https://masscode.io/)

エディタではありませが、スニペットの管理ができます。
フォルダ管理や検索もでき、言語ごとのシンタックスハイライトにも対応。
設定ファイルはクラウドに保存することで共通できちゃいます。
![masscode.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/876e2960-5533-6bf9-c6b2-7c6ae14cb38e.png)

## FTPクライアント

### [Filezilla](https://filezilla-project.org/download.php?type=client)

![filezilla.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/a8698263-77e3-a94c-1b33-92cbad308eb8.png)

### [WinSCP](https://winscp.net/eng/download.php)

Filezillaで設定できない項目がある場合に利用しています。
![winscp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/6659f249-0a71-6fa1-9aad-3a2bf1a4c96e.png)

## 圧縮・解凍ソフト

### [CubeICE](https://www.cube-soft.jp/cubeice/)

WindowsとMacのファイルのやり取りでも文字化けさせません！
![cubeice.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/54d15169-029f-3b94-a00c-d79d0d0997e3.png)

## 画像圧縮

### [AnyWebP](https://anywebp.com/ja/software.html)

WebP画像の相互変換ができます！

* WebPをjpg/png/icoに変換
* jpg/png/ico/bmp/svg/gifをWebPに変換

![anywebp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/5074ba01-a666-f2c7-b033-bafb808ff588.png)

### [tinyPNG.App](https://www.betweenelements.com/tinypng-app)

PNG、JPGどっちもオッケー！
無料版だとファイルの上書きができないので、リネームするのが面倒くさい…
![tinypng-app.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/8c401658-f6d5-91b7-2e11-5364b19eafd9.png)

## クラウドストレージ

### [DropBox](https://www.dropbox.com/install)

![dropbox.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/2d22eb2a-bc25-9d00-9038-3a633ec02354.png)

## ファイルマネージャ

### [Tablacus Explorer](https://tablacus.github.io/explorer.html)

とにかくカスタマイズの癖がスゴイ！
アドオンをインストールすることで色々なカスタマイズができます。
タブの中にタブが作れて、画面分割もできて、めっちゃ便利です！

### [CubicExplorer Portable](https://portableapps.com/apps/utilities/cubicexplorer_portable)

[Tablacus Explorer](https://tablacus.github.io/explorer.html)を使う前までずっと愛用していました。
そんなにファイルを開かないのであればこっちのほうが使い安いと思います。

### [QuickLook](https://github.com/QL-Win/QuickLook)

Macの「クイックルック」の機能をWindowsでも利用できるようになります。
ファイルを選択してスペースキーを押すだけでプレビュー表示が可能です。
画像・音楽・動画・テキスト・HTML・CSV・マークダウンなどさまざまなファイルに対応してくれてます。

## ファイル名変更

### [SmartRename](https://github.com/chrdavis/SmartRename/releases)

ファイル名の一括変換が「エクスプローラー」の右クリックメニューからできちゃう！

### [ファイル名変更君](https://enrai.matrix.jp/rename.html)

[SmartRename](https://github.com/chrdavis/SmartRename/releases)で変換しにくい時に使ってます。

## その他

### [Eagle](https://jp.eagle.cool/)

画像、動画、音声、フォントなどなんでもござれな管理ツール。
買い切りの有料アプリとなりますが、デザイナーさんは買って損なしです！

![eagle.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/75567a64-18ea-2ca4-3375-d47338814b30.png)

### [Microsoft PowerToys](https://apps.microsoft.com/store/detail/microsoft-powertoys/XP89DCGQ3K6VLD)

Windows にこんな機能があったらいいなをカタチにしてくれてます。
詳細は以下の記事で確認ください。

https://qiita.com/taqumo/items/184d8608cd83b4906d96

![microsoft-powertoys.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/f0c9cabd-fadd-3d4d-2125-ea92a62f329d.png)

### [DevToys](https://devtoys.app/)

デベロッパーのためのスイスアーミーナイフ！
コーディング時に役立つツールがたくさんまとまっています！

### [ScreenToGif](https://www.screentogif.com/)

画面操作を簡単に動画として保存できてめっちゃ便利です！
![screentogif.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/8d13fb93-428b-193f-e92d-90e879093ba9.png)

### [Clibor](http://www.vector.co.jp/soft/winnt/util/se472890.html)

クリップボードの拡張アプリ。定型文も登録できて便利！

### [RocketDock](https://rocketdock.com/DOWNLOAD)

MacのDockを再現できます！
![rocket-dock.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/8680fbd3-46b7-146b-1960-ac77be84e73c.png)

### [Google日本語入力](https://www.google.co.jp/ime/)

私、変換でイライラしたくないので。
![goole-ime.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/6de41f71-ba44-f309-6ec9-76071e306b44.png)

### [WinMerge](https://winmerge.org/?lang=ja)

比較・マージアプリ。
ファイルだけじゃなく、フォルダの比較もできちゃう！
![winmerge.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/492675/7973a098-8279-43d5-f8d6-490e6baf3138.png)

### [ZiiDetector](https://www.vector.co.jp/soft/winnt/util/se488922.html)

ファイルの文字コードを一括変換！

### [LinkChecker](http://wummel.github.io/linkchecker/)

サイト内のデッドリンクをチェック！

### [Windows10 フォントが汚いので一発変更！](https://forest.watch.impress.co.jp/library/software/win10fontchg/)

「Yu Gothic UI」見づらい…
「メイリオ」に変えちゃいます！

### [ShellExView](https://www.nirsoft.net/utils/shexview.html)

オーバーレイアイコンが表示されない問題の解決用です。
> オーバーレイハンドラーは最大15個登録可能です。
ただしシステム側で4個使用しているため、事実上11個が最大登録件数です。