Programming

『ロードマップ』完全未経験の僕がWeb制作副業20万円を達成するまで。

①Web制作の基礎を学ぶとは?

さて、Web制作の基礎を学ぶということで、少し深掘りをしようと思います。

HTML

HTMLの書き方は暗記する必要はないです。その都度ググって完成させる事ができれば問題ありません。

ただそれぞれのタグが持つ意味は理解しておきましょう。

<head>
ここに入るものの意味
</head>
<body>
ここに入るものの意味
</body>

コンピューター側に認識させる範囲と、我々ユーザー側に認識させる範囲の理解

それぞれ様々なプロパティが存在しますので、ホームページ制作する際はこれらを適切に扱える様になりましょう。

最初は<div>と<p>タグで良いです。
余裕が出てきたら<section><article><time>などを使ってみましょう。

CSS・SCSS

ブロックとインラインブロック、インラインの違い。

flexboxとposition、擬似要素を使える様になりましょう。gridとfloatはひとまず覚えなくて良いです。こちらも暗記ではなくて、ググって正解を導き出せれば問題ありません。

ProgateでSASSコースを受講しましょう。

SCSSを使用する事で、CSSよりも高速で、さらに目視で理解しやすく進める事ができます。

ただし、ここで躓く様であれば、飛ばしてCSSで設計しても全く問題ありません。

僕も1件目はCSSで案件をコーディングしました。

リセットCSSは必ず使いましょう。Progateやドットインストールでは教えてくれない内容ですが、絶対に必要です。

jQuery

jQueryを読み込んで、簡単な操作ができる様になりましょう。

よく使用されるのはTOPページの画像が自動でスライドショーされる様な実装ですね。(例)マクドナルドさん

ただ、最初のうちは難しいと思うので必須項目ではありません。なので最初はさらっと扱ってみて、感覚を理解します。

クライアントから要望があったとき、余裕がある時に詳しく調べましょう。

Photoshop・XD(デザインツール)

はい、こちらは個人的にSCSSやjQueryよりも重要になってくると思われます。

何故なら、実際にWebサイトを作る時に『デザインカンプ』という物が必要になって来ます。そのデザインを見ながら、実際にコーディングをしてホームページを制作するという流れだからです。

なので、デザイナーでは無くてもPhotoshopとXDの最低限の知識がないと、そもそもデザインを確認することもできません。これでは設計図の無いプラモデルを組み立てるのと一緒です。

Photoshopは月1000円、XDは無料で使えます。

転職サイトで募集要項を見ると「Photoshop、XDの基本的な操作」などと、結構求められるスキルですので、ここを抑えると自分の市場価値が上がります。

もし万が一Web制作案件を受注できなくても、あなたの市場価値は確実に向上していると考えるべきです。コーディングの他にデザインツールを使うのは正直しんどいですが、自分の為にも頑張りましょう。

転職にも役立ちます

HTML/CSS/jQuery/Photoshop/XDが出来ると、これは実質フロントエンドです。

それこそ、ごりごりコードを書くプログラマーとしてでは無く、IT企業のマーケティングや事務系でも、簡単なプログラミングスキルがあると歓迎!みたいなところも多いです。

ここから派生してJavaScriptのフレームワークを極めるのも良いですし

デザインの道に進み、ご自身の世界観を展開させるのもいいと思います。

これが最低限に必要な基礎スキルであり、求められるスキルです。半年もあれば最低限出来ると思いますし、1年くらいじっくりと進めるのも良いかもしれません。

副業と言っても、ただお金が稼げて終わりではなくて、自分のキャリア形成にも役立ちますので、辛い時は自分の為だと思って頑張りましょう!

②案件募集のアンテナを張り巡らすとは?

Web制作を学ぶとProgateやドットインストールで基本はできるし、そもそも案件受注できないのではやる意味がないよ!という、次のステップの悩みが出てきます。

先ほども述べましたが、僕はWeb制作でお金を稼いで1セットだと考えています。

なので技術を学ぶのと同じくらいに重要項目であり、同時進行させる必要があると思っています。

それでは実際に、僕のやり方を紹介します。

Twitterでも何度か呟いていますが、僕の初案件受注は『Twitter』です。

これは結構驚かれるのですが、そこから継続的にお付き合いさせて頂いており、5万円から10万円。10万円から20万円という風にステップアップしてきた経緯となります。

みなさんTwitter使っていますよね?ちょっと工夫するだけでビジネスに繋がりますので、気に入った方は取り入れてみてください。

では実際に、どのように案件を受注したのかを述べていきます。

フォローチェーンをしまくる

まずTwitterでフォローチェーンをして相互フォローでプログラミングアカウントを育てます。同じ志を持った方と繋がれると、ほんとにやる気が出ますよね。

