3
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

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

Last updated at Posted at 2021-01-05

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

更新履歴

  • 2022/02/17:「Atom」を削除しました(開発終了のため)
  • 2022/02/17:Node.jsの管理ツールを「Fast Node Manager (fnm)」から「Volta」へ変更しました
  • 2022/10/09:「Eagle」を掲載しました
  • 2022/09/24:「Microsoft PowerToys」を掲載しました
  • 2022/07/09:「QuickLook」を掲載しました
  • 2022/06/15:「AnyWebP」を掲載しました
  • 2022/02/28:Node.jsの管理ツールを「nodist」から「Fast Node Manager (fnm)」へ変更しました
  • 2022/02/25:「DevToys」を掲載しました
  • 2021/07/12:「ScreenToGif」を掲載しました

ブラウザ

Chorome

メインブラウザ。
chrome.png

Firefox

コーディング後の表示確認用にインストール。
firefox.png

Responsively

レスポンシブサイトの表示確認用。
複数デバイスの表示確認ができるのでとっても便利。
Choromeの拡張機能にも同機能のResponsive Viewerというのがあります。
アプリのほーが使いやすかったのでこっちを利用しています。
responsively.png

Blisk

レスポンシブサイトの表示確認用。
PCとスマホの表示確認が同時にできます。
今はResponsivelyに乗り換えて利用していませんが、なかなか便利なので記載しておきます。
blisk.png

Microsoft 365

Adobe Creative Cloud

メーラー

Thunderbird

特にこだわりはないですがデータの移行がとっても簡単なのでずっと利用しています。
Dropboxでデータの共有もできちゃいます。
thunderbird.png

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

Slack

これがないともー仕事にならないですよね。
slack.png

Zoom

コロナ禍時代ですから...
zoom.png

Git関連

Git

git.png

TortoiseGit

tortoisegit.png

SourceTree

黒い画面は苦手なので…
sourcetree.png

SVN

TortoiseSVN

tortoisesvn.png

Node.js

Volta

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

volta.png

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

エディタ

Visual Studio Code

メインエディタ。
visualstudio.png

massCode

エディタではありませが、スニペットの管理ができます。
フォルダ管理や検索もでき、言語ごとのシンタックスハイライトにも対応。
設定ファイルはクラウドに保存することで共通できちゃいます。
masscode.png

FTPクライアント

Filezilla

filezilla.png

WinSCP

Filezillaで設定できない項目がある場合に利用しています。
winscp.png

圧縮・解凍ソフト

CubeICE

WindowsとMacのファイルのやり取りでも文字化けさせません!
cubeice.png

画像圧縮

AnyWebP

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

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

anywebp.png

tinyPNG.App

PNG、JPGどっちもオッケー!
無料版だとファイルの上書きができないので、リネームするのが面倒くさい…
tinypng-app.png

クラウドストレージ

DropBox

dropbox.png

ファイルマネージャ

Tablacus Explorer

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

CubicExplorer Portable

Tablacus Explorerを使う前までずっと愛用していました。
そんなにファイルを開かないのであればこっちのほうが使い安いと思います。

QuickLook

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

ファイル名変更

SmartRename

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

ファイル名変更君

SmartRenameで変換しにくい時に使ってます。

その他

Eagle

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

eagle.png

Microsoft PowerToys

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

microsoft-powertoys.png

DevToys

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

ScreenToGif

画面操作を簡単に動画として保存できてめっちゃ便利です!
screentogif.png

Clibor

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

RocketDock

MacのDockを再現できます!
rocket-dock.png

Google日本語入力

私、変換でイライラしたくないので。
goole-ime.png

WinMerge

比較・マージアプリ。
ファイルだけじゃなく、フォルダの比較もできちゃう!
winmerge.png

ZiiDetector

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

LinkChecker

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

Windows10 フォントが汚いので一発変更!

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

ShellExView

オーバーレイアイコンが表示されない問題の解決用です。

オーバーレイハンドラーは最大15個登録可能です。
ただしシステム側で4個使用しているため、事実上11個が最大登録件数です。

3
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?