この度フロントエンドエンジニアとして
無事自社開発企業と、受託開発企業に内定をいただくことができました。

フロントエンドについての知識は初心者レベルのReactと、HTML/CSS/JavaScriptあたりくらいですが、独学で勉強をずっとしていたことや、これからどんどんスキルアップしていきたいと思っている姿勢を、企業の方に見ていただけたのかなと思います。

結果的にはエントリーを20社ほどして内定を2社いただくことができました。
書類選考落ちも少々ありましたが、ほとんどの企業様で面接の機会をいただくことができ、選考辞退させていただいたところや現時点で返事待ちのところもありますが、面接の通過率はほぼ100%と言っても良いかなと思います。（正直これはかなり嬉しい・・・笑）

##この記事を書こうと思った理由
私と同じように、実務未経験でもフロントエンドエンジニアになりたい、と思っている方のタメに少しでもなれたらいいなと、この記事を書こうと思いました。

まず、未経験でエンジニアに転職なんて無理なんじゃないかと、私は思っていたので、コロナもありかなり不安な転職活動でした。
どの求人を見ても、必須スキルのところに書いてあるのは
・フロントエンド開発の実務経験がある方
・React、Vue.jsなどを用いたコーディング経験や設計・開発経験　
などなど・・・。
フロントエンドエンジニアとしての実務経験がないと、最早無理ではないか、と。

でも私、この必須スキルの記述はかなり無視して応募していました。
（企業の方々、お手間を取らせてしまったと思います、すみません。）

必須要件に書いていても、結構求人媒体に登録していた経歴だったりを見て面接の機会をくださる企業様も多く、ちゃんと見てくださっているんだな〜と感動しました。スカウトメールを送っていただくこともあったので、求人媒体の経歴はかなりきちんと書いておくべきだなと思いました。

なぜフロントエンドエンジニアになりたかったのか

私は元々自分でホームページを作ったりすることが好きで、前職でもCMSを使って取引先とのルールをまとめたポータルサイトを作ったりしていました。
また、前職でECサイトの開発でUIデザインを制作した経験があり、「このデザインって実際実装できるのかな？」と分からないところが多々あったので、そういったところから独学で静的なサイトが作れるよう学習していました。
また、チームで一緒になったエンジニアの方達がとっても素敵な人で、こういう人たちが働いている会社でWEB制作できたら楽しそうだな〜と思ったのが、WEB業界に興味を持ったきっかけでした。

その後、やはりHTML/CSSだけでなくもっとスキルアップしたいと思い、前職を辞めて転職活動をしようということに。

私は自分の強みを**"デザインもできるフロントエンジニア"**として掲げ、転職活動に臨んでいましたが、正直なところこれがかなり良かったと思っています。笑
やはりデザインができるエンジニアの方の需要は半端ない気がしています。

フロントエンドエンジニアへの転職活動に向けてやったこと

大きく分けて5つです。

①関西から関東へ引っ越し

正直ここまではしなくてよかったのかもしれません。笑
ただ、やっぱり関西と東京では求人数が全然違うなと思いました。
求人に応募するときに、勤務地を気にせず応募できるのはよかったです。
あと、やっぱり関西よりお給料高いなと思いました。笑

②実務経験を積むために制作会社でアルバイト

前職は営業事務で全くWEB業界と無関係だったので、とにかくWEB業界ってどんなものなのか？コードを使った実務ってどんな感じなのかな？ということをを知りたくて、クラウドワークスで募集されていたWEB制作会社のアルバイトを約半年することになりました。
そのアルバイト先も、「将来WEB業界で働きたい方を支援します」と募集要項に記載していたので、ここなら将来的に転職活動の後押しをしていただけそうだなと思い入社しました。
正社員ではなくアルバイトだったので、入社のハードルも結構低い印象でした。この時一応、簡単な静的サイトは自分で作ってポートフォリオとして持っていってました。

ここの会社ではワイヤーフレームの制作やデザイン、コーディング、案件の進捗管理など、いろんなことを任せていただけたので、転職活動ではここもかなりアピールポイントになったのかなと思います。

③ポートフォリオ制作

エンジニア転職で欠かせないポートフォリオだと思いますが、私はアルバイトをしながら下記のポートフォリオを作りました。
結構いろんな種類のポートフォリオがありますが、Reactを主に使用したフロントエンドエンジニアになりたかったので、Reactを使ったアプリを複数開発しました。

1.ポートフォリオサイト自体をデザイン
→HTML/CSSでコーディング、デザインも作品として掲載
ポートフォリオサイト自体を自分でデザインからコーディングまでやったのは、かなり色々な企業さんから評価していただけたかなと思います。ただコーディングを褒められるよりはデザインを褒めていただくことの方が多かったです。笑

2.ReactとFirebaseを使った家計簿WEBアプリ
Firebaseなどを使用してログイン認証やデータを表示したり保存したりといったデータベースありきの開発も大事だなと思います。これは私だけではとても分からなかったので、MENTAで知見のある現役エンジニアの方にメンターになっていただいて、教えていただきながら開発しました。

3.Reactで作ったSPAのポートフォリオサイト
SPAの理解もあるよ〜とアピールしたくて、笑
ポートフォリオサイトと内容は全く同じですが、それをReactで作ったという感じです。

4.Reactで作った外部API連携のWEBアプリ 2つ
映画の検索と、YouTubeの検索ができるWEBアプリを１つずつ制作しました。
外部APIを引っ張ってきているポートフォリオもあるとアピールになりそうな気がしてます。

5.HTML/CSS/JavaScriptを使ったサイト 1つ
6.WEBサイトのデザインを2種くらい
7.XDを使ったスマホアプリのUIデザイン 1つ
このあたりは、XDやFigmaを使ってデザイン→コーディングまでを行い、作品として残しました。
写真とかはフリー素材のものを使って、架空の商品広告LPだったりを作りました。

