今回は、このような疑問を解決するための、お手伝いをします。

✔本記事の内容

•　稼ぐためのHP制作基礎知識　その１「必要言語」

•　稼ぐためのHP制作基礎知識　その２「学習方法」

•　稼ぐためのHP制作基礎知識　その３「稼げる金額稼ぎ方」

✔この記事を読むメリット

•　HP制作で稼ぐための基礎知識を知ることができます。

この記事を書いている僕は、２０２１年８月から副業を始めました。現在は本業と両立し、ウェブ制作者として活動しています。

副業でHP制作の道を踏み出したばかりの私は、一つ大きな疑問を抱いていました。

具体的に言えば下記の通りです。

•　絶対にマスターするべき言語はなに？

•　プログラミング言語の習得は難しい？

•　言語以外に習得するべきスキルある？

•　どうやってお仕事の受注をすればいいの？

•　そもそも副業でHP制作でかせげるの？

などなどたくさんの疑問ががありました、そして、この辺りの疑問はすべて基礎知識になります。

ウェブ上では、ホームページ制作やプログラミングに関する情報が豊富にありますが、それらは初心者にとっては手に負えないと感じる内容が多いです。その理由の一つは、情報を発信しているほとんどの人が現役のプロフェッショナルなプログラマーで、彼らが「これくらいは簡単」と考える事項が、初心者から見ると困難なことが多いです。

また、基礎知識を先に身につけておくことで、ウェブ上の情報への理解がより深まり、作業が効率的に進められると感じました。この経験は、良好な学習の進行と成果の向上になります。

ですので、今回は副業でとしてのウェブ制作で稼いでいる僕が初心者の人に対してのウェブ制作基礎知識をシェアします参考になると嬉しいです。

✔結論

ウェブ制作で０～１を達成するには、HTML.CSSを学びましょう

上記のとおりです。
過去の僕と同じ悩みを抱える方へ、心を込めて深堀りします。

稼ぐためのHP制作基礎知識　その１「必要言語」

こちらのテーマでは、このような疑問を解消するため、深堀解説をしていきます。

✔　本テーマの内容

•　ウェブ制作とウェブ開発の違い

•　必ず習得するべき２つの言語

•　SEO対策

✔本テーマを読むメリットはこちら

•　ウェブ業界における基本的な理解を得ることができる

こちらのテーマでは、HP制作を習得する前のウェブの基本的な理解とHP制作で必要なスキル「言語」「SEOスキル」について解説します。プロとしての道を切り開くための重要な出発点なので、しっかりと理解してください。

ウェブ制作とはウェブ開発とは

ウェブ制作は、主にホームページの制作を指します。企業のホームページ制作は、”コーポレートサイト制作”とも呼ばれ、会社の概要、サービス内容、お問い合わせフォームなどを作成します。

ウェブ制作の一部として、”LP制作”（ランディングページ制作）もあります。ランディングページとは、ユーザーがサイトを初めて訪れる際、または特定のキャンペーンや検索結果からサイトにアクセスした時に最初に見るページを指します。企業にとって、このランディングページは売上げに直接影響を与える重要なページとなります。

ウェブ制作の作業には、デザインとコーディングがあります。デザインはデザイナーが担当し、コーディングではHTML、CSS、JavaScriptのようなプログラミング言語のスキルが必要となります。これらのスキルを用いて、デザイナーが作成したデザインをウェブ上で実現します。

ウェブ開発は企業の社内システムの開発やゲームの開発、さらにはAI（人工知能）を活用した認証システムなどの開発も含みます。

例えば、企業の社内システム開発では、在庫管理システムや顧客管理システム（CRM）、ワークフローシステムなど、社員が業務を効率的に行うためのシステムを設計し、実装します。これらのシステムは企業の運営において重要な役割を果たし、ウェブ開発者の技術力が直接ビジネスの成果に影響を与えます。

また、ゲームの開発においてもウェブ開発者は重要な役割を果たします。ブラウザ上で動作するカジュアルゲームから、本格的なマルチプレイヤーオンラインゲームまで、ウェブ技術を用いて様々なゲームが制作されています。

