無料でWebサイト(ホームページ)を作成する方法とツール

Warning: Undefined array key "host" in /home/azuldesign/mrzw-design.com/public_html/wp-content/themes/simplicity2/lib/punycode.php on line 80

 

こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。

 

今回は、初めての人であったとしても、
1から簡単にWebサイトを作成する方法と
ツールを紹介していこうと思います。

 

Webサイト作成は簡単。
必要なのはパソコンのみ。

昔だと、Webサイトの作成と聞くと
少し難しいイメージが強かったですが、
近年はかなり作るハードルは下がって
容易に誰でもできるようになりました。

 

しかも、ホームページビルダーのような
有料ソフト購入も正直必要なくなって、
「無料でパソコンだけで作成」できます。

 

この記事で挙げるサイト作成ツールも、
ほぼ無料で手軽なものなのでご安心を。

 

ただ、実はWebサイトの作成といっても
用途によって様々な作り方が多くあるので
どのツールを選ぶか迷うことだと思います。

 

そこで用途や目的別にWebサイト作成の
ツール・方法をなどまとめてみました。

 

スポンサーリンク

おすすめWeb作成ツールの紹介

難しく考えず始めるならこんな感じ 
個人的に思うそれぞれの1番「結論」

 

Webサイト (ホームページ) 作成ツール

「Webサイト (ホームページ) 作成ツール一覧」

※ 独自ドメイン最低料金は、利用するための料金であり
無料などの場合は別でドメイン会社を自分で探して、
ドメインを取得する必要があるので注意が必要です。
「お名前.com」などのドメイン会社利用がおすすめ。

 

それぞれ目的別に下で詳しく紹介。
また最後の方には、素材作成ツールと
素材提供サービスも少し載せています。

 

① お店や会社のWebサイトの作成

「お店・会社向けWebサイト作成ツール」

 

自分のお店や会社のWebサイト制作を
制作会社に依頼すると高い料金が必要。

 

会社によりますが、安いところでも
「制作費30万〜」「維持費1万〜」
これくらいかかるのが普通になります。

 

ですが、これらのツールを使えば
無料で且つある程度しっかりした
Webサイトができてしまうんです。

 

Wix (ウィックス)

 

Wixは、世界で見ても有名で代表的な
Webサイト作成ツールの1つであり、
利用者は何と1億人以上いるそうです。

 

 

Wix (ウィックス)

 

Jimdo (ジンドゥー)

 

Jimdoは、日本国内で人気がある
Webサイト作成ツールになります。

 

無料プランでももちろん使えますが、
有料プランも低価格でありながら
制作会社の制作並みのクオリティの
Webサイトができてしまいますね。

 

 

※「Wix」と「Jimdo」と迷ったら
個人的には「Jimdo」の方がおすすめ。

 

どちらのツールも似ていますが、
Jimdoはユーザーのサポート体制として
「JimdoCafe」という悩み解決の場も
全国に展開していて心強いものです。

 

 

「 Jimdo (ジンドゥー)」

 

Weebly (ウィーブリー)

 

Weeblyは直感的にWebを作成できる
ホームページ作成ツールの１つ。

 

専門的な知識がなくても作成できますが、
ツール自体の知名度は日本で低めです。

 

 

Weebly (ウィーブリー)

 

Strikingly (ストライキングリー)

 

Strikinglyは主に１枚ページのサイトを
手軽に作れるWebサイト作成ツール。

 

 

Strikingly (ストライキングリー)

 

AmebaOwnd (アメーバオウンド)

 

Ameba Owndはブログ、ネットショップ
メディア運営どれでも使えるサービス。

 

 

AmebaOwnd (アメーバオウンド)

 

STUDIO (スタジオ)

 

STUDIOは、無料から使える国内産の
UIデザイン (Webサイト作成) ツール。

 

 

STUDIO (スタジオ)

 

なお、その他のUIデザインツールは、
次の記事にまとめています。

 

② ブログの作成

「ブログ作成ツール」

 

Webサイトというよりブログ運営なら
これらの4つのサービスがおすすめ。

 

お店や会社などのwebサイトよりも
多くの記事を投稿するブログの方が、
見てもらえる機会は多いと思います。

 

