当サイトはアフィリエイト広告(Amazonアソシエイト含む)を掲載しています♪

[無料あり]Dreamweaverの代わりの代替フリーソフト!ホームページ作成ツール15選

デザイン
浅山

・webデザイン 受託
・web制作 受託
・ブログ記事200本超

講師、担任経験のある現役のデザイナー、デザインを10年経験しています♪大阪在住♪「デザインって楽しい!」をメインテーマに活動しています♪

浅山をフォローする
あなた
あなた

Dreamweaverの代わりに使えるツールありますか?

このような疑問をお持ちの方に向けて解説します♪

「ホームページ作成に役立つDreamweaverって言うのが、どうやら良いらしい♪」このようにDreamweaver(ドリームウィーバー)を考えている人も多いのではないでしょうか?

ただ、「Dreamweaverの代わりに使えるホームページ作成ソフトってどんなもの?」どんなところで使えて、どんなところで手に入るのか?気になる人も多いと考えています♪コーディングって出来といて、損無いですよね….

そこで今回は現役webデザイナー視点で、「Dreamweaverの代わりで使えるツール」について解説します♪ぜひ参考にしてみてくださいね♪

この記事のポイントまとめ
  • Dreamweaverの代わりに使える無料/有料ツールがわかる

Dreamweaverとは

Dreamweaverは、ホームページ作成ソフトです♪大きな使われ方としては3パターンあって、

  • HTML/CSS・javascriptをコーディングする♪(pythonとかもできますが、除きます♪)
  • ホームページを作成する♪
  • ネットショップを作成する♪

この3つの使われ方が多いのではないかと考えています♪

Dreamweaverの価格(2022年7月現在)

現在のDreamweaverの価格は、2,728 円/月(税込)となっています♪毎月だから結構しますよね♪

ということで今回は、無料/有料に限らず、Dreamweaverの代用として使えるツールを紹介します♪

用途別!Dreamweaverの代替えツール(無料/有料)

Dreamweaverの代用ツールが手に入る場所を紹介します♪

Dreamweaverの代用①HTML/CSSをコーディングする

HTML/CSS・javascriptをコーディングするDreamweaverの代わりに使えるツールを紹介します♪

  1. ここ最近現場でよく使われているNo.1エディタ 「VS code」
  2. Web開発に特化したテキストエディタ「Atom」
  3. 動作が軽くて優秀な「Sublime Text」
  4. 日本製macOS専用「mi」
  5. オンライン上でサクッと編集できる「CodePen」

1.ここ最近現場でよく使われているエディタ 「VS code」

「VS code」はmicrosoft社が作っている無料のコーディングエディタです♪有志が開発している豊富なプラグインが特徴で、

  • 自動補完機能
  • スペルミスなどのチェック機能

など、コーディングするのに非常に重宝します♪使用は下のリンクから使用できます♪

>>Visual Studio Code – Code Editing. Redefined(無料)

2.Web開発に特化したテキストエディタ「Atom」

「Atom」も使いやすいコーディングソフトです♪こちらは、GitHubが出しているので、

  • GitHubと連携しやすい
  • チーム開発がしやすい

コーディングソフトです♪ただ、2022年を持って開発サポートが終了となっています♪

>>Atom(無料)

3.動作が軽くて優秀な「Sublime Text」

「Sublime Text」も人気のエディタです♪最近、非常に利用者が増えています♪昔からあるソフトで、

  • プラグインが豊富
  • 動作が軽い割にエディタとしてはほぼ完璧に近い機能を持つ

となっていて、とにかく重くないエディタです♪Mac版、Windows版があります♪ さらに設定ファイルをDropboxなどで同期すれば一から環境設定をする必要がないなど簡単に同期できるのが特徴です♪

>>Sublime Text – Text Editing, Done Right

4.日本製macOS専用「mi」

「mi」は日本人の人が開発しています♪こちらも無料で使用できるソフトとなっています♪

  • 容量がかからない
  • 初心者向き

など、とにかくササッと操作できてしまうエディタです♪

>> mi – テキストエディタ(無料)

5.オンライン上でサクッと編集できる「CodePen」

「CodePen」は、は無料のwebサイトとなっています♪ブラウザでコーディングできるのが特徴で、

  • アカウントを取得すれば、ブラウザだけでコーディングできる♪
  • コーディングしたファイルをブログなどに貼り付けれる♪

