Web制作体験記ツイート※この記事には広告を含む場合があります当サイトの記事には広告として、アフィリエイトプログラムが使用されています。アフィリエイトによって得られた収益は、より質の高い情報を提供するために当サイトの運営費に充てています。当サイトの円滑な運営のため、読者の方にはご理解とご協力をよろしくお願いします。こんにちはWeb制作フリーランスのノースです!いつもN-logをご覧いただきありがとうございます。二記事目です!私の現状は以下の通りです。現在、コーディングよりもローコードでの制作がメイン!(もちろんコーディングもしています)最高月収50万円ブログ2つ運営(2つ合わせて15,000pv)好きなところに住んでいる(沖縄県在住)満員電車&人間関係のストレスから解放ノースちなみに私の簡単な経歴などはプロフィールでも紹介中。】覚悟を決めた!テックアカデミーで受験以来の猛勉強!2024年2月10日そして、独学ではなく、Webスクールテックアカデミーで受験以来の猛勉強!2ヶ月で360時間の学習を費やし、無事卒業!次なるステップは実際にWeb制作で稼ぐこと!そのために初案件を獲得することでした。現実はそう甘くなかったのです...うちのめされました。実際の案件を見て欲しいのですが、コーディングだけの案件は極端に少なく、デザイン+コーディングの案件が圧倒的に多いのです!ノース当時も今もデザインなんてできません。外注化を考えもしない当時の私は「無理だよね」と諦め、颯爽とスルー!さらにできそうな案件を見つけても・・・ノース見てください!このライバル多めの案件を!1ページのコーディングだからできるだろうと思っていましたが、申込者の多さに驚愕しました!もちろん応募しましたが通るわけでもなく。とまあこんな感じで、中々実案件までいかずせっかくテックアカデミーを卒業しても、停滞感が半端なかったです。デザインカンプからのコーディングで自分の実力を知る案件を探すのと当時に、コーディング学習は怠りません。➡︎テックアカデミーで5サイトほどコーディングをしていたので、簡単な1ページのものからコーディング練習をしていきました!ところが...1ページの簡単なデザインカンプからのコーディングでもかなり苦戦をしたのです...ノース1ページでも30時間ほどかかったと記憶しています。シンプルなデザインでテックアカデミーではわからないことがあれば質問できたり、実装につまづいた際のヒントが各所にあったのですが、今回はありません。!初めて孤独な環境でコーディングをしたからです。見ると、【初級編】...実案件の前に試して欲しいの記載が...これ見てまだまだ自分は実案件は無理!そのレベルに達していないと気づきました。Webサイトを作れるようになろう!MENTAでメンターに見てもらいながらひたすらコーディング一旦実案件を諦め、デザインカンプからのコーディングに全振り(再度学習)することにしました。言うものの、何も考えずに一人でデザインカンプからのコーディングをしても、質問もできない、レビューもできない。その結果・・絶対伸びないと感じた私は【MENTA】というサービスでレビューや質問をできるメンター(講師)を探すことにしました!MENTAとは?MENTAはエンジニアやデザイナー、ライターなどビジネス系のスキルを持つ個人とそれを学びたい個人をつなぐサービス!プロと学習者(相談者)を繋ぎ、その人の得意分野でメンターや相談をしてもらえます。ミーティングで目標をお伝えし、自分に合った勉強方法を早速提示してくれました!その人のサービスはこんな感じです。繰り返しますが、Webスクールではあくまでも基礎部分。ここからはひたすらOJTみたいなもの。手を動かしてコードを書き、実務レベルまでもっていくことです。最初の課題を提出した際に、講師から「コードの書き方がしっかりしており実践的な基礎が身についている」と褒められました!Webスクールのおかげだね!と褒められたのが記憶に残っています。平日4時間・休日8時間以上は確保。(家族よありがとう!)MENTA利用中は当たり前ですが、脇目もふれずに「ひたすらコーディング・コーディング・コーディング」クラウドソーシングも一切開かず、他の教材も開かず、腱鞘炎になってもコーディング。学習方法はいたってシンプル!講師からデザインカンプをもらい、コーディング。わからなければ聞いて解決。完成後はレビューをもらい次のデザインカンプへといった流れです。ノースただコーディングをするだけではなく、コーディングスピードを意識、そしてCSS設計を意識したコードを書くよう心がけました。CSS設計とは?CSSのコード管理の方法と、CSSのメンテナンス性や作業の効率化のためにおこなうHTMLクラス名の規則の考え方を指します。「予測がしやすい」「拡張性がある」「保守性がある」の3つが重要であると言われています。使いやすいクラス名が大事!制作会社案件ではCSS設計に沿ってコーディングすることが求められます!CSS設計を詳しく知りたい方は、以下の本がおすすめです!未だ私も利用しています!リンク勉強方法で工夫したことは、よく使うコードをnotionやコードスニペットにまとめ、効率よくコーディングができるようにしたこと。実際にnotion内にコードをまとめてました。コードをまとめるのが苦手であれば、現役コーダーのスニペットを利用するのも手!コードのバリエーションが豊富で且つ、今後もレパートリーが増えていくこちらのスニペット集がおすすめ!この期間の苦労したことこの期間は、学習うんぬんというより、マインド面が少しやられていました。デザインカンプの難しさ、エラー対応、特に「いつになったら稼げるようになるんだろう!」という先の見えない感じで何度か挫折しそうになりましたが、講師(MENTAとテックアカデミーの講師)からはフリーランスになるにはWordPressを最低限必要になること。そこを目標に頑張ろうと言われていたので、何とか乗り切れました。実にMENTAを利用し、講師がついてのコーディングは実に4ヶ月及びました!結果、WordPressのオリジナルテーマを制作することができ、更に理解を深め実務レベルまで到達。講師からはもう十分案件を狙いに行けると!お墨付き!ひたすらデザインカンプからのコーディングをした4ヶ月。✔️MENTAを利用した学習の統括4ヶ月で15サイトほどコーディングして実務レベルまで到達MENTAの金額は1ヶ月3万円と高額。実務レベルまで到達したので大満足プロに聞ける環境は成長スピードが早い4ヶ月で15サイトほどコーディングMENTAを利用し4ヶ月間で、簡単なものからWordPressの複雑なコーディングまで約15サイトを制作。代表的な制作物は以下2つです。他にもサーバーにあげていないのがたくさんあります!※クリックすると実際の架空サイトに飛びますユーザー:northvillageパスワード:satoshi12ユーザー:northvillageパスワード:satoshi12ユーザー:northvillageパスワード:satoshi12ユーザー:northvillageパスワード:satoshi12得られたスキルMENTA利用期間で(4ヶ月間)得たスキルはこんな感じです。得られたスキル感WordPressで複雑なオリジナルテーマ制作ができるようになったCSS設計を利用したコーディングができるようになったGulpやSCSSを使用して効率よくコーディングできるようになったコーディングで生きていくのに必須なスキル!特に制作会社から仕事をもらう上ではこれらのスキルは重要です。最後に私がコーディングの学習で経験した中で、大事なことをあなたにお伝えします!今学習中の方もこれから学習を始める方も留意してください。テックアカデミーからMENTAを利用して、実務レベルまで到達しましたが、その期間大事なことは以下4つだと実感しました。次なるステップへテックアカデミーを受講して早半年。学習期間が長かったですけど、その分WordPressの実案件をこなせるレベル感まで到達!いよいよ満を辞して、実案件に応募する準備が整いました!今回の記事はここまでにします。未経験からWeb制作・Webコーダーのフリーランスになるには?30代現役コーダーが方法を解説します!フリーランスになりたい!でもなにもスキルがない。そんな方にはWeb制作(Webコーダー)がおすすめ。【生の声】Webコーダーはきつい?未経験からコーダーになった筆者が語る本当の理由と解決策!「Webコーダーはきつい?」とネット上でよく目にしますが、Webコーダーを目指す方も気になるのではないでしょうか。激ムズLP!こんにちはWeb制作フリーランスのノースです!いつもN-logをご覧いただきありがとうございます。】初心者こそ数をこなせ!ひと月150件ラブレター営業!こんにちはWeb制作フリーランスのノースです!いつもN-logをご覧いただきありがとうございます。2024年3月1日2024年5月30日Web制作この投稿へのコメントコメントはありません。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。テックアカデミーを受講し、副業を経てWeb制作フリーランスに●独立後4ヶ月で月収44万円達成●現在はWeb制作フリーランス、兼業で観光ガイドをし沖縄の観光地を案内●実体験をベースに会社にとらわれない自由な生き方をしたい人向けのメディア「N-log」を運営。➡︎WordPress構築サポートWeb制作の経験を活かして、サーバー・ドメイン取得、WordPress構築のサポートを始めました!「ブログを直ぐに始めたい!」「面倒な手続きはやりたくない」方へ低価格でサポートいたします。Reserved.検索aaaaaa。