良質な記事は検索エンジンで上位表示、
SNSなどの拡散も見込めますね。

 

はてなブログ (Hatena Blog)

 

はてなブログは近年利用者が増えている
ブログサービスの１つになります。

 

 

はてなブログ (Hatena Blog)

 

ライブドアブログ (ライブドアブログ)

 

ライブドアブログは、はてなと同じく
おすすめのブログサービスになります。

 

 

ライブドアブログ (livedoor Blog)

 

Blogger (ブロガー)

 

Bloggerは、Googleが提供している
無料で使えるブログサービスです。

 

実は日本ではそこまで有名ではないが、
はてな・ライブドアブログなどのように
なかなか使いやすいメジャーなブログ。

 

 

Blogger (ブロガー)

 

WordPress (ワードプレス)

 

WordPressは、今まで紹介した
3つのブログと全く違うサービス。

 

自らサーバーとドメインをレンタルして、
必要に応じてHTML・CSS等コードを触り
ブログを作成していく形となってきます。

 

※ ここで紹介するのは「WordPress.org」であり、
レンタルブログ「WordPress.com」の内容ではない。
※ WordPressの詳細については下の記事をチェック。

 

WordPressの関連記事はこちら。

 

③ ポートフォリオサイト作成

「ポートフォリオ作成ツール」

※ Jimdoはポートフォリオで使える華やかさは低い。

 

お店や企業などのサイト、ブログでなく
自分の写真やデザイン、イラスト (絵画)、
アートなどの作品を載せる場合に使えそうな
ポートフォリオサイトはこの５つになります。

 

また、次の記事ではポートフォリオ
作成ツールに絞って紹介しています。

 

ポートフォリオ関連の記事

 

Tumblr (タンブラー)

 

Tumblrは、SNSの一種類ですが、
ポートフォリオとして使えます。

 

 

Tumblr (タンブラー)

 

Behance (ビハンス)

 

Behanceは、あのクリエイティブ界で
有名なAdob社が提供するSNSです。

 

 

Behance (ビハンス)

 

④ ネットショップ(ECサイト)の作成

「ネットショップ作成ツール」

 

ネットショップならBASEがおすすめ。
その他のスキルや作品を販売できる
サイトは下の記事でまとめています。

 

BASE (ベイス)

 

BASEはネットショップ(ECサイト)を
無料で簡単に作れるサービスです。

 

 

BASE (ベイス)

 

⑤ Webデザイン(HTMLやCSS等)を
学ぶのに向いたWebサイトの作成

「Webデザイン学習に向く作成ツール」

 

Webサイト作成のスキル(技術)を身につけ
Webデザインを学んでいきたいと思うなら、
比較的簡単なWebサイト作成ツールでなく
WordPressを選択するのが良いでしょう。

 

Webデザインを1から学んでいくなら、
下の記事をチェックしてみて下さい

 

Webサイトの素材作成のツール

「無料素材作成のツール」

※ 個人的におすすめのものを載せています。

 

Webサイト自体を作成するツールを
① 〜 ⑤ の章で紹介してきましたが、
素材作成ツールと素材提供サービスを
最後に少し紹介しようかなと思います。

 

無料素材作成ツールなら、
「Canva」などのデザイン系ツールが
初心者でも簡単に使えお洒落な素材を
作るのができるので使ってみましょう。

 

なお、その他のデザインツールは、
次の2記事にまとめています。

 

Webサイトの素材提供サイト

「無料イラスト・写真提供サイト」

※ イラスト素材サイト、写真素材サイトそれぞれ
おすすめのサイトをピックアップして挙げています。

 

無料イラスト・写真提供サイトについては
この７つのサイトが個人的におすすめ。

 

もちろん他にも多くのサイトがあるので
それらはまとめ記事で紹介しています。

 

まとめ

今回はWebサイト (ホームページ) の
作成には必要不可欠であるツールと
サイト素材作成・提供サービスなどを
まとめて紹介させていただきました。

 

有名なものやおすすめのものに絞って
それぞれこの記事では挙げていますが、
おそらく他にも沢山あると思います。

 

なので、この記事も参考にしつつも
自分が作りたいと思うサイト(ブログ)の
目的・条件やイメージなどを固めながら
様々なツールを探し使って見てくだいね。