
27歳「Web制作で入社したのに事務ばかり」|スキルを磨き直して転職に成功!
「制作の仕事がしたくて入ったのに、気づけば事務ばかり——」 Y.Oさんは専門学校を卒業後、コールセンターを経てWeb制作兼一般事務として就職。職業訓練でHTML/CSS/JS/WordPressなどを学んでいたため、「制 […]
この度Webエンジニア転職コースを活用し、見事理想の企業への転職を達成した「てぃーぬ」さんにインタビューを行いました。
てぃーぬさんはTech MentorのWebエンジニア転職コースを受講し、Webエンジニアとして転職を成功させました。
てぃーぬさんはもともとWeb制作エンジニアとして働いていましたが、フロント開発プログラミングとチーム開発への憧れからキャリアアップを決心。キャリアコンサルティングのサポートも活用の上、みごと転職を実現されました。
今回は、そんなてぃーぬさんに転職を目指した理由やサポートを受けた感想、転職に向けて心がけたことなどをインタビューしました!
本記事対象の方

本日はお時間をいただきありがとうございます!
よろしくお願いいたします!

よろしくお願いします!


てぃーぬさんの経歴の詳細を教えてください!

税理士法人の総合職として4年、Web制作会社のコーダーとして2年勤務していました。

税理士法人の総合職だと、まったく異なるキャリアチェンジですね!
どのようなきっかけでWebエンジニア転職を目指したのですか?

主に次の2点が理由です。
①キャリアアップ
コーダーとしてWebサイト構築が一通りできるようになり、フロント側のエンジニアとしてモダンでもう少し難しいコードを書くことに挑戦してみたいと思っていたためです。
②チームで開発してみたかった
コーダーとして単独で作業することが多く、他の方のコードレビューをしたりチームで開発をする経験がほぼありませんでした。そんな環境の中、他のエンジニアの方と交流しながら同じプロダクトを開発してみたいと思っていたためです。

たしかにコーディングはあまりチームで行われる仕事ではありませんからね。
チーム開発を通して成長できたことはありますか?

以下ができるようになったことが、成長したと感じています。
・Githubの使い方(コマンドの叩き方、branchの切り方、プルリクなど)
・プルリクの確認の仕方
・チームでのソースの共有の仕方(package.jsonやauth権限設定など)
・スケジュール進行
一人で学習してた時には学べなかったことなので、やって良かったです。

Githubはあらゆる企業で使われているので、これを習得できたのは大きいですね!

今回、てぃーぬさんが受講したコースを教えてください!

数あるサービスの中で本コースを受講した理由はなんでしたか?

主に次の3点について魅力を感じたためです。
①学習カリキュラムを受講生ごとにカスタマイズできるから
仕事で既にHTML,CSS,JSを使用しており、React等も基礎は独学していたため、自分にとって改めて学習する必要のない分野についてはカリキュラムを省けそうだと考えたためです。
実際に、入会してすぐにオリジナルポートフォリオ制作に着手できました。
②サブスク月額コースで受講できるから
全てのカリキュラムを受講する必要がない場合は「サブスク月額コース」を選択して、お金の無駄なく受講したいカリキュラムだけを選べそうだと考えたためです。
③オリジナルポートフォリオが作れるから
最終的にはカリキュラム通りではなく、0からオリジナルポートフォリオを作れそうな環境(メンターさんのサポート体制など)が整っていそうだと感じたためです。

料金やサポート体制で選んでいただけたとのこと、嬉しく思います。
実際にサポートを受けた率直な感想としては、いかがでしたか?

思い切って入会して本当に良かったです!入会していなかったら転職できなかったと思います。
入会前、独学した後に転職活動をして上手くいかなかった経験をしていたため、テックメンターさんでオリジナルポートフォリオを作った後に改めて転職活動をしました。
そしたら書類選考も通りやすくなり、面接で評価をいただく機会も増えた事を如実に感じました。
入会して良かった点は特に、
・オリジナルポートフォリオを作れた事
・プロの方にコードの添削をしていただいた事
・チームでのGitHubの使い方を学べた事
・Slackで気軽に質問できた事
です。転職活動では、メンタル面においてもメンターさんに支えていただきました。

