【20代中盤・未経験→自社開発系のWebエンジニア就職決定】Next.jsを使用したモダンな現場にキャリアアップ！

こちらこそ、よろしくお願いいたします！

製造業を1年弱経験していました。

その後、簡単なサイト作成は高校の授業で経験していたこともあり、Web関連業務に関われたらと思ってECサイト運営の会社に入社しました。

ECサイト運営は3年未満勤務しましたね。
業務内容としては、もともとあるサイトのHTMLやCSSを修正する程度でした。

またAmazonやYahooのバナー画像作成、カタログの画像作成などのタスクもあり、商品ページを作って投稿したり、注文があった際は在庫管理なども担当していました。

前職でHTML、CSS、JavaScriptを触ってプログラミングが面白いと感じました。

もっと本格的に学びたいと思ったため、Tech Mentorに応募しました！

Webエンジニア転職コースです。

学習カリキュラムがしっかりしていたことや、現役エンジニアのメンターが進捗管理をしてくれることに魅力を感じました。

とくに「エンジニアになるまでの学習ロードマップ」が明確だった点に魅力を感じ、受講を決めました。
当時だとそのようなロードマップがあるサービスが少なかったため、ありがたかったです。

また、担当メンターの方が寄り添ってくれたり、話を聞いてくれたりする姿勢も好印象だと思いました。

カリキュラム内に、「自信がないところ」「学んだところ」などをまとめる欄があり、学習したことの振り返りになったので定着しやすかったです！
まとめた内容をメンターの方がフィードバックしてくれる機会もあり、勉強になりましたね。

定期メンタリングについては、学習する上でモチベーション低下は皆さんあると思うのですが、そういう場面でメンタリングをして頂きモチベーションを保つことが出来ました。
最初のうちは覚えることが多いですが、メンタリング後は「早く転職したい、もっと頑張らなきゃ」というやる気に繋がりました。

最近の情報をシェアしてくれるチャンネルもあり、トレンドを知れてありがたかったです。
また、お披露目チャンネルでは先輩方のつくったポートフォリオを拝見できました。
ポートフォリオのレベルがすごい人がいて、もっと頑張らなきゃという気持ちになりましたね！

日々の学習した内容を気軽に投稿し、共有できるX(旧Twitter)のようなSNSサービスを作成しました。

技術構成は以下のようになります！

・HTML
・CSS
・React
・TypeScript
・MaterialUI
・TailWindCSS
・AtomicDesign
・Recoil
・Next.js
・Firebase

主に以下のような機能を実装しました！

・認証（サインアップ、ログイン、ログアウト、パスワードリセット）
・ユーザー編集（画像アイコン、ユーザーネーム）
・CRUD機能（投稿、参照、編集、削除）
・いいね機能
・自身の投稿の絞込み
・コメント機能
・画像プレビュー機能

1ヶ月程度になります！

工夫した点としては、共通化しやすいよう意識しコンポーネントの作成、atomicdesignを使用し部品ごとの大きさにファイルを分けて分かりやすくした点です。

またポートフォリオということもあってごちゃごちゃしすぎず直感的に触れるようにしたかったので、どんな機能が使えるのか、どんなことができるのかパッと見でわかるようにシンプルな実装を心がけました。

苦労した点としては、データ取得でどこを参照するかの構造調整をしたことです。
また、ユーザー編集時の画像アイコンが上手く表示されず、こちらの改修に時間がかかりました。

メインで使っていたのはWantedly、サブで使っていたのはGreenです！

エントリー数は30、内定数は自社開発2社、SES1社です！

よく聞かれたこととしては以下なので、これらを考えておくことは重要かなと思います。

・なぜエンジニアを目指したのか
・なぜその技術(VueじゃなくてNext.js)を使ったのかの説明
・基本知識（SSGとSSRの違いを説明してほしいなど）

また、「これからなりたい将来像はあるか」と聞かれて、その答えをあらかじめ用意しておきました。
「最初はフロントエンドで入って、バックエンドと並行して学習してフルスタックを目指し、将来的にPMにキャリアアップしたい」と伝えると、「未経験でここまで考えている人は少ない」と評価されることが多かったと思います。

社員数が1～10名程度の自社開発スタートアップ企業です。
フロントエンド採用で、勤務体系としては在宅でも出勤でもOKという感じです。

担当領域は主にNext.js, MicroCMSページ作成、GASのYouTubeクローリングツールなどになります。

今回フロントエンドで入社したので、バックエンドと並行してフルスタックを目指し、ゆくゆくはPMにキャリアアップできたらいいなと思っております！

TechMentorはエンジニアなりたい方向けのスクールです。

・何から手をつけていいか分からない人

・気軽に質問できる環境が欲しい人

・入社前にあらかじめチーム開発を経験したい方

・一緒に学習してる同志との交流を求める人

にすごくおすすめです！