さらに、AIを活用した認証システムの開発も増えています。これには、顔認証や音声認証、行動パターン認証など、さまざまな形があります。これらはセキュリティの強化、ユーザーエクスペリエンスの向上など、多くの利点があります。

✔ウェブ開発は、技術的な難易度が高く、単価も高いです。しかし、その難易度から、すぐにフリーランスや副業として開始するのは困難かもしれません。多くのウェブ開発者は、初めは開発会社やシステム会社で経験を積み、技術を磨いてから独立するのが一般的です。この分野は技術力が重要で、その技術力に見合った報酬が得られるため、営業活動を積極的に行う必要はありません。しかし、その高度な技術を身につけるまでの道のりは決して容易ではありません。

一方、ウェブ制作は、独学やスクールで学んだ後にフリーランスとして働き始める人も多い分野です。ウェブ制作の報酬はウェブ開発に比べると低いですが、マーケティングのスキルを身につければ報酬は上がります。また、ウェブ制作は、ウェブ開発に比べて技術的な敷居が低いため、初心者には取り組みやすいです。

このサイトでは、主にウェブ制作に焦点を当てて情報を提供しています。

必ず習得するべき２つの言語

こちらのパートでは。ウェブ制作をするにあたり、必ず取得するべき基礎的な言語を２つ解説します。「HTMLとCSS」です。HTMLはウェブページの骨組みを作る言語です。文章の構造や画像、リンクなどの配置を決めます。
CSSはHTMLで作られたウェブページのデザインやレイアウトを制御します。色やフォント、位置調整などを指定します。詳しく解説していきます　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

✔HTMLとは

HTMLはウェブページの基本的な言語です。タグ（<>で囲まれた指示）を使って、テキストを見出し、段落、リンクなどに変換します。例えば、<h1>は大見出し、<p>は段落を表します。画像やビデオも埋め込めます。HTMLはウェブページの骨組みを作る基本です。

HTMLの詳しい記事はコチラ↓↓

✔CSSとは

CSSは、HTMLで作られたウェブページのデザインやレイアウトをコントロールする言語ですマークアップ言語ともいわれます。色、フォント、スペーシング、アニメーションなどのスタイル要素を指定するために使用されます。CSSのルールは、HTML要素の外観をどうするべきかをブラウザに指示します。例えば、p {color: red;}というCSSのルールは、HTMLの<p>タグ（段落）のテキストを赤色にするようにブラウザに命じます。CSSはウェブサイトのビジュアルな一貫性を維持し、ユーザー体験を向上させるための重要なツールです。

以上の事からHTMLとCSSはウェブ制作には欠かせない言語となります。学び始めるときは、まずHTMLとCSSの基本的な概念と役割を理解することから始めましょう。次に、それらを使って簡単なウェブページを作ってみることで、理解を深めることができます。最初は簡単なものから始めて、徐々に複雑な要素を追加していくとよいでしょう。

CSSに関してはこちらの記事をどうぞ↓↓

SEO対策

こちらのパートではSEO対策（検索エンジン最適化）について解説します。ウェブ制作では色々な案件がありますがSEO対策は専門的な領域です。基礎的な知識はHP制作の時でも必要なため解説していきます

SEO（検索エンジン最適化）はウェブサイトが検索エンジンの結果ページ（SERP）でより高いランキングを取得するための戦略の一部です。高いランキングを獲得することで、ウェブサイトへクリックが増え、より多くの利用者にコンテンツを表示できます。ウェブサイトの開発者として、SEO対策を理解し適用することは非常に重要です。

ウェブ制作のスキルを磨くことは、より広範なビジネス機会への入口となります。特にSEOに精通しているウェブ開発者は、仕事の範囲が広がり、プロジェクト単価が向上する可能性があります。ウェブ制作とSEOの両方での専門知識を持つことにより、さまざまなクライアントからの依頼を引き受けることができます。

さらに、ウェブ制作のスキルはマーケティング領域にも適用可能であり、その結果、多様なビジネスチャンスを掴むことができます。ウェブ制作は、新たなクライアントとの関係構築の第一歩であり、それがさらなるビジネスチャンスを生むための重要なスキルとなります。ウェブ制作から始めることで、このような可能性もあるのは魅力的ですね。

稼ぐためのHP制作基礎知識　その２「学習方法」

