LoginSignup
63

More than 1 year has passed since last update.

ウェブサイト開発に便利なmacアプリケーションの紹介

Last updated at Posted at 2021-12-07

株式会社じげんのkkosukeです。
UI作成などのフロントエンドを担当しています。

ウェブサイトを開発する上で、効率的な開発環境をつくるのは欠かせないですよね!
今回は、そんな開発環境に欠かせない便利なmacのアプリケーションをまとめてみました。

無料のものもあるので、気になるものは気軽にダウンロードをしてみてください。

エディター系

Visual Studio Code

visualstudio-crunch.png

通称VSCodeとして広く使われているエディターです。Microsoft社が開発したテキストエディタです。
補助機能が強力なのが特徴です。

sublime text

sublimetext-crunch.png

シンプル、軽量、サクサク、検索や置換がしやすい!そんなエディターが好きなかたは、このsublime textをオススメします!

MacDown

MacDown-crunch.png

メモを取る時など、文章を考える時など文章を書きたい時に重宝するのがMarkdown。
Markdownエディターにも有料、無料のもの数多くありますが、このエディターを使っている方が多かったです。

データベース系

DBeaver

DBeaver-crunch.png

DBeaverは、SQLクライアントアプリです。MySQLだけではなく、PostgreSQLをはじめ、ほとんどのDBに繋げられることができるし、機能も豊富!

Sequel Pro、Sequel Ace

sequelpro-crunch.png

Mac用のMySQLのデータをGUI操作で管理するためのアプリケーションです。無料で使えるので、多くの人が使っていました。
Sequel AceというSequel Proの後継アプリもおすすめです。

Cyberduck

cyberduck-crunch.png

Cyberduckは、FTPクライアントアプリです。黄色いアヒルのアイコンがかわいいのも特徴の1つです。

CloudMounter

cloudmounter-crunch.png

クラウドサービス上に保存しているファイルにFinder経由で直接アクセスできるようになるアプリです。
ローカルにファイルを保持しないのもメリットの1つです。

ターミナル系

iterm2

iterm2-crunch.png

iterm2はコマンドラインアプリです。macにもターミナルというコマンドラインツールがありますが、このiterm2は、画面分割ができるなど多機能なため、使われているようです。

Source tree

sourcetree-crunch.png

Source treeは、Gitを視覚的に操作できるアプリです。コマンドラインツールをしようしなくても操作ができるのが特徴です。

ショートカット系

Alfred

alfredapp-crunch.png

Macに標準でついているSpotlightのようなランチャーアプリです。見た目がかっこいい、計算も検索もしやすいため、インストールしている人が多いようでした。

hammerspoon

hammerspoon-crunch.png

ショートカットキーのカスタマイズを行えるアプリです。
Command+Qや、任意のキーを長押しするといった操作のときに、特定の挙動を行うといった設定が可能です。

BetterTouchTool

BetterTouchTool-crunch.png

ラックパッドやらマジックマウスのジェスチャーと機能を変えられるアプリです。
ChromeやSafariなどのアプリケーションごとに設定ができるため、自分好みにmacを操作したい方にはオススメのアプリです。

TotalSpaces2

TotalSpaces2-crunch.png

Macのミッションコントロールをさらに使いやすくしてくれるアプリです。
macのデスクトップを縦横に並べることができるので、複数の環境の切り替えが楽にできます。

Magnet

magnet-crunch.png

Macの画面を分割したり、並べて表示を行うことができるアプリです。

Spectacle

spectacleapp-crunch.png

こちらもMacの画面を分割したり、並べて表示を行うことができるアプリです。
※ macOS v10.11以降の方は、Rectangleをオススメします。

HyperSwitch

hyperswitch-crunch.png

Mac で Windows のようなウィンドウ単位の切り替えを実現してくれるアプリです。
Chromeやfinderを複数のウィンドウで立ち上げていた場合でも、切り替えがしやすくなるので、オススメです!

HyperDock

hyperdock-crunch.png

こちらはmacのdockアプリをサムネイルプレビューしてくれるアプリです。
ウィンドウをドラッグで、特定のサイズに拡大、リサイズされる機能もあります。

MonthlyCal

monthlycal-crunch.png

タッチパッドをスワイプすると出てくる通知センターにカレンダーを表示してくれるアプリです。
スケジュールの確認に一役買っています。

Dozer

Dozer-crunch.png

Macのメニューバーに表示されているアイコンを一時的に隠すことができるアプリです。
macのメニューバーをすこしでもスッキリさせたい方にオススメです。

Yoink

yoink-crunch.png

ドラッグ&ドロップの操作を快適にしてくれるアプリです。finderをウィンドウが重ならないように並べるとった地味な作業もなくせるので、必須といってもいいくらいのアプリです。

CopyClip

CopyClip-crunch.png

CopyClipはクリップボード管理アプリです。

Clipy

clipy-crunch.png

こちらも、クリップボード管理アプリです。

画像系

jpegmini

jpegmini-crunch.png

JPEG画像を画質を落とさずに圧縮してくれるアプリです。

Crunch

crunch-crunch.png

PNG画像を画質を落とさずに圧縮してくれるアプリです。

Chrome拡張機能系

FireShot

FireShot-crunch.png

ウェブページ全体をスクリーンショットしたり、指定部分を画像として保存するときに使っています。
シンプルで使いやすいので、まだ入れていない方は是非!

Vimium

Vimium-crunch.png

vimキーバインドでGoogle Chromeを使えるようにできるプラグインです。キーボードから手を離したくない!そんな方は、1度使ってみてはいかがでしょうか?

EditThisCookie

EditThisCookie-crunch.png

サイトのCookieを管理できる拡張機能です。Cookieを追加、削除、などをかんたんに行うことができます。
お菓子の「クッキー」のアイコンもわかりやすくてかわいい!

その他

1password

1password-crunch.png

パスワードの一元管理ができるアプリです。

nearlock

NearLock-crunch.png

Macの画面ロックをiPhoneの距離で自動解除してくれるアプリです。

Libre Office

libreoffice-crunch.png

Mac向けのマイクロソフト・オフィス(以降MSオフィス)互換の無料ソフトです。

duet

duetdisplay-crunch.png

iPadをmacのサブディスプレイにすることができるアプリです。

まとめ

いろんなアプリで、ウェブサイトの開発環境を整えていきましょう!

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
63