プロが使っているおすすめのホームページ作成ソフトって何ですか?にプロが答えます。


ホームページ制作ソフトには2つのタイプがあります

ホームページ作成ソフトの比較サイト、ランキングサイトでは混同されている

「ホームページ制作ソフトには2つある」というタイトルは実は間違っていて、
ただ、検索してみるとそのように誤解されるような検索結果が多いのでまず書いておきます。
どういうことかというと、このあとに書くようにホームページを作るための手段としては2つほどあって、
ホームページ作成ソフトを使ってホームページを作るという方法と、
ホームページ作成サービスを使ってホームページを作る方法に分かれます。
これらが、ホームページ作成ソフトとしてまとめてランキングとか比較サイトでおすすめとして紹介されていたりするので、そこで勘違いしないようにまずそこから説明します。

ホームページ制作ソフト

私たちが思うホームページ制作ソフトっていうのは、
たとえばパソコンとかにインストールしてホームページを作るためのソフト。
HTMLやCSSっていうファイルをWindowsやMac上で作成してサーバーへ上げるという一連の作業を効率化するものだと思っています。
例えば、DreamWearverやホームページビルダーといったソフトでしょうか。
ホームページはメモ帳でだって作れます、なのでメモ帳だってソフトと言えるかもしれません。
まあ、メモ帳は統合環境ではないのでツールという位置づけですかね。

ホームページ制作ソフトじゃなくてホームページ制作サービス

で、ホームページとかで検索してたまに混同されているのが、
ネット上でホームページが作れるサービス。
ネット上で管理画面があって、ホームページを自分で作って触れるサービスです。
これは僕の中ではソフトというよりホームページ制作サービスですね。
HTMLやCSSなどのファイルを触るわけではなくて、そういったものをブラックボックス化して、そういうものの存在を知らなくて作れるようになっています。
それはそれでいいのですが、ブラックボックス化されていることで汎用性が犠牲になるため、プロはこういったものは使いません。
こういったサービスも、一部のサイトではホームページ制作ソフトとして紹介されてるので混同しないように気を付けないといけません。
ホームページ制作
弊社ではこういったサービスは使わないのですが、
あえてプロの視点から見ておすすめするサービスをここで紹介しています。
厳選!無料のホームページ作成ソフトのチェック項目を公開。プロ視点の重視したい機能の解説付き。

ホームページ制作ソフトとホームページ制作サービスの違い

ソフトなのかサービスなのか、わかりやすい分類の定義としてはHTMLやCSSを直接触るのかそうでないのかという違いです。(公式の定義ではなくて個人的な定義です)
ようするにHTMLとかCSSのファイルそのものが手元にあればそれを所有しているわけになるんですが、
ネット上で簡単に作れるサービスではファイル自体を手元に持っているわけではなくデータとしてそこに存在するだけなので、例えばそのサービスがなくなったらデータも全てなくなります。
また、それらのデータはどこでも使えるわけじゃなくて、そのサービス上のみで使えるだけです。

そういったことも含めて、通常ホームページ制作会社がお客さんのホームページをネット上のホームページ制作サービスを使って作ることはありません。
ここでは、パソコンにインストールする形のホームページ制作ソフトについて書いていきますね。

プロはホームページを作るのに特別なソフトはいらない?

プロって意外とみんなが使ってるツールで作ってたりします

ホームページをちょっとかじったことのある人と話をしていると、
「プロの人はどんなホームページ制作ソフトを使っていますか」って聞かれることがあります。
なんとなく、それを専門にしている人って特別なソフトを使っているじゃないかって思いがち。
実はあっけにとられるほどシンプルだったりする。
特にモノづくりでは繊細なものほど、人の手で地道に作っていることも多い。

「どんなホームページ制作ソフト使っていますか?」って聞いてくる人は、
興味本位もあるだろうし、あわよくばそのソフトがあったら自分も作れるんじゃって思うのかもしれない。
信じられないようなきれいな写真を撮るカメラマンは、
カメラもソフトも素人には買うことのできないとてつもないものを使っていると思うかもしれないが、
意外にその辺で売ってるカメラであって、ソフトも人気のPhotoshopです。
プロの画家だからって特別なものを使ってるわけじゃありません。

ホームページ制作会社も特別なホームページ作成ソフトを使ってるわけじゃない

僕ら制作会社が使ってるソフトも例外じゃなく普通にどこでも買えるものばかり。
実は一般の人が思ってるような、ホームページを作るのに特別なツールは必要なくて、
一般の人がホームページの制作ソフトを使って作るのに対して、プロの場合はそんなものに頼らない知識と技術力があります。
文字の色を変えたり、レイアウトを変えたり、画像を配置したり、ホームページソフトでできることをプロはタグの手打ちで行ってます。
全部手打ちで書けるから、本当は特別なソフトなんていらない。
HTMLやCSSが書ければいいので、メモ帳があれば十分です。

だけれど、もちろん本当のことを言えばメモ帳なんて使いません。
より早くコーディングができることは、それだけ利益に直結するのでどうやったら早く正確に高品質なホームページが作れるかってことを考えています。
HTMLやCSSを早く書く方法やツールは確かにあります。
ただ、どれもこれもお金を出して買わないといけないものばかりではなくて、誰でも使えるようなものを使ってたりします。
それらを使う上での工夫とか、社内ノウハウとかで早く正確に高品質なものを作ることを実現しています。