となっています♪気軽にコードを試せたりします♪こちらもシンプルなサイトなので初心者の方でも使いやすいです♪

>> CodePen: Online Code Editor and Front End

以上がHTML/CSS・javascriptをコーディングするためにDreamweaverの代替えとして使えるツールになります♪

Dreamweaverの代用②ホームページを作成する

ホームページを作成するツールとして、Dreamweaverの代用をできるツールを紹介します♪

  1. ブログ機能で大規模サイトも作れる「wordpress」
  2. さっとホームページが作れてしまう「ジンドゥー(Jimdo)」
  3. 予約サイトが作れる「グーペ」
  4. 簡単ホームページ作成ソフト「ホームページ V4」
  5. ノーコードで作れる最近徐々に人気の「studio」

1.ブログ機能で大規模サイトも作れる「wordpress」

「wordpress」をもしかしたら聞いたことがある人も多いのではないでしょうか♪wordpress(ワードプレス)は、企業サイトから個人ブログまで幅広く使われているホームページ作成ツールです♪

  • SEOに強い
  • 大規模サイトが作れる

など、webサイトの6割以上がwordpressでできてるとも言われています♪wordpressに必ずサーバーが必要となります♪

エックスサーバー月額990円(税込)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』
お名前サーバー驚きの大容量SSD400GB・高速&高機能サーバーが月額990円(税込)〜!
ロリポップ★月額110円〜/WordPress簡単インストール! ロリポップレンタルサーバー

サーバーも月1000円もしないので、気軽に始めやすいです♪

>>WordPress.org: Blog Tool, Publishing Platform, and CMS

関連:【これで準備OK】ブログアフィリエイトに便利なツール道具・必要なもの最終チェック

2.さっとホームページが作れてしまう「ジンドゥー(Jimdo)」

「ジンドゥー(Jimdo)」は、ホームページ作成サイトです♪ワードプレスが難しいと感じた人にオススメです♪基本的には、1〜5ページぐらいのサイトを作るのが得意です♪(ワードプレスは、100ページ以上可能)

  • テンプレートあり
  • ドラッグ&ドロップで作れる
  • 作品ギャラリーを設置
  • 地図を埋め込み可能
  • 問い合わせフォーム設置可能

と初心者の人が、ささっと1〜3ページぐらいのサイトを作るのに最適なサービスとなっています♪

>> ありえないほど簡単にホームページができる【ジンドゥー】

3.予約サイトが作れる「グーペ」

ホームページ作成ツールの「グーペ」の特徴は、予約サイトが作れることです♪ワードプレスで実装が面倒な予約機能をささっと実装することができます♪

  • 個人経営の美容室
  • 個人経営のパン屋
  • 個人経営のカフェ
  • 個人経営の和菓子屋

など、個人商店の方にオススメできるツールになっています♪

>>あなたの用途にあわせたホームページを5分で簡単作成「グーペ」(15日お試し無料)

4.簡単ホームページ作成ソフト「ホームページ V4」

「ホームページ V4」は、日本製のソフトです♪ソースネクスト株式会社が開発♪特徴は買い切りとなっていて、windows専用です♪昔懐かしいテイストのホームページを作成することができます♪

  • デザイン(スタイルシート)のパターンは約500
  • 写真素材3,000点収録
  • ボタン 約17,000点
  • イメージ画像 約9,900点

など、素材が全て詰まっているのが特徴♪欲しい写真を別サイトに探しに行ったりする必要がありません♪デザインは、昔懐かしいテイストです♪一度、サイトを覗いてみてくださいね♪

>>ホームページV4

5.ノーコードで作れる最近徐々に人気の「studio」

Studioは、webサイトのデザインツールの枠を超えていると言えます♪デザインするとそのまま自動でコーディングをしてくれて、サイトが完成します♪

コーディングいらずで、ノーコードと呼ばれたりしています♪

>>STUDIO | Web Design Platform for All Creatives.

以上がホームページを作成するツールをするためにDreamweaverの代替えとして使えるツールになります♪

Dreamweaverの代替③ネットショップを作成する

ネットショップを作成するツールとして、Dreamweaverの代用をできるツールを紹介します♪

  1. 有名企業のようなショップが作れる「Shopify」
  2. 気軽に始めれる「カラーミーショップ」
  3. サーバー会社運営で安心の「Xserver Shop」
  4. 無料で始めれる「BASE」
  5. 無料で簡単「STORES」

