【完全無料】フリーランスエンジニアになるためのロードマップ

フリーランス
スポンサーリンク
スポンサーリンク
スポンサーリンク

先日マナブさんのロードマップが話題となりました。

マナブさんのロードマップは高すぎ?詐欺?賛否両論と自分の意見まとめ
先日マナブさんの販売するロードマップが高いのではないか?という議論が起こり騒動に発展していたのでまとめました。

 

12万円という教材費が主に話題となった理由でもあったのですが、この記事ではあえて(なるべく)お金をかけないとしたらどんなロードマップになるかを完全無料で記事にしたいと思います。
前提として以下の注意点があります。
  • マナブさんのロードマップは特典や稼ぎ方にも付加価値があるので、マナブさんの教材を否定する記事ではありません。
  • 自分はフロントエンドエンジニアなのでフロントエンド(html,css,JS)のフリーランスになる想定のロードマップですが、プログラマーであっても同じような道のりを辿ることは可能かと思います。
  • ただ主に対象となる方はhtml,cssをこれから始めようとする方、始めてみたけどいまいち何をしたらいいかわからない方、フロントエンドエンジニアを目指してる方です。
  • 未だwebの現場で事実上必須とされるphotoshopの購入は必要ありです。
  • あくまで数ある中の一つのロードマップではありますが、一番手堅くかつ利益も大きいです。
  • いきなりフリーランスは精神的にも金銭的にもきついので、そのロードマップとは一線を画すものになっているかと思います。
  • お金を稼ぐが前提でエンジニアになるのは、あまり好きではないですが1~2年で年収600万は可能(でもあまり気にしないでください)

注意が多くなってしまいましたが、対象となる方は続きを読んでいただければと思います。

STEP1:学習(〜3ヶ月)

何事も初めが肝心ですがエンジニアも同じです。
初めに面白くなさそう、難しいと感じては挫折して終わりです。
自分としては初動の動きとして以下を提案します。

職業訓練校かドットインストール、もしくは両方やるのがよいです。
以下それぞれ理由を挙げます。

職業訓練校

職業訓練校とは、国が再就職を斡旋する施策で、退職手当をもらいつつ手に職が学ぶことができます。
オフィシャルサイトが少しわかりづらいような気がしたので最寄りのハローワークへ行って聞いてみるとよいです。

実はというと自分自身、7年前何しようかな~と悩んでいた時、ハローワークでWebデザイナー科の職業訓練校を見つけ応募しました。それで今があるので、職業訓練校には感謝しています。

職業訓練のメリット

  • 割と時代に合わせて学ぶべきものをアップデートしている
  • 同じ境遇の一緒に学ぶ仲間がいる
  • 人の目があるのでモチベーションを下げることなく課題に向き合える
  • 卒業制作があるのでそれをそのままポートフォリオにできる
  • 失業手当をもらいながら勉強ができる

以上、メリットは沢山ありますが、個人的には一人ではないというのが一番のメリットだと思います。

スクールもスクールによってはオンラインだったり教室へ行っても毎回知らない人ばかりなので知り合いはできず孤独を感じますが、職業訓練校は学校のように同じメンバーが週5で授業形式で学ぶので仲間ができやすいですし、モチベーションが上がります。

ただ仕事を辞めないと職業訓練校に通う資格はないので、仕事を続けつつ学びたいという人は難しいかもしれません。

ですが、ロードマップを見てる方は生半可な気持ちでやろうとしてる方ではない人が多いと思いますので、仕事を辞めた方が時間が使えるので本当にエンジニアとして生きていくという覚悟ができているなら全然ありだと思います。

ドットインストール

もし職業訓練校には行けない、行くまでに時間があるという方はドットインストールで学びましょう。
ドットインストールは自分がhtmlを覚えたころから存在していて(つまり7年位前)未だに圧倒的な人気を誇るプログラミング学習サービスです。有料版もありますが無料版でも十分初歩的な勉強はできます。

主に以下の動画を学習しましょう。

  • はじめてのHTML(全15回)
  • はじめてのCSS(全17回)
  • 実践!ウェブサイトを作ろう (全16回)
  • はじめてのJavaScript (全11回)

必須であるレスポンシブデザインは有料なので、有料版に移ってもいいのですが、書籍で学ぶのもおススメです。

以下の書籍は個人的におすすめです。

 

その他参考になるサイト

参考サイトはこの他にもあります。
検索することで見つかっていくと思うので、参考になるサイトをブックマークしていくといいです。
またfeedlyというアプリは更新された記事をまとめてくれるので、便利です。
コーディングのTIPSを下記記事にまとめていますので、知らないことがないかチェックしてみてください。

