こんにちは。福岡のホームページ制作会社マウントウェーブの山岸です。
本日はホームページ制作でよく使用されるソフトを一挙に紹介したいと思います。
デザイン関連の仕事をされている方は馴染みのあるソフトばかりかと思いますが、これから自分でホームページを制作してみようと思っている方や、会社のホームページ担当の方などのご参考になれば幸いです。
目次
デザイン系ソフト
ホームページのデザイン時に使用するソフトをまとめました。
Adobe XD
Adobe系のソフトでUI開発に特化したソフトになります。弊社でもよく使用しています。後述するPhotoshopやIllustratorに比べて、本当にサクサク動きます。私もひと昔前はPhotoshopが主流でしたが、一度XDを触ってしまうと、なかなか戻れません。
Adobe Photoshop
こちらはひと昔前まではホームページデザインでも主流だったかと思いますが、現在は基本デザインは、XDやFigmaを使用し、細かい画像加工やグラフィック制作時だけに使用する形に、少しずつ変わってきたかなと思います。
公式サイト：https://www.adobe.com/jp/products/photoshop.html
Adobe Illustrator
イラストレーターもフォトショップと同様で、ひと昔前はこちらでホームページデザインを制作する方も結構いたのですが、現在ではベクター系のグラフィックを作成する時や、チラシやパンフレットなどの紙系のデザインを制作する時に特化して使用する形に変わってきているかと思います。
公式サイト：https://www.adobe.com/jp/products/illustrator.html
Figma
Adobe XDと似たようなUIデザインに特化したソフトになります。そして、AdobeがFigmaを買収する意向を表明したことにより、FigmaもAdobe系となった形でしょうか…。
XDが単体プランの販売を終了したこともあり、今後はFigmaがホームページデザインなどのUIデザインの主流になっていくかと思われます。また他のAdobeソフトとは違い無料プランも用意されているのでとっつきやすいソフトかと思います◎
公式サイト：https://www.figma.com/ja/
関連記事：アドビはFigmaを買収する意向を表明しました。共同クリエイティビティは新時代へ
関連記事：【続報】「Adobe XD」単体プランの販売は終了 ～メンテナンスモードに
コーディング系ソフト
コーディング時など完成したデザインを実際のホームページとして動かすためのプログラミングをする際によく利用されるソフトになります。
Adobe Dreamweaver
コーディング時に使用するソフトです。私もweb業界に入ったばかりの頃はこちらを利用していました。現在ではあまり使用する事は無くなったのですが、表組みしたい時はセルの結合などが感覚的に行えるので、たまに使用しています。
公式サイト：https://www.adobe.com/jp/products/dreamweaver.html
Sublime Text
私がコーディング時に主で使用しているソフトはこちらになります。とにかく軽いのと、パッケージを自分でインストールする事によって自分が使い易い形にカスタマイズできる所がポイントです。また無料でも使用できるのもGoodです。
公式サイト：https://www.sublimetext.com/
VSCode
正式名称はVisual Studio Codeといいます。最近、話題になっているソフトかと思います。こちらもサブライムテキストと同じように、拡張機能によりさまざまな機能を追加する事ができます。sassなどのコンパイル機能も簡単に追加できます。
公式サイト：https://code.visualstudio.com/
その他、構築時に使用するソフト
コーディング系とは少し異なりますが、開発環境の作成など構築時によく使用されるソフト・ツールをご紹介。
MAMP & MAMP PRO
ワードプレスなどを構築する時はローカル環境が必要になるのですが、そういったローカル環境をさくっと構築したい時に便利なツールです。こちらはmac利用者がよく活用しています。弊社もmacにて開発しているので、MAMPをよく利用しています。
公式サイト：https://www.mamp.info/
XAMPP
平たく言うとMAMPがmac用に対して、XAMPPはWInows利用者がよく利用しているツールになります。現在ではmacでも利用できるようなので、MAMPとXAMPPの違いはほとんど無くなり、好み的なものになっているかもしれません。
公式サイト：https://www.apachefriends.org/jp/index.html
以上、ホームページ制作でよく利用されるソフトをご紹介させていただきました。皆様のホームページ制作ライフの一助になれば幸いです。