こちらのテーマでは、このような疑問を解消するため、深堀解説していきます。

✔　本テーマの内容

•　独学方法

•　プログラミングスクールと独学

✔　本テーマのを読むメリットはこちら

•　基本技能を身につけて5万円得る方法ができる理解

こちらのテーマでは、具体的なスキルを習得するための学習法について説明します。ウェブ制作学習の鍵は、毎日の継続です。1時間だけでも大丈夫です。これはウェブ制作に限らず、一般的な学習法でも「継続は力」と言えます。日々の積み重ねが大切です。また、ウェブ制作においては、センスや才能よりも継続性が重要です。

５万円を稼ぐまでは独学でOK

こちらのパートでは、独学で５万円稼ぐために必要な内容を説明していきます。独学でスキルを習得するための時間や学習でのつまずきポイント、問題点の解決方法についてみていきます。

副業で月５万か稼げる位のスキルを独学で習得するには平均200時間から350時間必要です。平日２時間土日で10時間で約2カ月半平日３時間土日で10時間で約2カ月です。最初の3か月がおおよそ目安になってきます。最初はわからないことだらけ理解できないことだらけですがここが一番の踏ん張りどころかもしれません。ウェブ制作での挫折率は80%とも言われています。学習計画をしっかりとたてて習得していきましょう。

しかし独学だとどうしてもわからないことが出てきます。特に新しい知識を習得しようとすると、理解できない点が出てきます。わからない所はとりあえず検索しますが初心者なので似たような情報が出ても理解できません。そのため、すぐに理解できない部分は、一度は飛ばしてみるのも手です。後から再度学習することで、より深い理解につながることもあります。学習は一歩一歩、自分のペースで進めていきましょう。

理解できない部分について、繰り返し検索を行い続けると、精神的な疲労が蓄積しやすくなります。独学は、その本質的に孤独との闘いでもあります。ですから、検索行為は適度に制限し、必要に応じて一部をスキップすることも検討しましょう。驚くことに、一度飛ばした箇所が後で理解できるようになったり、検索スキルが向上することもあります。

詳細は以下の記事を参照してください

プログラミングスクールと独学の比較

プログラミング学習には、スクールと独学の二つの方法があります。スクールは専門的な指導と体系的なカリキュラムを提供しますが、費用がかかります。一方、独学は自由な時間配分と低コストが魅力ですが、自己管理が求められます。あなたのライフスタイルや目標に合わせて、最適な学習方法を選びましょう。

✔独学で５万円稼いだ人は

独学でプログラミングを学び、月に5万円稼ぐまでに達した人々は、一般的に素晴らしい検索能力と成長意欲を持っています。彼らは自己学習を通じて知識を探求し、解決策を見つけ出すスキルを磨いてきます。しかし、これらのスキルを身につけるためには時間が必要であり、収益を得るまでに長い時間がかかることが多いです。独学は自己成長の機会が豊富であり、自分のペースで学ぶことができますが、忍耐力と自己管理能力が必要とされます。

✔プログラミングスクール生

最初、私はプログラミングスクールに通えば確実に収入を得られると考えていました。しかし、スクールに通ったからといって、すぐに稼げるわけではないことを理解しました。スクールで学んでいても、独学と同じく日々の学習と継続が必要です。提供される教材も、特別な情報が詰まっているわけではありません。

しかし、スクールの利点は即座に問題解決の支援を受けられること、そして、「なぜそれが問題なのか」や「どのように解決すべきなのか」を直接指導者から学べることです。これにより、挫折率は独学に比べて低くなります。さらに、実際のプロジェクトへのサポートを提供し、学生がゼロから何かを作り上げる経験を手助けするスクールも存在します。

✔プログラミングスクールについて知りたい方はこちらの記事を参考にしてください。

稼ぐためのHP制作基礎知識　その３「稼げる金額稼ぎ方」

こちらのテーマでは、このような疑問を解消するため、深掘り解説をしていきます。

✔本テーマの内容

•HP制作での分野

•案件獲得方法

✔本テーマの内容

・HP制作での方向性がわかる

こちらのテーマでは、「HP制作での稼ぎ方」や「稼ぎ方」について解説します。結論まだまだHP制作は稼げますが、ただたんにHP制作をしただけでは稼げません。しっかりと稼げる分野で稼ぐ方法を解説します。