はじめの3ヶ月間で持つべきマインド

マークアップも含めプログラミングは、長期戦です。終わりがありません。自分はこの業界7年くらいいますが未だ駆け出しエンジニアだと思って勉強してます。
そのくらい長い戦いではあるんですが、1番覚えるのが大変なのはやはり最初の数ヶ月です。ただこの時期にがむしゃらに頑張った経験は無駄にならないですし、逆にだらだらやってしまうと多分覚えられずに終わってしまいます。
なのでこの3ヶ月は他の何よりも学習を優先することをおすすめします

知識は上塗りしていけばいいので、完璧でなくてもまず終わらせることも大事です。それを繰り返すことでより完璧に近づいていきます。

学習を習慣化させるためには以下の記事を参考にしてみてください。

 

SNSでアウトプット

学習においてアウトプットは記憶を定着するのに有効な手段です。
SNSで簡単に成果をアウトプットしましょう。

大体1日8時間を週5でやります。土日も空いてる時間があれば学習しましょう。
計480時間くらいです。

STEP2:制作物、ポートフォリオ作成(3ヶ月目or4ヶ月目~)

早い人であれば3ヶ月目に入ってからもしくはその前からサイトを合計2件作ります。
最近流行りの模写は個人的に含めない方がいいです。

何故なら模写はそれはそれで勉強にはなるかもしれませんが、思考停止でコピペで出来てしまうため、転職の際免染つ冠へのアピールとしては1番低いレベルです。サイトであれば命名から自分で考えるため見る側としてもその人の実力がわかりやすいですね。

模写を含めずサイトを2件作りましょう。

サイト制作

いきなりサイトを作ると言われても難しいかもしれませんが、自分が作ってみたいサイトなら何でも構いません。やり方としては以下です。

1.作りたいジャンルの参考サイトを3つ探す(10Pほどがベター)

2.ページ構成、デザインをある程度真似する
3.photoshopでデザイン
4.コーディング

ポートフォリオ

そしてその2サイトを載せるポートフォリオを作ります。ポートフォリオはそこまでこだわらずで大丈夫です。

注意点

ここで注意点ですが、オリジナルサイトを作るときは教科書がない状態になるので必ず躓きます。そういう場合自力で解決できない場合は人に聞いた方が早いです。

またサイトを作成したと思った方も経験者に見てもらってクオリティをを上げることで面接に持って行けるレベルになると思いますので、是非恥ずかしがらずレビューを依頼しましょう。

見てもらう人が周りにいない方は自分が無料で見ます!TwitterからDMください。https://twitter.com/funclur_01

STEP3:面接

ポートフォリオが出来たら面接開始です。
面接や企業選びで気を付けるべきことは下記記事に書いていますので良ければ参照ください。
職務形態ですがバイトでも全然OKです。
大事なのはその企業がレガシー(古い)な技術を採用していないことです。
企業選びでこの後の道が変わってしまいますので、慎重に企業選びをしましょう。
ただ企業失敗しても辞めれば大丈夫なので、迷ったら入ってみましょう。

STEP4:制作会社に入社(1~2年間)

ここの年数は個人差ありです。長ければ長いほどしたずみが長いので、技術力が高まると思います。自分の場合はここに6年費やしました。

企業に就職することのメリット

また企業に入社することは様々なメリットがあります。

  • 仲間ができる
  • 先輩に教えてもらえる
  • 否が応でも幅広く業界のスキルを身につけられる
  • 精神的にも金銭的にも安定している

独学後すぐにフリーランスという方もいるのは事実なのですが、上記のメリットを抜かしてフリーランスになるのはもったいないです。フリーランスになってからの金銭的な伸びやベースのスキル、そして精神状態が全然違うからです。

Web制作会社を選ぶことのメリット

フロントエンドエンジニアが主に働く現場は2つあってWeb制作会社と自社開発の会社です。
どちらもメリットデメリットはあるのですが、1からサイトを作れるというメリットがあるのはWeb制作会社です。自社開発だと部分的な開発になってしまうので総合的な技術が身につきません。

自社開発に興味があるなら1年間Web制作会社、2年目を自社開発系企業というのもおすすめです。

もちろんここの年数は人によってばらつきはあるので、あくまで目安になります。

ちなみに自分の場合自社開発系企業を1年、その後Web制作会社を5年務めています。

STEP5:業務委託のフリーランス

こうして晴れてフリーランスの仲間入りです。