1.有名企業のようなショップが作れる「Shopify」

「Shopify」は、海外の会社が作成したネットショップ作成ツールです♪ここ最近かなり人気のツールで♪

  • サンリオ
  • レッドブル
  • ぺプシ
  • ネスレ
  • ゴーゴーカレー
  • オリオンビール

など大手企業が使っているのが特徴です♪海外の販売にも強く、かなり人気が高まっています♪

>>【Shopify】で14日間の無料トライアル

参考:Shopify構築エンジニアの将来性は?学ぶ価値があるか調査【制作・フリーランス】

2.気軽に始めれる「カラーミーショップ」

「カラーミーショップ」は、スマホで簡単にネットショップが運営できます♪

  • 月額費用0円から利用可能
  • 個人の飲食店のネットショップ
  • ハンドメイドの販売ショップ
  • 180,000店舗が利用、みんなが使っている

がなど個人で気軽に始めることが可能となっています♪

>>スマホでネットショップ運営するなら「カラーミーショップ」

3.サーバー会社運営で安心の「Xserver Shop」

「Xserver Shop」は、先ほど紹介したエックスサーバーが運営開発しているネットショップサービスです♪

  • 手数料が取られない
  • 個人の販売者を応援している

など、ネットショップに必要な機能を備えていて簡単操作が特徴です♪価格は、月額1,980円〜と安いのも特徴です♪

>>販売手数料0円!毎月定額のネットショップ作成サービス『Xserverショップ』 (30日間無料)

4.無料で始めれる「BASE」

「BASE」は、とにかく簡単にネットショップが作成することができます♪20分もあれば開設できるでしょう♪

  • 売れるまで手数料、維持費がかからない♪
  • 売れたら、売れた額に応じて手数料♪

となっています♪とにかく初期費用が0です♪

最初から売上が見込める人は、「Xserver Shop」
売れるかわからないけど、まず無料でお試ししてみたい人は、「BASE」

のように切り分けるとバッチリかと思います♪

>>初期費用・月額利用料0円からはじめるネットショップ【BASE】

5.無料で簡単「STORES」

「STORES」も0円で始めることのできるネットショップです♪マメなアップデートが特徴で、

  • SNS連携
  • 予約販売
  • 顧客管理
  • 定期販売
  • アクセス解析

とお店に”今”必要な機能がどんどんアップデートされていきます♪最新の機能を使いこなしたい人にオススメです♪

>>STORES 初期費用・販売手数料0円!無料ではじめるネットショップ

以上がネットショップを作成するツールとしてDreamweaverの代替えとして使えるツールになります♪

Dreamweaverのメリット

ここであらためて、Dreamweaverメリットを整理させてください♪メリットは、

  1. Photoshopとの連携が一番しやすい
  2. web制作会社で求人が多いソフト
  3. どんどん安くなってきている(7日間無料体験)

となっています♪

1.Photoshopとの連携が一番しやすい

DreamweaverはPhotoshopと同じ会社のadobe社です♪同じ会社なので、必然的に他のソフトを使うより連携がしやすく設計されています♪

他のソフトを1本ずつバラバラ使うより全部adobe社にすることで作業はめちゃくちゃ簡単でやりやすくなります♪

同じブランドに統一したい人・面倒くさい人はPhotoshopとDreamweaver1本にまとめちゃっても良いかもしれません♪

2.web制作会社で求人が多いソフト

webデザインに限らずデザイナーには広く標準で使われているソフトで、「コーディングといえば、adobe Dreamweaverと言われるぐらいのソフトです♪

1本持っていると非常に安心のソフトです♪

3.どんどん安くなってきている(7日間無料体験)

Dreamweaverはどんどん安くなっています♪昔は16万円とかザラでしたが、現在では2,728 円 /月(税込)あたりとなっています♪

非常に安くなっているので欲しい人は、7日間無料体験をしてみると良いでしょう♪

よくある「Dreamweaverの代替えツール」の疑問まとめ

無料で初心者にオススメのエディタはなんですか?

A.紹介した中で使いやすいと感じているのは、Visual Studio Code(VS code)ですね♪機能も少ない分覚えることも少ないですし、テンプレートが充実しててブラウザで登録なしで使えるのもポイントです♪

無料で初心者にオススメなホームページ作成ツールはなんですか?

