【Web制作体験記！独立までを大公開② -続学習期- 】実務レベルは程遠い！？腱鞘炎になるほどコーディング！

こんにちはWeb制作フリーランスのノースです！いつもN-logをご覧いただきありがとうございます。

Web制作独立から無事2年目を迎え、順調にWeb制作のフリーランスとしてやっていけてるので、今までの振り返りもかねて「Web制作体験記独立記」としてまとめることにしました！

本記事は「Web制作体験記独立記」の二記事目です！

私の現状は以下の通りです。

前回の記事を振り返りますと、コロナ禍の中で、本業が危機的状況を迎え、生活に危機感が出てきたので、Web制作のフリーランスになることを決意！

そして、独学ではなく、Webスクールテックアカデミーで受験以来の猛勉強！2ヶ月で360時間の学習を費やし、無事卒業！

次なるステップは実際にWeb制作で稼ぐこと！そのために初案件を獲得することでした。

しかし、現実はそう甘くなかったのです…うちのめされました。

次の章から本題に入ります！

自分の実力はまだ実務レベルに到底及ばない？

クラウドソーシングの応募で現実を知る

テックアカデミーでWeb制作の基礎（コーディング）を一通り学び、そして単価がはね上がるWordPressのオリジナルテーマ構築を学び、いよいよ副業で稼ぐ事を目標にクラウドソーシングに登録！

いきようようといざ案件を見てみると、

「あれっできる案件がない…」
「できる案件があってもライバルが多い」

実際の案件を見て欲しいのですが、コーディングだけの案件は極端に少なく、デザイン＋コーディングの案件が圧倒的に多いのです！

さらにできそうな案件を見つけても・・・

とまあこんな感じで、中々実案件までいかずせっかくテックアカデミーを卒業しても、停滞感が半端なかったです。

デザインカンプからのコーディングで自分の実力を知る

案件を探すのと当時に、コーディング学習は怠りません。

テックアカデミーを卒業してから、コーディング知識を得たので、実際にデザインカンプを購入し架空のデザインからコーディングをしました！

デザインカンプは実際にネット上でたくさん販売されています！もちろん無料のもありますが、添削してもらえる有料のデザインカンプが良いでしょう！
実際にコーディングしたデザインはこちら ➡︎

テックアカデミーで5サイトほどコーディングをしていたので、簡単な1ページのものからコーディング練習をしていきました！

ところが…

1ページの簡単なデザインカンプからのコーディングでもかなり苦戦をしたのです…

テックアカデミーではわからないことがあれば質問できたり、実装につまづいた際のヒントが各所にあったのですが、今回はありません。

そう！初めて孤独な環境でコーディングをしたからです。しかし実務ではあたりまえ。

しかもよく見ると、【初級編】…実案件の前に試して欲しいの記載が…

これ見てまだまだ自分は実案件は無理！そのレベルに達していないと気づきました。

今後の方針として一旦案件応募をやめ、デザインカンプからのコーディングに全振りすることに決めたのです！

MENTAでメンターに見てもらいながらひたすらコーディング

一旦実案件を諦め、デザインカンプからのコーディングに全振り（再度学習）することにしました。

とは言うものの、何も考えずに一人でデザインカンプからのコーディングをしても、質問もできない、レビューもできない。その結果・・絶対伸びないと感じた私は【MENTA】というサービスでレビューや質問をできるメンター（講師）を探すことにしました！

その人のサービスはこんな感じです。

• 独自のデザインカンプでコーディングしレビュー
• 質問無制限
• 必要であればビデオツールで利用
• １ヶ月ごとの契約
• 目標はWordPressのオリジナルテーマ制作を実務レベルまでもっていく事

繰り返しますが、Webスクールではあくまでも基礎部分。

ここからはひたすらOJTみたいなもの。手を動かしてコードを書き、実務レベルまでもっていくことです。

最初の課題を提出した際に、講師から「コードの書き方がしっかりしており実践的な基礎が身についている」と褒められました！Webスクールのおかげだね！と褒められたのが記憶に残っています。

課題のデザインカンプのレベルは以下のように上がっていきました！

この期間の学習時間

大体学習時間は平日4時間・休日8時間以上は確保。（家族よありがとう！）

MENTA利用中は当たり前ですが、脇目もふれずに「ひたすらコーディング・コーディング・コーディング」

クラウドソーシングも一切開かず、他の教材も開かず、腱鞘炎になってもコーディング。

実際整体師からは腱鞘炎と診断・・・

この期間の学習方法

学習方法はいたってシンプル！

講師からデザインカンプをもらい、コーディング。わからなければ聞いて解決。完成後はレビューをもらい次のデザインカンプへといった流れです。

CSS設計を詳しく知りたい方は、以下の本がおすすめです！未だ私も利用しています！

勉強方法で工夫したことは、よく使うコードをnotionやコードスニペットにまとめ、効率よくコーディングができるようにしたこと。

もしコードをまとめるのが苦手であれば、現役コーダーのスニペットを利用するのも手！コードのバリエーションが豊富で且つ、今後もレパートリーが増えていくこちらのスニペット集がおすすめ！

この期間の苦労したこと

この期間は、学習うんぬんというより、マインド面が少しやられていました。

デザインカンプの難しさ、エラー対応、特に「いつになったら稼げるようになるんだろう！」という先の見えない感じで何度か挫折しそうになりましたが、講師（MENTAとテックアカデミーの講師）からはフリーランスになるにはWordPressを最低限必要になること。

そこを目標に頑張ろうと言われていたので、何とか乗り切れました。（あとは会社に戻りたくないという反骨心）

直近のゴールをしっかり把握することが大切だと実感！

【総括】実務レベルまで到達

実にMENTAを利用し、講師がついてのコーディングは実に4ヶ月及びました！

結果、WordPressのオリジナルテーマを制作することができ、更に理解を深め実務レベルまで到達。

講師からはもう十分案件を狙いに行けると！お墨付き！

ひたすらデザインカンプからのコーディングをした4ヶ月。

その統括を紹介。

4ヶ月で15サイトほどコーディング

MENTAを利用し4ヶ月間で、簡単なものからWordPressの複雑なコーディングまで約15サイトを制作。

代表的な制作物は以下2つです。他にもサーバーにあげていないのがたくさんあります！
※クリックすると実際の架空サイトに飛びます

得られたスキル

MENTA利用期間で（4ヶ月間）得たスキルはこんな感じです。

コーディングで生きていくのに必須なスキル！

特に制作会社から仕事をもらう上ではこれらのスキルは重要です。

コーディングの学習で今あなたに伝えたい事

最後に私がコーディングの学習で経験した中で、大事なことをあなたにお伝えします！

今学習中の方もこれから学習を始める方も留意してください。

テックアカデミーからMENTAを利用して、実務レベルまで到達しましたが、その期間大事なことは以下4つだと実感しました。

• 基礎を正しくちゃんと学ぶ
• 基礎を学んだらひたすらデザインカンプからのコーディング（寄り道しない）
• わからない時に聞ける・そしてプロにレビューしてもらう環境を常に作る
• 目標を細分化して、挫折率を防ぐ

上記4つのことを意識するだけで、学習期間の挫折率はグッと減らせること間違いなし！

次なるステップへ

テックアカデミーを受講して早半年。

学習期間が長かったですけど、その分WordPressの実案件をこなせるレベル感まで到達！

いよいよ満を辞して、実案件に応募する準備が整いました！

今回の記事はここまでにします。

次回はいよいよ案件に挑戦か！？

最後までご覧いただきありがとうございました！