フロントエンドエンジニアのフリーランスは大きく分けて2つ働き方があります。

  • クラウドソーシングなどで1件、1件受注して在宅や好きな場所で働くノマド系フリーランス
  • 主に週3~週5、企業に常駐し働く業務委託系フリーランス

ノマド系フリーランス

フリーランスと言えば前者を思い浮かべがちだと思うのですが、ノマド系フリーランスはかなりきついです。それこそマナブさんのようにブログ等で大きな収入があれば別ですが、単発のWebサイト制作だけで食っていくのは最初の1~2ヶ月はいいかもしれませんが、全然楽にならないのでおススメしません。。

その辺の理由は下記記事に書いています。

業務委託系フリーランス

業務委託はフリーランスエージェントという紹介業をしている会社とコンタクトをとり斡旋先の企業を紹介してもらいます。

先日どのくらいの経験で業務委託系のフリーランスになれるのか聞いたところ1~2年の経験での案件もあるようだったので、驚きました。

もちろん年数だけではないので企業が求める技術に到達していればの話ではありますが、全然可能になっているという現実があります。

ちなみにその案件では月の単価60万円でしたので年収換算すると720万円ですね。

エンジニアになって1年そこらで年収720万近く稼げるってすごくないですか?
うらやましい限りです。

フリーランスエージェントは、何社かあって下記記事でまとめていますので宜しければ参照ください。

最もおすすめは知名度No1の レバテック です。

注意点

最後に年収の話で釣った感あるのですが、稼げる=プログラミングという思考でいる人は注意です。
上記のように結果的には自分も月収90万稼げるようになったのですが、もちろんそれまでにはいばらの道ですし、伸び悩み辛い時期もあります。その時稼ぐだけがモチベーションの原動力だけだと続かないと思います。なぜならすぐに稼げると思っちゃってるからです。

マナブさんも含め自分も自分の周りのエンジニアもですが、稼げるからプログラミングを選択したという人は少ないはずです。稼げるからという理由があってもいいのですが、純粋に楽しい、好きである、興味がわくという思考がないとできない仕事(というかそういう人の方がうまくいくはず)です。

なので、ドットインストールを少しやってみて、面白いなっと思ってゆくゆくはフリーランスになりたいなという方はこのロードマップを是非参考にしてみてください。

フリーランスになったらまず登録すべき4つのエージェント
レバテック

レバテックはフリーランス仲間からも高評価な安心できる転職支援サービスです。
大きな特徴は何と言っても高単価にあります。
また、IT・Webの業界専門なため、業界や技術系の話になると途端についていけなくなるエージェントと違って話がしやすい関係が築けます。

【1】4000件を超える求人
【2】年収290万アップの実績
【3】職務経歴書の添削、模擬面談で事前準備を徹底サポートあり

自分は、単価上げの交渉をしていただき最終的に最初の提示額より15万上げてもらいました。

ギークスジョブ

ギークスジョブは業界実績15年の老舗転職支援サービスです。
その取引企業数は3,000社とレバテックにはわずかに及びませんがトップクラスと言えるでしょう。
公式サイト内では市場価値診断、キャリアアップ事例集を展開しています。

midworks

Midworksは「フリーランス」と「正社員」の良いとこ取りをした、新しい働き方を提案するサービスです。
社員並みの安定した生活や福利厚生、フレキシブルな働き方を特徴とする企業を紹介してますので、その辺気になる方は登録すべきです。

エンジニアルート

・最先端からレガシーな案件まで扱ってるため案件や年代の幅が広い
・直接のユーザーや大手企業も多いため、高単価が可能
・他社と比べて圧倒的にマージン率が低い
などの特徴があり、アットフォームな雰囲気なので業務委託が初めての人でも安心です。

スポンサーリンク
フリーランス未経験
スポンサーリンク
シェアする
フォローする
プロフィール
hoshi

フロントエンドのフリーランスとして企業に週5で業務委託で常駐しています。

正社員からフリーランスになり以下のように変わりました。
・月収 34万→929,346円(最高月収)
・残業時間:最高100時間→0~10時間
・日々の積み上げ:なし→ブログ、筋トレ、プログラミング

このブログでは、フリーランスを目指す方や駆け出しエンジニアの方に向けてWebを仕事にする方法やトレンド情報をアウトプットしています。

技術ブログはこちら→frontendomemo

関係ないですが、オムレツ作るのが好きです。

プロフィール
サイトマップ

宜しければフォロー、feedly登録くださいm(__)m

フォローする
hoshilog

コメント

タイトルとURLをコピーしました