よくおすすめの副業としてWeb制作があげられていますよね。ですが、そんな簡単に副業として成立するのでしょうか？
Web制作に携わったことのないエンジニアが独学で挑戦する過程を記していきます。
mugiエンジニア目線での感想などお伝えしていきます！
このシリーズでは、初心者が独学でどこまでWeb制作スキルを習得できるかを見ていきます。最終的には、簡単なWebサイトが自分で作れるようになることを目指します！
何回かに分けて掲載予定です。この記事は Vol.0 です。
\ vol.1 計画を立てる編はこちら /
Web制作とは
まず、Web制作とは、ホームページやサイトを作成することを指します。
例えば、企業のホームページやECサイトなどがこれにあたります。主に使用する言語はHTML、CSS、JavaScriptです。
また、インターネット上でのサービスやアプリケーションを開発する場合もありますが、これについては「Webアプリ開発」として区別することにします。
副業でWeb制作に挑戦する理由
では、なぜ今回Web制作に挑戦しようと思ったのか、その理由をいくつか挙げます。
副業として成り立つかを確かめたい
Web制作は、副業としてよくおすすめされています。
コーディングやデザインのスキルがあれば、未経験者でも始めやすいと言われることが多いですね。本当に副業として成り立つのか、自分自身で検証したいと思いました。
独学で習得できるか試してみたい
何か新しいスキルを学ぶ際、独学で習得できるかをまず試す人は多いと思います。
もちろんスクールに通うという方法もありますが、費用や時間の制約もあります。まずは独学で、どの程度スキルを習得できるか検証したいと思います。
新しいスキルを身に付けたい
これまでバックエンド開発に携わってきたので、少し違った分野に挑戦したいという気持ちもあります。エンジニアとしての経験がアドバンテージになるのではないかと期待しています。
シンプルに「かっこいい」と思うから
単純ですが、「これができたらかっこいい」という気持ちも大きな動機です。モダンで洗練されたサイトを見るたびに、「自分でもこんなサイトが作れたらいいな」と感じていました。
どのような状態を目指すのか
最終的なゴールを明確にすることは大切です。私は以下の3ステップに分けて進んでいこうと考えています。
デザインを見てその通りにコーディングできる
まず目指すのは、与えられたデザインを元に忠実にコーディングできるスキルです。これが最低限のゴールであり、デザインに合わせたHTML/CSSのレイアウト構築ができる状態を目指します。
- デザインを見てどう組めばいいかわかる、調べて実現できる
- デザインのツールの使い方を理解している
WordPressの仕組みを理解する
次のステップとして、CMSの理解を深めることに取り組みます。多くの案件で利用されているWordPressの構築やカスタマイズができるようになることで、案件の幅を広げ、単価アップも期待できるようにしたいと考えています。
自分でWebサイトをデザインする
最終的なゴールは、デザインからコーディングまで一貫して対応できるスキルです。デザインから実装までを一人で完結できるようになることで、実務の幅がさらに広がります。
ただし、デザインスキルは後回しにし、まずは基礎となる技術を固めることを優先する予定です。
現状の整理
学習を始める前に、まず現状の整理が必要ですよね！
これまで私はずっとバックエンド（サーバーサイド）をメインに担当してきたため、ユーザーが触れる画面の作成経験はあまりありません。
日常的には、整然とした管理画面の設計・実装に取り組んでおり、BootstrapやSemantic UI に頼っていました。モダンなフロントエンドのデザインについては、専任のフロントエンドエンジニアやデザイナーに任せてきたのが実情です。
mugiフロントエンジニア・デザイナーさんすごい！
HTML – 基本は理解している程度
理解度
見出しやテーブルなどのタグは日常的に使用しますが、その他細かいタグの意味などは把握していません。
今後は、タグの理解を深め、SEOやユーザビリティを考慮した記述方法も学んでいきたいと考えています。
CSS – ほぼ初心者
理解度
CSSに関しては、「文字サイズの変更」や「色の指定」など基本的なことだけ理解しています。
font-size: 14px;
font-color: red;といった感じですね。しかし、レイアウトやアニメーションの作成、最新のCSS技術についてはほとんど知識がありません。基礎からしっかり学ぶつもりです。
JavaScript – ちょっとわかる
理解度
JavaScriptについては、jQueryを使った要素操作や、Ajaxを使った通信処理の経験があります。ただ、実際にどのレベルのスキルが必要なのか不明なので、必要に応じて学習を進めていきたいと思います。
mugi結構忘れてしまってます…
デザイン – 全くの未経験
理解度
デザインに関しては、全く知識がありません。
社内で利用する管理画面のレイアウトを考えたことはありますが、LPやHPなどのデザインは作ったことはありません。イロハのイから始める必要がありそうです。
今後の進め方
今回は、なぜWeb制作に挑戦しようと思ったのか、そして目指すゴールについてお話しました。
次回は具体的に「どのような学習媒体を使うのか」「どうやって計画を立てていくのか」に焦点を当てていきます。
完全初心者の方でも同じように始められるよう、シンプルで効果的な学習計画を立ててみたいと思います。
mugiいっしょに進めていきましょう！
\ 続きの vol.1 計画を立てる編はこちら /