④職務経歴書、スキルシートをきちんと書く、充実させる

前職がかなり色んな業務を任されていたので、そう言ったところを事細かに職務経歴書に記載しました。
自分が使えるツールやスキルも、片っ端から書きました。
ちなみに職務経歴書も、Excelとかではなく、Figmaで自作しました。

⑤インプット、アウトプットをする姿勢

私はこのQiitaやTwitterで、自分が学んだことや疑問に思っていることなどを投稿して、目に見える形でインプットアウトプットを残していました。継続的に学習ができると言う部分のアピールになると思います。
あとはGitHubの草を生やすのも大事とよく教わりましたが、正直なところ私のGitHubはあんまり草生えてません。。笑

転職に使用した求人媒体

主にGreen、Wantedlyです。

個人的には、Greenの方が応募したことに対しての、企業様側からの何らかのアクションがきちんとあるなと思いました。
Wantedlyは、「話を聞いてみたい」「今すぐ一緒に働きたい」などを気になる企業様に送ったりしていましたが、結構返信率はまちまちな印象です。ただ返事が返ってきたところは高確率で選考に進みました。
募集要項などもしっかり記載していることから、私はGreenメインで活動していました。

独学開始から内定をもらうまでの期間

独学をぼやぼやーっと始めたのは2019年6月で、本格的に開始したのは2020年11月でした。
なので約10ヶ月かかりました。

こんな初々しいこと呟いちゃったりなんかしちゃったりして。。。笑

実際 2021年の春に会社を退職し、引っ越して、先ほど言っていたWEB制作会社で半年間アルバイトをしました。
アルバイトをしながらポートフォリオ制作をして、これで挑戦してみよう！となったのが2021年9月。そこから１ヶ月足らずで内定をいただくことができました。
予定では春には就職成功させたかったのでちょっと伸びてしまいましたが、逆に前職を辞めてすぐエンジニアに転職しようとしても無理だったんじゃないかなあと思っています。やっぱりアルバイトでも、WEB制作会社でのコーディング実務経験があるのは強かったです。

##面接でよく聞かれたこと
■独学で勉強されていたとのことですが、どのように勉強されていたんですか？
ポイント：
独学のため、どうやって学習していたのかはほぼ必ず聞かれた。自分がどれだけ学習に時間を割くことができるか、学習への熱量があるかを伝えるのが大事だと思う。

私の回答：
Progate、YouTubeやUdemyなどを使用して、ハンズオンの課題などをひたすらやったり、個人でアプリの開発などを行った。わからないところはMENTAで現役エンジニアの方に教えていただいた。

■なぜReactをやろうと思ったのですか？
ポイント：
なぜその技術に興味を持ったのか、きっかけはほぼ必ず聞かれる。私はデザインをしていた経験からコンポーネントの概念がありReactを学習するきっかけになったので、その部分に触れた。

私の回答：
保守性に優れており、要素１つ１つをコンポーネント化できるという部分に魅力を感じたから。

■なぜ今の仕事(HTML/CSS)で正社員になろうと思わなかったのですか？
ポイント：
HTMLやCSSから踏み込んだ技術を学習するのは勇気も労力も必要。どうして学習しようと思ったのか、どうしてスキルアップしたいと思ったのかを伝えていくのがいいと思う。

私の回答：
HTML/CSSだけで今後これ以上スキルアップしていくことは難しいと思ったから。アルバイトをしたり、Twitterで情報収集していく中で、コーディング技術のある人が増えていると実感し、将来的にWEBデザイナーとしての需要に不安を感じたため。

■自分はどんな人だと周りからよく言われますか？
ポイント：
周りからどう思われているかを、客観的に自分を見られているかを判断しているのかなと思うので、ネガティブな部分であれば必ずその後にポジティブな部分をアピールする。

私の回答：
芯が強い（ネガティブ面で言うと頑固）とよく言われる。自分で決めたことは必ず実行する。好奇心が強いので、そういった部分では新しいことに挑戦することに尻込みすることはあまりない。

##未経験でもフロントエンドエンジニアになれる！！
実際転職活動をしてみて、実務未経験者の転職活動において重要なのは、「入社してからこの人はちゃんと学習してくれるのか？スキルアップしようとする熱意はあるのか？」はかなり見られているのかな〜と思いました。

また、入社してから今までの経験をどのようにその会社で発揮してくれるのか？というところもかなり重要かなと。
私で言えば、前職でUIデザインをしていたという職務経歴をよく突っ込まれたので、その経験をいかに入社したら発揮できるか、と言うところを意識して伝えていました。

##自社開発と受託開発　どちらが良いのか
自社開発と受託開発については、私はReactの知識をどんどん伸ばしていきたかったので、開発にReactを使用している自社開発企業に就職する！と最終的には決めましたが、正直それ以外にもいろんなスキルを身につけていけるであろう受託開発企業もかなり魅力的でした。なので転職活動においては、どちらかに絞っていたわけではなく、満遍なくやっていました。
漠然と「自社開発企業がいい」と謳っている記事とかもよく見かけましたが、その人が今後どういうふうにスキルを伸ばしていきたいかによって変わるんじゃないかなとも思いました。これは現役エンジニアの方に相談しても同じ意見でした。

##最後に
コロナもあって未経験から異業種への転職はどの業界でもかなり狭き門になっている気がしましたが、職歴よりもどれだけ入社してからを頑張れるかを企業様は見てくださっていて、すごく嬉しかったです。

この記事を見た人が少しでも転職成功に近づけたらいいなと思います＊