そうすると何が起こるかというと、Twitterのタイムラインにフォロワーさんの最新の情報がばあーーっと表示され続けます。

もちろん普通の呟きが多いのですが、実はコーディング案件の募集などがリツイートで回ってきたりするのです。そして僕はDMを送って申し込んだというやり方です。

なので、Web制作で案件受注の人気となっているランサーズなどのサイトは使用していませんし、個人的にもあまりお勧めしていません。(理由はわざわざ述べませんがわかると思います)

実はいまのアカウントは2個目でして、1個目はアカウントを削除しています。その理由としては与沢翼さんに生意気なリプを送ったらブロックされたからです。

それがショックで作り直しました。笑

なので今の僕のアカウントは今年4月からの開設なので時系列がちょっとおかしいですが、前のアカウントで去年10月から行っていた内容ですのであしからず。

いろいろな媒体をチェックする

ありがたい事に、今僕は案件獲得の営業はしていません。

しかし、もし案件が0の状態なら様々な媒体に登録をして、案件募集が無いかをチェックします。時には自分からコンタクトを取ってプッシュする場面もあると思います。

僕はFacebookを使っていないので分からないですが、発注する側の気持ちを考えると相手の素性を知れた方が安心しますよね。

そう考えるとFacebookアカウントを育てるという方針も出来てきます。

ちなみに無料のオンラインサロン内でも案件の募集が行われているのを何度も見た事があります。また、ジモティーなどのアプリでホームページ制作の案件を見たこともあります。

思っている以上に案件募集はされていて、それらに応募し続ける事でそのうち案件は獲得できると思います。

最初はWeb制作会社さんと付き合おう

ホームページの制作依頼を受ける方法

  • 企業・個人から直受け
  • Web制作会社さんから委託

この2択に分かれます。

結論から言うと、実力が無いうちに企業から直受けはちょっと危険なので、Web制作会社さんからの委託をお勧めします。

もし、既にホームページの納品を経験していて、サーバーなどの運用も含めて携わった事があるならあまり問題は無いですが、そうでないならトラブルに迅速に対応出来ない可能性が高いです。

さらに、継続的に案件を頂ける可能性が高いのも特徴です。

クライアントは1つに絞る

フリーランスはリスク分散の観点で取引先を分散させる事が重要と言われていますが、個人的にはその逆で、特に初期段階に限ってはクライアントは1つに絞るべきだと考えています。

取引先を増やすと言う事は、逆にリスクを増やしている可能性もあるという事です。

副業という限られた時間の観点からも、取引先は1つに絞るべき。もし万が一お仕事が頂けなくなってその月の売り上げが0円でも、本職の給料があるのでそこまで経済的なダメージは負わないはずです。

周りを固める事に集中するより、まずは目の前の仕事に精一杯取り組み、信頼を積み上げたほうが関係性も良くなると思います。

③諦めないとは?

最後になりますが、結局のところはここが答えかなと思います。

僕は人より多くを学べる事が出来たつもりは一切無いですし、むしろ学習スピードで言えば遅いほうだったと思います。特に3ヶ月過ぎてから成長の鈍化はひどかった…笑

いつまでもjQueryが分からなかったし、今でも分からない事がたくさんある。

Twitterを開けば、訳のわからない単語をずらずらと並べていかにもプログラマーな人がたくさん居ました。実力の差は明らかでした。

しかし、それでも結果を残す事が出来たのは『諦めなかった』からだと思います。

他になにかやりたい事が見つかったとか、そういうポジティブな挫折は問題ないと思いますが、『辛い』『つまらない』などの理由で諦める事は、今後の自分にとって悪い結果をもたらす可能性が非常に高いです。

諦めないで行動し続ければ、Web制作で案件獲得する事は誰でも出来ます。

作って欲しい人と作りたい人がマッチングする瞬間を、待っていると時間が掛かるので自分からも作りにいきましょう。

おわりに

さて、今回この記事を書いた理由は1つの区切りだと感じたからです。

僕がプログラミングを独学し始めたのが2019/8月。

1年が経過しました。

そして、いま案件を頂いている会社からお誘い頂き、8月から東京で働き始める予定となっています。

一旦はここで、フリーランスとしての活動を終えて本格的にIT業界に参画する目処が経ったのかなと。

そんな中で、副業でWeb制作をして稼ぎたいと思っている人は多くいると思いますし、異業種からIT業界に転職希望の方もたくさんおられると思います。

僕はこの1年間で両方を経験する事ができました。

タイミングが良かったので、ここら辺で1年の振り返りも込めて僕の『ロードマップ』となります。少しでも参考になれば幸いです。

この記事はちょこちょこ更新していくと思います。最後まで見てくださりありがとうございました。

1 2