【副業・フリーランス】Web制作始め方〜必要な物・知識をご紹介〜

こんにちは。おおたにです。
今回は、ゼロからWeb制作の勉強を始める方法について、お伝えしたいと思います。

Web制作を始めるときに用意するもの

パソコン

まずは、パソコンが必要です。
WindowsでもMacでもどちらでも大丈夫です。今パソコンを持っている人はそちらでOKです！

私はパソコンを持っていなかったので、MacBook Airを買いました！

Macの操作ってWindowsで慣れている人には結構大変なので、
Macの基本的な操作方法についてもこのブログで解説したいと思っています。

テキストエディタ

Web制作やプログラミングと聞くと、英語のコードを書くイメージがあると思いますが、そのコードを書くソフトをテキストエディタと言います。
例えば、Windowsには「メモ帳」というソフトが入っていますが、こちらでもコードは書けます。
ただ、本格的に学習をするなら、見やすかったり便利な機能があるテキストエディタを選びましょう。

代表的なものに Atom や Visual Studio Code があります。
私は Visual Studio Code を使っていますが、拡張機能が多くありとても使いやすいので初心者の方におすすめのテキストエディタです。

Visual Studio Code のインストール方法はこちらの記事をご覧ください。

ブラウザ

ブラウザとは、Webサイトなどを閲覧するために使うソフトのことです。
Safari、Google Chlome、Fire Foxなどがあります。

最終的には全て揃えることになりますが、とりあえずは１つあれば大丈夫です。
私は主にGoogle Chlomeを使用しています。

Web制作に必要な知識

HTML

HTMLとは、Hyper Text Markup Language （ハイパーテキスト・マークアップ・ランゲージ）の略です。
簡単に言うと文章をマークアップするための言語です。

マークアップとは、書かれた文字や文章に「見出し」や「段落」「リスト」などの役割を持たせることです。
これらの「役割」を持たせることによって、Webサイトの内容をコンピューターが正しく理解してくれます。
コンピューターが正しく理解することで、例えば私たちが何かを検索したときに、数あるWebサイトの中から適切な情報を検索結果として表示してくれるのです。

ホームページなどのWebサイトを作るときはこのHTMLの知識がほぼ必須になりますので、まずはHTMLを学習していきましょう。

CSS

CSSとは、Cascading Style Sheets（カスケーディング・スタイル・シート）の略で、HTMLで構成された文章などにスタイル（見た目の変化）をつけることができます。

HTMLだけでは、文章に役割を持たせることしか出来ません。
そのため、CSSで大事な部分を太字にしたり、アンダーラインを引いたりして見た目を整えていきます。

CSSもWeb制作には欠かせない知識となりますので、HTMLを一通り学んだ後はCSSを学習するのが良いでしょう。

JavaScript / jQuery

JavaScript（ジャバスクリプト）、jQuery（ジェークエリー）とは、Webサイトに動きをつけることのできるプログラミング言語です。

例えば、以下の画像をクリックしてみてください。拡大表示されると思います。
このように、サイト内のコンテンツなどに動きをつけているのがJavaScriptやjQueryです。

ほとんどのWebサイトではこのような動きをつけるためにJavaScriptやjQueryを使用していますので、こちらも勉強しておくと良いでしょう。

WordPress / PHP

WordPress（ワードプレス）とは、Webサイトのコンテンツを管理するシステム（CMS）で、全世界のWebサイトの40%以上がWordPressで作られています。

WordPressを使えば、プログラミングの知識がない方でもブログ投稿や、お知らせの更新などが簡単にできるため非常に人気です。

実務でもWordPressを使用する案件は多いので、Web制作で稼ぐためにはWordPressの知識があった方が良いでしょう。

そして、そのWordPressはPHPというプログラミング言語で開発されているため、WordPressを扱えるようになるにはPHPの知識も必要になります。

まとめ

今回は、Web制作やプログラミングを始めるにあたり、必要なものや知識をご紹介しました。

勉強する言語や知識がたくさんあって大変そうに見えますが、１つずつ理解していけば必ず稼げるようになります。

全てを覚える必要はなく、分からないことがあった時に調べて解決できればOKです！

具体的な勉強方法やおすすめの教材は、別の記事でご紹介しますのでぜひご覧ください。