WEB

超初心者が独学でWEB制作を学ぶ方法をサクッと解説

2022-09-30

〈アフィリエイト広告を利用しています〉

WEBサイト制作を学ぶって簡単じゃないよ。

ちゃちゃ丸
ねこまんま

でも興味があるなら、やるべきだわ。

じゃあ、初心者でもできる勉強方法を教えて。

言っとくが、スクールに通う時間もお金もない僕でも、独学で学べる方法を探しているんだ。

ちゃちゃ丸

以上のような、初心者でもできるWEBサイトの制作の学び方についてお答えします。

  • ✅この記事の内容
  • 学ぶ手順ー一般的な手順
  • 学ぶ手順ー超初心者向けの手順
  • いきなりWEBサイトを作ってみよう
  • 同時進行で学ぶ
  • 読まれるサイトにするコツ

いきなりWEBサイトを作って学ぶ方法は、インプットとアウトプットが同時進行だから、スキルを早く身に着けることができます。
スキルをを身に着けたら、WEB業界への転職も可能ですよ！

WEBサイト制作を学ぶ手順

ねこまんま

WEBサイト制作を学ぶというのは簡単ではありません。

いきなり何を言う。

ちゃちゃ丸

ガッツがあるorすでにコードがある程度書ける方向け学ぶ手順

  1. プログラミングの勉強(HTML,CSSなどのプログラミング言語)
  2. コードが書けるようになる
  3. SEOの勉強
  4. 実用的なWEBサイトを制作する
  5. またコードの勉強

これは、一般的な学ぶ手順です。

超初心者向け学ぶ手順

近年は、WEBサイトの作成ツールで良いものがどんどん登場して、年々作成のハードルが下がっています。
まずは、やりたいことを優先して挑戦しましょう。

  1. 無料ブログでHTMLやCSSの概念に触れる程度
  2. 無料ツールで術用的なWEBサイトを制作
  3. 学習サイトや書籍を使って学ぶ

１はあってもなくてもいいです。
２と３は同時進行します。

おすすめの学習サイト【サルワカ】：https://saruwakakun.com/

おすすめの書籍【いちばんやさしいWordpressの教本第５版】：https://book.impress.co.jp/books/1120101168

学校の宿題やテストでも、やりたい科目や問題を先にやって、難しいものは後回しにした方がはかどった経験ありませんか？好きなことから手をつけた方が挫折することがありません。

WEBサイトを自分で作る前にチェックすべきこと

①準備

パソコン：CPU(パソコンの処理能力)はインテルのCPUでi5以上・メモリは最低16GB以上

スマホ：スマホユーザーが多いので、ちゃんとスマホでも表示されるか確認・SNSからの導入に利用

インターネット環境：言わずもがなWi-Fiが使える環境が整っていること

②無料ツール５つ

  • Wix｜世界中の人々に選ばれるWeb制作プラットフォーム
  • ジンドゥー｜たった3ステップでHPが作れる
  • WordPress｜SEOに強い、多くの企業がWordpressを使っている
  • BASE｜通販サイト向け。自分で商品を売るならネットショップが簡単に作れる

結論から言うと、Wordpress一択です。

初心者でも高機能なサイトやブログを作れます。SEO(検索エンジン最適化)に強く、無料のプラグインが豊富。
また、スマホアプリもあって、外出先からでも管理することができます

サイトを作るには、レンタルサーバーとの契約が必要です。Wordpressが簡単にインストールできるConoHa WING（このはウィング）をおすすめします。

〈広告〉

WordPressで作る前にチェックすべきこと

ねこまんま

基本的に自分が何をしたいのかわからないと、基本設計はできないのよ。

なにそれ、基本設計っておいしいの？

ちゃちゃ丸
ねこまんま

基本設計とは、デザインやコンテンツのことよ。

ますますわからなくなってきた・・・・

ちゃちゃ丸

自分の経営している店に集客したいとか、自分のブログをはじめたいとかサイト制作する理由はあるけれど、一歩突っ込んでコンセプトをはっきりさせた方がいいです。

コンセプトとは、終始一貫させる考え・構想のことを言います。
たとえば、お店であれば家族でくつろげるお店とか、ブログであればだれでも簡単にできるレシピ情報で料理好きになってほしいなど、サイトの意図のことです。

コンセプトが曖昧だと、デザインイメージも曖昧になるし、メニューも決まりません。

最初は迷いながらでもいいので、だいたいのコンセプトを決めて設計していきましょう。作りながら反応を見て、だんだんはっきりさせていくのも手です。コンセプトがはっきりしているサイトは収益が上がりやすいです。

訪問されるサイトにするために

せっかくサイトを作ったのに、訪問者数が少なくてモチベーションさがるってことはないか？

ちゃちゃ丸
ねこまんま

すぐに結果を求めると挫折する原因だよ。じゃあ、訪問されるサイトにするためにどうするか教えてあげる。

アクセス解析ツールを入れる

Googleアナリティクスは導入必須です。これで、アクセス数やどのページが人気があるかなど、サイトの分析ができます。

これによって、SEO対策(検索エンジン最適化)することができて、検索されたときに上位のページに表示されるように研究するのです。

本でSEOを学ぶことはもちろん大切です。それにプラス実践で体験するとより理解しやすくSEOを学ぶことになるのです。

本以外でも、学習サイトやYoutubeでも学ぶことはできます。サイトを運営して悩みながら解決策を見つけるのが近道です。

SNSで発信

twitter・facebook・Instagramなど、すでにやっているかとは思いますが、ぜひ、SNSを活用してください。
作ったサイトへ誘導してあなたのファンを作ってください。
すでに持っているアカウントではなく、新しく別のアカウントを作ってもOKです。

WEB業界で働いてみる

サイト運営がまだスタートしたばかりでも臆することはありません。Wordpressを使えるということは実績になりますから、WEB業界の職種に転職が可能になります。

WEBデザイナー

WEBデザイナーになるには、後回しにしていたプログラミングの勉強をはじめてください。実際にサイトを運営していれば理解が早くなっているはずです。

WEBライター

WordPressを使えるということは、SEO対策も理解しているということですから、企業のニーズは多いです。実績と信頼で仕事の依頼は多くなるでしょう。

まとめ

  1. 超初心者がWEB制作を１から独学で学ぶには、サイトを作りながら学ぶのが近道です。
  2. なぜかというと、毎日がインプット＋アウトプットの連続だからです。
  3. WordPress一択です。
  4. サイトの運営しだいで収益化もできます。
  5. プログラミングの勉強は、後回しにしたほうが理解が早い。
  6. WEBデザイナーやWEBライターへの道も拓ける

重要なプログラミングの勉強後回しにするのは、外道かもしれませんが、実際、これでわたしはやってきました。

サイトを作る体験をしてみると、スキルは早く身につくので、手を動かしながら挑戦してみてくださいね！

-WEB