A.紹介した中で使いやすいと感じているのは、【ジンドゥー】ですね♪テンプレート機能があるので、その中にレイアウトしていくだけなので便利です♪とにかく簡単にホームページを持ちたい人にオススメです♪

慣れたらワードプレスに挑戦すると良いかなと思っています♪

無料で初心者にオススメなネットショップはなんですか?

A.紹介した中で使いやすいと感じているのは、【BASE】ですね♪スマホで簡単にネットショップが作成できる点♪最新の機能がたくさんついているので、集客しやすいのも良いところ♪

webデザイナーはやめとけ?

このサイトでは、webデザイナーについて解説しています♪webデザイナーは将来有望だと言えます♪詳しくは、[webデザイナー]はやめとけ♪と言われる理由と対処方法5選を解説で解説しています♪

Macの初期設定

パソコンで長時間作業していくと思いますが、

  • 目に優しい
  • 外でも音が出ない

設定にしておきましょう♪[Mac]おすすめの初期設定♪クリエイターが買ったらすぐ行う設定を共有します♪また、パソコンにはアプリケーションを減らしてインストールしておくと良いです♪[Mac]おすすめのアプリケーション♪webデザイナーがDLする神アプリを紹介で解説しています♪

パソコン1台でできる仕事

パソコン1台でできる仕事は、[パソコン(PC)1台]でできる仕事15選♪女性在宅ワーク初心者から上級者までにまとめました♪

スマホ1台でできる仕事

スマホ1台でできる仕事は、[スマホ]1台で出来る仕事♪在宅ワークで安全なものだけ厳選して紹介します♪にまとめました♪

仕事に疲れた時は

仕事に疲れている人は、名言で癒されてみてください♪

仕事をサボりたい辞めたい時に聞きたい名言30選♪漫画アニメや小説から選定しました♪
仕事が辛い時・きつい・苦しい時に役立つ名言30選♪漫画や小説から選定しました♪

キャリアの問題

このサイトでは、キャリアの問題について考えています♪

キャリア迷子[キャリア迷子]とは?特徴や20代30代の対処方法を紹介します♪
配属ガチャ配属ガチャ]にぶつかったらどうする?対処方法を考えてみました♪

何か新たなトピックが出てきましたら、その都度考えたいと思います♪

今回紹介したDreamweaverの代替えツール一覧

テキストエディタの代替え

  1. ここ最近現場でよく使われているNo.1エディタ 「VS code」
  2. Web開発に特化したテキストエディタ「Atom」
  3. 動作が軽くて優秀な「Sublime Text」
  4. 日本製macOS専用「mi」
  5. オンライン上でサクッと編集できる「CodePen」

ホームページ作成ツールの代替え

  1. ブログ機能で大規模サイトも作れる「wordpress」
  2. さっとホームページが作れてしまう「ジンドゥー(Jimdo)」
  3. 予約サイトが作れる「グーペ」
  4. 簡単ホームページ作成ソフト「ホームページ V4」
  5. ノーコードで作れる最近徐々に人気の「studio」

ネットショップ作成ツールとしての代替え

  1. 有名企業のようなショップが作れる「Shopify」
  2. 気軽に始めれる「カラーミーショップ」
  3. サーバー会社運営で安心の「Xserver Shop」
  4. 無料で始めれる「BASE」
  5. 無料で簡単「STORES」

他のアドビ製品の無料・有料の代替えツール

他のアドビ製品については、リンクを参考にしてください♪

illustrator[無料フリーあり]illustratorの代わりに使える代替ソフト!グラフィックツール15選
Photoshop[無料あり]Photoshopの代わりに使える代替フリー画像編集ソフト・ツール15選
Premiere Pro[無料あり]Premiere Proの代わりの代替フリー・ビデオ動画編集ソフト・ツール15選

まとめ:無料で使ってみて気に入ったらDreamweaverを使うのもアリ

個人的にDreamweaverは、

  • Photoshopとの連携が一番しやすい
  • web制作会社で求人が多いソフト
  • どんどん安くなってきている(7日間無料体験)

点が良いなと感じています♪この記事がDreamweaver代替ツールの参考になりましたら嬉しいです♪

何か知りたい人がいらっしゃいましたら、是非コメント欄でお知らせくださいね♪

浅山
浅山

SNSでもお気軽に問い合わせください♪
@akisara_asayama

それでは♪

コメント

タイトルとURLをコピーしました