就職活動のお力添えができたようで、大変うれしく思います😊
未経験からでも歓迎!無料でキャリア相談ができます。

今回作成したポートフォリオサイトの概要を教えてください!

Next.jsを使用した、筋トレ記録アプリです。
身体の部位別に筋トレ結果を記録することが可能で、部位別の記録一覧をグラフとともに確認することもできます。
趣味で筋トレにハマっているのですが、各マシンの重量と回数の増加を数字で実感できた方がやる気が出ます。
なのでグラフで記録の増減を分かりやすく確認できる筋トレ記録アプリを作ってみたい、と思ったことが制作動機です。

自分の趣味を活かした素晴らしいアイデアですね!
技術構成はどのようなものだったのですか?

以下のとおりです!
【使用言語・ライブラリ・フレームワーク・ツールなど】
・Next.js
・React
・TypeScript
・Tailwind CSS
・React Hook Form
・react-chartjs-2
・Recoil
【ORM】
・Prisma
【データベース】
・Supabase

モダンなNext.jsおよびReactを活用したのですね!
上記の構成で、具体的にどのような機能を実装したのでしょうか?

以下のような機能を実装しました。
・Prismaを使用した作成、読み出し、更新、削除機能
・Supabaseのログイン認証機能
(新規登録、マイページでログイン情報を変更機能も追加)
・フォームに登録済の記録を初期値セット など

ログイン認証機能は最初のうちは苦労しますよね。
作成期間はどの程度だったのでしょうか?

1ヶ月半です。

上記のようなスキルセットのポートフォリオを1ヶ月半で実装できるなんてすごいです!
ポートフォリオサイトを作り終えた率直な感想としてはいかがでしょうか?

筋トレ記録アプリなので「身体の複数の部位に対し、それぞれに複数の筋トレ種目を登録する」という実装をしたかったのですが、そもそもまずデータベースの設計やpage.tsxの作り方など、全体像をイメージする事自体が大変でした。
そのため随時メンターさんに実装方法が合っているか確認しながらアプリを構築しました。
また特に詳細ページには「作成、読み出し、更新、削除」機能を全て実装したいと考えていたため、それぞれの機能が干渉しないようにコードを書くことが難しかったです。

たしかにそもそもの全体像を掴めないと、着手しようがないですからね…!
面接で、アプリの評価はいかがでしたか?

Githubのソースからライブラリなどの説明をしたのですが、それに応じて技術的な質問を多くされました。
また、これは想定していたものの、アプリの作成意図を尋ねられました。
「自分が作ったものをきちんと説明できる」ということも理解してもらえたので、いいアピールになったかなと思います。

たしかに作成意図や技術的に工夫した点は話せたほうがいいですからね!

メインで活用していた求人サイトを教えてください!

WantedlyとGreenです。

なるほど!
活用方法にコツなどあれば教えてください。

Wantedlyは有料会員になるとスカウトが圧倒的に来やすかったです。なので就活期間ぐらいは有料化していてもいいと思いました。

そうなんですね!
エントリー数および内定数はどのくらいだったのでしょうか?

20社中、2社から内定をいただきました。
内訳はSES1社、SESおよび受託開発会社1社です。

しっかり数を打ち、内定を勝ち取ったのですね!
就活の事前準備でのポイントや、大事だと思ったことを教えてください。

「志望動機」と「キャリアビジョン」は、会社ごとにしっかり考えた方が良いと思います。
その会社になぜ惹かれ、技術面・役職面でどういう将来図を描いているのかまで熱意を伝えられると、面接官の方から良い評価をいただけた実感がありました。
また面接で技術的な質問をいただく事が予想以上に多かったので、学習中の言語の基礎的な知識に関してはしっかり答えられるようにしておいた方が安心です。

この2つはやはり必須で用意しておきたいですよね。
面接で珍しい質問や印象に残った質問などありましたか?