HP制作での分野

ここでは、ホームページ（HP）制作の分野を解説します。ホームページ制作の各領域を理解することで、副業やフリーランスとしての仕事の選択肢が広がります。さらに、どの分野にスキルを集中すればより収益を上げることができるかという戦略も見えてくるでしょう。

✔LP制作

訪問者が初めに着地するページを意味します。具体的には、サービスや商品などの紹介を1ページでまとめたWebページを指し、申し込みや問い合わせなどを誘導することを目的として作られています。
単価は50,000円～となっています。

✔WEBページのCSSを修正

この案件は既存のウェブページのCSSを修正し、デザインを変更するものです。既に完成しているウェブページを改変する作業なので、HTMLの解釈とCSSの適切な知識があれば、誰でもこの案件に挑戦することが可能です。HTMLとCSSの経験が浅い方でも、基本的な知識と理解があれば、この案件に対応できるでしょう。
単価は5,000円～となっています。

✔コーポ―レート制作

ここで取り組むのは、会社の代表的な顔となるプロフィールサイト、すなわちコーポレートサイトの制作です。コーポレートサイトを一人で構築できる能力を持つと、それはあなたが一人前のプロフェッショナルであることを証明します。なぜなら、それは企業のブランドを広告し、そのイメージを形成する重要な部分を手がけることを意味するからです。この経験を実績として掲げれば、次々と新しい案件のチャンスが訪れるでしょう。
単価は100,000円～となっています。

✔SEO対策

SEO対策の仕事は、ウェブサイトの検索エンジン最適化を行うものです。これには、キーワードリサーチ、メタデータの最適化、内部リンクの改善、コンテンツのクオリティ向上などが含まれます。また、Google Analyticsの設定やレポートの作成も求められることがあります。これらの施策は、ウェブサイトの検索エンジンランキングを向上させ、多くの人々がウェブサイトを訪れることを目指します。
単価は月100,000円～となっています。

案件獲得方法

こちらのパートでは案件獲得方法について解説します。スキルがあっても仕事がないと意味ないですよね。HP作成したい人はどこに集まるのかがポイントです。案件こなしてスキルアップしましょう。

✔ホームページ制作の案件を獲得する初歩的な方法として、クラウドソーシングを利用することが推奨されます。ココナラやクラウドワークスなどのプラットフォームでは、ホームページ作成やプログラミングに関する案件が数多く掲載されています。

結論としては、報酬を低く設定すれば、クラウドソーシングを通じて案件を得るのは比較的容易です。初心者の方は、報酬が低くても、多くの案件を経験し、スキルを磨く機会を得ることができます。自分に適した案件を選び、クラウドワークスでの実績を積み上げることで、後々には報酬を引き上げることも可能です。

別の案件獲得の手法としては、ウェブ制作会社から直接仕事を受けるという方法もあります。通常、フリーランスのウェブ制作者は自分のポートフォリオと共に営業メールをウェブ制作会社に送ります。約50社にメールを送ると、おおよそ1社からの返事が期待できます。しかし、一度ウェブ制作会社からの仕事を受けて信用を築くことができれば、その会社から継続的に案件を受けることが可能になります。会議では、お互いに専門家として専門用語を使った会話が可能です。

ただし、プロとして働くためには、ピクセル単位でデザインを求めてくる会社や納期が厳しい会社もあるということを理解しておく必要があります。そういった会社と上手くやりとりをするためには、それぞれの要求を理解して営業を進めることが重要です。

ウェブ制作会社でコーポレートサイトの制作ができると、その技術は大変に高く評価されます。この経験は、自分の技術を一層磨くための素晴らしいチャンスとなります。

まとめ

この記事では「【ウェブ制作に特化】HP制作始める人向けの基礎知識３選」というタイトルを下記のてーまにまとめ解説しました。

•　稼ぐためのHP制作基礎知識　その１「必要言語」

•　稼ぐためのHP制作基礎知識　その２「学習方法」

•　稼ぐためのHP制作基礎知識　その３「稼げる金額稼ぎ方」

という内容でお届けしました。

それでは最後まで読んでいただいてありがとうございました！