そんな中で、このソフトが使いやすいとかいいよっていうお勧めするものは制作会社それぞれ持ってるはずです。
でも、誰にとってもベストはこれっていうのは無くて、一人で制作している会社と、チームで制作している会社では違います。
制作者のスキルでも使いやすいものがかわりますよね、スキルが無ければ簡単にホームページが作れるものがいいし、スキルが高い人は汎用性の高いものがいい。
プロにとっては簡単に作れるからって、いいソフトとは限らないんです。

プロが使っているホームページ制作ソフトとは

使っているソフトは人それぞれ

ということで、「プロはソフトなんて使いません!」となりそうですが、
もちろんプロはプロでソフトを使っていて、ただそれは一般の人が簡単にホームページを作れるから作っているのではなくて、HTMLやCSSを書くということをより効率よくするために使っています。
つまり、どのソフトの性能がいいかという能力的なところではなくて、
どのソフトが自分(もしくは会社)の開発スタイルに合っているか、開発効率を上げてくれるかということです。
だから、ソフトについてはコーダーの好みによるところも大きかったりします。
長期的な効率を考えると、何のソフトが一番良いのか検討は必要かもしれませんが、
短期的な効率の面では、結局慣れという部分が大きいので、
初めに手に取ったソフトをずっと使っているという人が多いですよ。

結局プロはどのホームページ制作ソフトを使っているのか

で、肝心の「プロが使ってるソフトは何じゃい」という問いに対する回答ですが。
弊社の場合はDreamweaverです。おそらくDreamweaverの比率は高いと思う。
で、その他にはテキストエディタのEmEditorとかSublime Textとか。
この二つは無料なので、個人ではメインに使っている人も多いかもしれない。
僕のところはメインはDreamweaverで、ちょこっと変更するときはSublime Textですかね。
ちなみに一般によく知られている「ホームページビルダー」はプロの世界では使いません。
いろいろと理由はありますが、それについてはここに書いています。
ちょっと古い記事だけど、
SEOにも不利!?ホームページビルダーなどのホームページ作成ソフトの欠点
要は、プロは自分でHTMLとかかけるので、ソフトは何でもいいんです。
なので、いいソフトを使えばいいものが作れるわけじゃないです。
プロはメモ帳でもすごいサイトを作れてしまいます。
HTMLとかCSSを書く技術は身についているので、いかにそれを早くコーディングできるかっていうのが選ぶ焦点。
プロでない人はどうやって簡単に作るかなのですが、プロはコーディングをいかにスムーズにできるかという点んで選ぶ。
その違いが大きいのではないでしょうか。

プロがホームページ作成ソフトを選ぶ基準は?

じゃあ、何を理由に選んでいるか。
先ほど書いた通り、コーディング自体は自分でタグを書けることが前提で、あとは効率をいかに良くするかというところです。

ホームページ制作ソフトの軽さ

ホームページを作る時にはいろいろなファイルを開いたり編集したりするので、ソフトはできるだけ軽いほうがいいです。
ファイルを開いたり保存したりするのに時間がかかるようなものは、そのちょっとした時間の差が積み重なって開発効率の悪さにつながります。
なので、そういった意味で複雑なソフトを使わずに簡単なテキストエディタを使って制作する人もいます。

MTHLやCSS、画像などのファイル管理

ホームページを作る時には、HTMLやCSSのファイル、Javascriptや画像ファイルなどいろんなファイルを触ります。
それぞれのファイルをエクスプローラーから探して開いているのでは時間がかかるので、
ソフト自体にファイルを管理するウィンドウがあると便利です。
ファイル管理

コーディングスピード

プロとはいえ全てのコードを手書きするのは大変です。
少しでも楽になるように、コードを書く作業を補助してくれる機能がついているソフトも便利です。
タグを途中まで書くと、それに対する候補を出してくれる機能や、コードを色分けして見やすく表示される機能など、
インターネット上にはEmmetなどのコーディングを補助してくれるツールもあります。
ホームページ制作で起業を考えている人必見!プロも使うHTML/CSSコーディングに差をつける3つのツール。
最近のDreamweaverはEmmetは標準で搭載されていますし、
他のソフトでもEmmetを自分でインストールして使うことができます。
コーディング補助

ファイル編集管理

プロジェクトとしてホームページを作るときに、複数の人でホームページを作ることも多いです。
1つのソースコードを複数の人で触ることになるので、ソースコードの管理は大切になります。
自分が変更したファイルがほかの人によって書き換えられるようなことがあったら大変だから。
そういったことを防いでくれるチェックイン・チェックアウトという機能がDreamweaverにはあります。
Aさんがソースコードを触っているときはBさんは同じソースコードを触れないようになっています。
これで、安心してそれぞれがソースコードを触ることができます。
ファイル管理

他にも、CSSを早く書けるようなメタ言語や、ファイルのバージョン管理をする仕組みや、
プロならではの必要な機能をそれぞれの会社で導入しているかと思います。
それぞれ、会社のプロジェクトの進行が効率的になるように工夫して様々なソフトやツールを導入しています。
あくまでホームページを作る技術というものがあって、それをより効率的にするためにツールを選んでいるということです。
このあたりを参考にしてみてください。
ホームページ制作で起業を考えている人必見!プロも使うHTML/CSSコーディングに差をつける3つのツール。

もし、これからホームページを作ろうと思っている人は、
いくつか試してみて、自分の開発スタイルに一番合ったものを使うといいですよ。

大阪のホームページ制作会社YCOMの制作サービスのご紹介