「好きなCSSのフレームワークは何ですか?」と聞かれました。
これについてはあらかじめ自分が好きなフレームワークと好きな理由を準備しておいたので、よかったと思いました。
また「Typescriptはエラーが出やすくて面倒くさくないか?」という質問もありました。
自分はTypescriptで実装しておくことが保守フェーズまでみて有効だと思った、といった感じに答えました。

知識の広さや理解度を問う質問だったのかもしれないですね。
就活における反省点などがあれば、教えてください!

応募先企業で「自分が将来実現したいこと」を、もっと早い段階から検討して伝えられるようにしておけばよかったとは思いました。
とにかく必須なのは、早めの企業研究だなと感じましたね。

仰るとおりで、なんでも早め早めが大切ですよね。
入社を決めた企業の詳細を教えてください。

SESおよび受託開発会社です。
React、Vueのフロントエンド採用です。

おめでとうございます!
入社の決め手はなんだったのでしょうか?

面接官と社長の雰囲気が自分に合っていると感じたからです。
また、自分の使いたいReact、Next.jsを主に使っていたので親近感が湧きました。

話し心地や雰囲気など、ノンバーバルな部分も大切ですよね。
自分の使いたいスキルを実務でこなせるのもGoodです👏

てぃーぬさんのこれからの目標を教えてください!

フロントエンドエンジニアとして、まずは1人でも仕事を任せていただけるくらいのレベルになるまで、ひたすら目の前の事を頑張りたいと思います。
その後はレビュアーの立場として新人の方のサポートができるようになり、最終的には技術選定などにも自信を持って関われるようなエンジニアになりたいです。

てぃーぬさんのひたむきな学習姿勢なら、すぐに達成できると思います!
Tech Mentorのキャリアコンサルタントのサポートはいかがでしたか?

選考書類の添削、模擬面接をしていただき、実際の活動でとても活かすことができました!
また受託開発・SES・SIerの違いなど、業界の事も詳しくお聞きできたのが良かったです。

就職活動のお力添えができて何よりです!
最後に、本プランの利用を検討する方向けにメッセージをお願いします!

一人で悩んでいる方・本気で転職したい方には、入会を本当にオススメしたいです。
私は一人で悩んでいるときに思い切って入会して最終的に内定をいただけたので、本当に良かったと思っています!

インタビューは以上になります。
てぃーぬさん、お忙しいところありがとうございました!
未経験からでも歓迎!無料でキャリア相談ができます。
Tech Mentorでは
といったお悩みを抱えている方へ向け、個別説明会を設けています。
個別説明会では経験豊富なカウンセラーが、一人ひとりのお悩みに対し具体的なアクションを提案しています。
目標選定から将来のキャリアや働き方に関する不安・悩みの対応、それを踏まえて最適なコース選択などのご相談を受け付けております!

Tech Mentorに関すること以外にも学習手段ややりたいことなど、どんな悩みでもお気軽にご相談ください!
皆さまとお話できることを楽しみにしています!
未経験からでも歓迎!無料でキャリア相談ができます。

「制作の仕事がしたくて入ったのに、気づけば事務ばかり——」 Y.Oさんは専門学校を卒業後、コールセンターを経てWeb制作兼一般事務として就職。職業訓練でHTML/CSS/JS/WordPressなどを学んでいたため、「制 […]

「いつかは自分のペースで働きたい」——そう思い続けながら、17年間看護師として働いてきたMikiさん。 3〜4年前にプログラミングを経験したものの、地方での就職の難しさを感じて一度中断。しかし「やっぱりWeb系でやってい […]

「お客様と話していて、システムの裏側のことがわからないことが多くて——」 SaaS営業として働くよっしーさんがプログラミング学習を始めたのは、「転職のため」ではありませんでした。裏側の仕組みを理解することで、営業としての […]

受講生のTさんは、SE経験はあるものの、直近1年のアプリ開発以外は監視・ヘルプデスクが中心の業務でした。「開発業務に就きたい」という思いを実現するため、スクールでの受講を開始し、見事に自社開発企業から内定を獲得しました。 […]
ご希望の日時を選択し、簡単30秒で予約できます。
※入会前提ではありませんので、お気軽にご参加ください。