Web制作フリーランスから未経験で自社開発企業のフロントエンドエンジニアに就職する秘訣を徹底インタビュー

【ゲストプロフィール】
しゅーへいさん（@shuhei_308）

介護職→2020年2月Web制作学習開始→フリーランス→制作会社にてWebディレクター→フリーランス→自社開発企業にてReactフロントエンドエンジニアの内定。個人事業では2人でWebブランディングを軸にWeb戦略→実装まで一貫して制作。

Shumiデザイン：https://shumiofficial.com/

きっかけはマナブさん(@manabubannai)のYouTubeでした！

介護職も素敵な仕事で毎日が楽しかったのですが、勉強するのが好きで普段からよく読書をしていました。

ただ、スキルを付けて稼ぐために、Web制作の世界に行こう！と思ったのがきっかけです。

そうですね！初年度からフリーランスとは言っても、月10万円稼げるかどうかのところからでした。

まずは小さい実績を積んでから制作会社で勤務しようと思ってたところ、コーディング実装でお世話になった企業の社長に自社サービスを展開したいからとお誘いいただいて、入社しました。

ただ、お誘い頂いた自社サービスがローンチ前に倒れてしまい、方向性が違ったのでフリーランスに戻ったという心境の変化でした。

制作会社に入社してからは、Shopifyを利用したネットショップ戦略や企画、実装などを行うWebディレクター兼マーケター。自社サービスローンチまでのマーケティング戦略チームにてLPを作ったりしていました。

いえ、今はShopifyは請け負わず、ブランディングを軸にしたホームページ制作をメインに、Web企画立案→実装まで行っております。

こちらが制作実績になってますね。

そうです！！2人でやってます。

個人事業に関しては、フロントエンドに舵を切るので、今後Webアプリ開発ばかりになるであろうと思った反面、Webサイト制作でもようやく芽が出始めていたんですよね。

「Webサイト制作の仕事を無くしたくない！」と思い、仲良いデザイナーさんと2人で行うことを提案したら一緒にやろうとなったので、2人で行っています。

そうですね！2人で始めてからは、サイト制作はもちろん、自社と他社のマーケティング戦略にも関わる日々ですので、良い刺激を受けてまして。

Webサイト制作はとても好きなのと、Webアプリ開発の好奇心も止まらないので、正社員をしながらWeb制作をすることを決意しました。

Webアプリ開発だと、チームで密に話し合って1つのサービスを作れそう！と思ったのは大きいですね。

あとは、自分のエンジニアとしての市場価値を上げることができるのも、フロントエンドを目指した理由の一つですね。

UIにこだわったりするのも好きだからというのもあります。

（あ、自分に振るんだ…）

そうですね〜。Web制作の実装者はいわゆるコーダーというエンジニア職に分類されるかと思います。

フロントエンドエンジニアは、サイト制作、Webアプリ開発。デザインを再現する+機能追加やAPI連携、パフォーマンスを上げるエンジニアと認識しています。

私はReactを選んで学習を開始したので、Reactベースでいきます！

全体の流れでいうと、モダンJavaScriptの変遷や歴史を知り、なぜReactのようなモダンフロントエンドが誕生したのかをまず学びます。

その後に頻出のJavaScriptと、Reactの基礎を学びReactのみでアプリを制作していきます。

TypeScriptも必須なので学んで、電卓アプリ、todoリストを作りながら触れていきます。

正直英語で何言ってるかはわからないです笑

でも、写経するだけでも「ここの実装はこう書くのか！」と驚き・発見ばかりで楽しいです。

JavaScript Masteryさんはかなりクオリティが高いのでおすすめします。クローンアプリを作るレクチャーが多いです。

最後は面接対策のために、公式ドキュメントを読み込んで復習を行ったり、なぜそのコードを使用するのか？は言えるようにしていました。

ポートフォリオ制作は、Discordクローンのようなチャットアプリ、管理画面作成と、Webサイト制作をReact、Next.js、TypeScriptを用いて、MicroCMSを連携しました。

その時にはMENTAを利用してメンターを雇い、相談したり質問しながら制作しました。

正直フロントエンドエンジニア転職はかなり厳しかったです…

1年半学習しながらようやく内定をいただきました。

転職で大事なのは、学習ではなくて、面接です。

「今まで作成されたアプリに対して、どこが大変でした？どう解決できましたか？」

これにはっきりと言えるための学習でなければいけません。

そこで苦労したことも含め面接官に刺さらないと、例え何時間も学習したとしても、「あまり理解していない、情熱を注いで頑張っていない」

そう判断されかねないからです。

面接の応募数、各面接の数値について以下にまとめました！

応募はGeeklyというサービスを使っています。

落ちた理由は、「コミュニケーションは良いが、Reactの理解が乏しいし、未経験がやはりひっかかる」とのことでした。

そうなんです。面接1シーズン目では、主に学習してきたことをメインに話したのが敗因だと気づいたからです。

「もっとWeb制作でしてきた企画、実装に関して話してみよう」と戦略を立て直しました。

やはりそこで、Web制作の経験はかなり活きました！！

「サイト制作に対する熱い思いが、Webアプリにも発揮できると思えた」

「特にディレクション経験もあるならうちにぜひ」

とお声かけいただけたので、Web制作の経験はかなり役に立ちましたね！

入社する会社の事業は、人材サービスや業務効率化のWebアプリ制作やサイト制作・LPなどもありますので、そちらの実装がメインとなり、1-2個のWebアプリのディレクション業務も行う予定です。

すごくおすすめしたいです！！

個人で稼ぐとかではなく、企業に勤めて自分のスキルの市場価値を上げて行きたい人もいると思います。

ただ、コーダー職ですと素晴らしい職であるにもかかわらず、市場では低めにみられることがしばしばありますよね。

フロントエンドエンジニアは、2,3年で、年収をでコーダーの時の1.5倍に上げやすいと言われている職種ですし、経験3年で月80万円超えの業務委託契約のお仕事もあるから夢があります。

1年前はReactの募集も少なかったのが、今ではかなり肌感覚でも増えてきていると感じています。

あとは、何より一緒にアプリ制作やホームページを最新技術使って作っていくのを想像するだけでも、楽しそう…!!と思ってしまいます。

クリエイティブが好き！新しい技術に触れたい！という方はキャリアアップすることをぜひおすすめしたいです。

そうですね。まずはぜひReactなどのモダンフロントエンド言語で作成されているサイトに触れてみてほしいです。

そうすることで、高速で堅牢なサイトが作れると知ることができ、言語取得後に作れるもののイメージもつきますので。

あとは、「作って学ぶ Next.js/React Webサイト構築」を見ながら、Reactのフレームワークである、Next.jsで作成するサイト制作に触れてみましょう。

そうですね！JavaScriptがそこまで分かっていなくても簡単に進めることができるので、とても手がつけやすいです。

もしここでやったNext.jsが面白く、フロントエンドエンジニアになりたいと思ったら、先程述べた私の転職までの流れの学習を行ってみてください！

コーダーとして、独立するのも稼げるようになるのもいいと思うんです。

ただ、Web制作を通じて「クリエイティブって楽しいな」と感じたのなら、Web開発に手を出してからでも独立するのは遅くないのかなと思います。

Web開発の方が正直なところ楽しいです笑

今使っている技術がいつ無くなるかわからない不安を抱えるぐらいなら、もう一歩進んでフロントエンドエンジニアの道を進むのも悪くないと思っています。

少しでもフロントエンドエンジニアを目指したい…!!と思っているのなら、一緒に頑張りましょう！！