この記事を読むあなたは恐らく
ホームページが自分で作れるようになりたいんだけど
どう勉強すればいいんだろう？ 仕事にもできるかな？
そんなふうに思っているのではないでしょうか。結論から言えば、ホームページを制作することは全くの初心者でも可能です。学ぶスキルは多いものの、この記事を読めば、
- ホームページを作る方法
- ホームページ制作に必要なスキル
- ホームページ制作の勉強法
勉強する前に確認してほしい2つのこと
ホームページの制作の勉強を始める前に確認してほしいことが2つあります。
目的をしっかり確認する
まずは、自分の目的をはっきりさせることが大事です。単純に趣味レベルでホームページを作ることができればいいのか、ホームページ制作でお金を稼いでいきたいのか。
前者であれば本格的なホームページでなくても、FacebookやTwitterなどのSNSで十分なことも多いです。後者であればクライアントの様々なニーズを形にするために、専門の知識技術が必要になることでしょう。
目的によって、学習するジャンルも方法も異なりますので、まずは「なぜ自分がホームページ制作の勉強をしたいのか？」をはっきりさせましょう。
本当に勉強する必要があるのかを確認する
もう一つ、「本当にホームページ制作の勉強する必要があるのか？」も確認しておきたいところ。
自分でホームページを制作したいと思っている場合、後述する無料のホームページ作成サービスを利用すれば深く勉強する必要はありません。外注しても5000円程度で作れる場合もあります。品質の割に価格はそれほど高価ではありません。
またホームページ制作を仕事としたい場合なら、自分は営業を担当し制作は専門の方にお願いして中間手数料をいただくやり方もあります。ホームページ制作がしたいわけではなく単純にお金を稼ぐことが目的なのであれば、こういった選択肢があることも覚えておくといいでしょう。
勉強すべき4つのスキル
ここからはホームページの制作で勉強すべきスキルについてご紹介していきます。
HTML/CSS
ホームページ制作の基本となるのがHTML/CSSです。
HTMLはHyper Text Markup Language（ハイパーテキスト・マークアップ・ランゲージ）の略で、ホームページにテキストや画像などを配置するための言語です。
CSSはCascading Style Sheets（カスケーディング・スタイル・シート）の略で、HTMLと組み合わせて、テキストや背景の色を変えたり等、装飾をするために使う言語です。この2つはセットで用いられますので、勉強は必須です。
※HTML/CSSの詳しい説明は以下の記事をお読みください。
PHP
PHPはWebサイトの制作に特化しているプログラミング言語です。後述するブログ作成ソフトWordPressもPHPでできており、ホームページを制作する上では定番です。構文がシンプルでプログラミング未経験の方でもとっつきやすく覚えやすい言語と言われています。
※PHPの詳しい説明は下記の記事をお読みください。
Javascript/JQuery
Javascript/JQueryは、ホームページに「動き」を出すために用いられます。
前述のHTMLとCSSを使って記述するので、今や多くのホームページで使われている人気の言語で、こちらも今や必須のスキルと言えるでしょう。HTML/CSSと合わせて学習することをおすすめしたい言語です
※Javascript/JQueryの詳しい説明は下記の記事をお読みください。
WordPress
WordPressは世界最大のシェアを誇るブログ作成ソフトです。無料で使えて拡張性も高いので、なんと世界のWebサイトの3分の1以上はWordPressでできているほどです。
実際、以下の有名企業のホームページはWordPressで作られています。
- クックパッド株式会社 ⇨ https://info.cookpad.com/
- 株式会社LIFULL ⇨ https://lifull.com/
- 株式会社オリエンタルランド ⇨ http://www.olc.co.jp/ja/index.html
※WordPressの詳しい説明は下記の記事をお読みください。
一緒に勉強すると役立つスキル
ホームページの制作には直接影響はしませんか、以下のスキルも覚えておくと役に立ちます。
Photoshop/Illustrator
ホームページで使用する画像素材（ロゴや商品の写真など）を作成・編集するのに、PhotoshopとIllustratorの2大デザインソフトは使えるようにしておくと有利です。Photoshopは画像の編集など、ホームページで使用する画像素材の作成全般に、Illustratorはロゴやイラストの作成に用いるソフトです。
※Photoshop/Illustratorの勉強におすすめの本はそれぞれ以下の記事をどうぞ。
SEO
せっかく良いホームページを作っても、集客できなければ意味がありません。
そのため、Web集客の鉄板である「SEO（検索結果の上位表示）」の最低限の知識はつけておくといいでしょう。検索で上位が確保できれば安定的なアクセスが得られますよ。
SNS
SEOと並行して、FacebookやTwitterなどのSNSの運用もしておくといいでしょう。
SNSでの知名度を高めておくことは、SEO以上の集客源にもなる可能性があります。また、Googleの検索アルゴリズムの変化に伴って順位が低下してしまうリスクにも備えられます。
アクセス解析
Google Analyticsなどのアクセス解析ツールを使い、ホームページのアクセス数や滞在時間、離脱率などの数字を把握しておくことも大切です。
ホームページは作って終わりではなく、運用して改善していくものです。そのため、ホームページのどこに課題がありどう解決したらいいのかがわかるアクセス解析のスキルもまた重要といえます。
おすすめ独学勉強法3ステップ
では上記のようなホームページの制作スキルを身につけるには、どのように学習を進めていけばいいのでしょうか？私の経験上、最良の方法はとにかく手を動かすことです。そんな経験を踏まえた独学の学習法を書いていきます。
ステップ1：無料ブログでHTMLやCSSの概念に触れる
まずはホームページの基本となるHTMLやCSSを覚えるのが第一です。
おすすめの方法は、アメブロやライブドアブログなどの無料ブログサービスでブログを作成し、それを独自にカスタマイズすることです。すでにある程度デザインが固まったものをいじるのが、手軽でわかりやすいからです。
文字のフォントや大きさ、ブログの背景などを変えてみたり自分好みにカスタマイズしてみましょう。最近は無料ブログでも、それなりに広い範囲でカスタマイズが可能です。
カスタマイズ情報は「アメブロ css カスタマイズ」などでGoogleで検索すれば、多くの情報が出てきますので、まずはこれらを参考にHTMLとCSSの概念を覚えましょう。
ステップ2：WordPressでホームページを作ってみる
無料ブログでのカスタマイズに慣れたら、次はWordPressを使って簡単なブログを作成しましょう。より本格的なカスタマイズが可能です。
WordPressには、前述したPHPとJavaScript/jQueryが使われていますので、これらの概念を把握するのにぴったりのツールです。Wordpress自体は無料ですし、レンタルサーバーも無料のサーバーがいくつかありますので、費用をかけずに本格的にホームページで使われる言語の勉強ができます。
ここでも「ステップ1」のときと同じく検索し、自分の欲しい情報を見つけて慣れていくといいでしょう。
ステップ3：学習サイトや書籍を使って学ぶ
ここまでやれば、ステップ1〜2で紹介した「ホームページの制作に必要なスキル」は一通り触れたことになります。。
正直ここまで慣れれば、自分のホームページをある程度自由に作ることも可能です。ごく簡単なホームページの制作の仕事を受けることもできます。
しかし、
- より本格的なホームページの制作がしたい
- 企業を相手にしてホームページ制作の仕事が取りたい
おすすめのサイト・書籍
最後に、ホームページ制作の勉強におすすめのサイト・書籍をそれぞれご紹介します。
おすすめのプログラミング学習サイト
まずはプログラミング学習サイトですが、以下の4つが初心者におすすめです。
- Progate https://prog-8.com/
- CodeMonkey https://codemonkey.jp/
- ドットインストール https://dotinstall.com/
- paiza https://paiza.jp/works
これらはどれも無料でプログラミングを学習できるサイトです。ゲーム感覚でスライド式で学習することができたり、動画を見ながら空き時間でサクッと勉強できたり、それぞれ特色があります。
まずは4つのサイトを全部を見てみて、自分に合ったものを選んで学習を進めましょう。
これらのサイトの詳細やより高度なレベルの勉強をしたいという方は、以下の記事もご覧ください。
おすすめの書籍
続いて書籍ですが、それぞれスキル別に以下の本がおすすめです。
なお、それぞれスキル別のおすすめの本は以下の記事にまとめていますので、気になる方はどうぞ。
まとめ
ホームページの制作スキルを身につけるのは簡単なことではありません。でも自分に合った勉強法を見つければ楽しみつつ学ぶことができるはずです。
この記事をご参考に、ぜひあなたに合った勉強法が見つかりますように！
