フロントエンドエンジニアになるには

フロントエンドエンジニア 独学
フロントエンドエンジニア

ポートフォリオ(SPA)は、Web開発のコンセプト

フロントエンドエンジニアっちゅうんはやな、ウェブサイトとかアプリの「見える部分」作るエンジニアのことやねん。例えば、ボタン押したらピカッと光るとか、スライドして画面が変わるとか、そんなん全部フロントエンドエンジニアの仕事やで。

使う言語はHTML、CSS、JavaScriptとかや。最近はReactとかVue.jsっちゅうフレームワーク使うのが流行りやな。要は、ユーザーが「うわぁ、これ使いやすい!」とか「カッコええな!」思うようにデザインと機能を作る職業やね。

バックエンドエンジニアと違て、サーバーとかデータベースの裏方仕事やのうて、目に見える華やかな部分を担当するのが特徴やで!興味あったらプログラミングスクールで学べるから、一回試してみぃな!

1.フロントエンドエンジニアになるには

フロントエンドエンジニア
フロントエンドエンジニア

フロントエンドエンジニアになるためには、

1.HTML、CSS、JavaScriptをしっかり勉強する

これがフロントエンドの基礎になるから、ここはしっかり抑えとかなあかん。次に、React、Vue.js、Angularみたいなフロントエンドのフレームワークやライブラリを学ぶとええで。これらを使うことで、効率的に開発ができるようになるんや。

実践あるのみや。自分でウェブサイトやアプリを作ってみて、経験を積むことが大事やで。GitHubとかにコードを公開して、他の人のフィードバックをもらうのもええで。フロントエンドエンジニアは、見た目も大事やから、UI/UXの基本を学んどくとええな。デザインツール(FigmaとかSketch)も使えるようになると便利やで。

自分の作った作品をまとめたポートフォリオを作って、アピールできるようにするんや。これが就職活動やフリーランスの仕事を取るときに役立つで。勉強会やハッカソンに参加したり、オンラインコミュニティで質問や情報交換をしたりするのもええで。最新の技術やトレンドを追うことができるし、人脈も広がるんや。

フロントエンドの技術は日々進化しとるから、常に新しいことを学び続ける姿勢が大事

ブログやドキュメント、オンラインコースなんかを活用して、最新の情報をキャッチアップしような。これらを意識してコツコツ頑張ったら、フロントエンドエンジニアとして活躍できるようになるはずやで。応援しとるわ!

基礎知識の学習

HTML、CSS、JavaScriptなど、フロントエンド開発に必要な基本的な技術を学びましょ。オンラインのチュートリアル、コース、書籍などを利用して、自己学習を進めることができまんねん。

実践的なプロジェクト

学んだ知識を実際のプロジェクトに適用してみましょ。自分でウェブサイトやウェブアプリケーションを作成することで、実践的な経験を積むことができまんねん。

フレームワークやツールの学習

フロントエンド開発には多くのフレームワークやツールが利用されてます。代表的なものにはReact、Angular、Vue.jsなどがありま。これらのフレームワークやツールを学ぶことで、効率的な開発が可能になりまんねん。

フレームワークっちゅうんはやな、プログラミングの「便利なセット道具」みたいなもんや!たとえば、家具作るときに一から木切ったりネジ作ったりせんと、ホームセンターで既成パーツ買うやろ?そんなんと同じ考え方やねん。

フロントエンドのフレームワークやったら、ReactとかVue.jsとかが有名やけど、これらを使うとやな、複雑なコードを一から書かんでも、パパッと動くアプリとかページを作れるようになるねん。

メリットはな、作業がめっちゃ早くなるし、コードもキレイにまとまるねん。それに、誰かが作った部品(コンポーネント)をそのまま使えるから、時間と手間を節約できるっちゅうわけや。

要するに、「ゼロから作らんでもええように、みんなが助かるよう工夫された道具箱」って思ったらええで!興味あったら、プログラミングスクールで使い方教えてくれるから、一回触ってみぃな!

ポートフォリオの構築

自分の作品やプロジェクトをまとめたポートフォリオを作成しましょ。これにより、将来の雇用主やクライアントに自分のスキルや能力をアピールすることができまんねん。

ポートフォリオっちゅうのはやな、自分の実績やスキルを見せるための「作品集」みたいなもんや!フロントエンドエンジニアやったら、過去に作ったウェブサイトとかアプリのサンプルをまとめて、「ほら、こんなん作れまっせ!」ってアピールするんや。

これがあると、採用担当とかクライアントが「この人、ちゃんとスキル持っとるな」とか「センスええやん!」って評価してくれるから、仕事探しや案件ゲットにめっちゃ役立つで。

ポートフォリオはやな、オンラインで作るのが一般的や。自分専用のウェブサイト作って、そこに作品載せたり、GitHubにコードを公開したりするんや。おしゃれに見せるためにデザインも凝るとええ印象持たれるで!

要するに、「これが私の実力やで!」って堂々と見せるツールや。プログラミングスクールとかでもポートフォリオ作る授業あるから、ぜひ挑戦してみぃな!

コミュニティ参加

フロントエンド開発のコミュニティに参加し、他の開発者との交流や情報共有を行いましょ。イベントやカンファレンスに参加することで、業界の最新動向を把握することができまんねん。

フロントエンド開発のコミュニティっちゅうのは、エンジニア同士が情報交換したり、質問し合ったりする集まりのことや!オンラインのもあれば、リアルで集まるイベント系のもあるんや。いくつか紹介するわな!

1. オンラインコミュニティ
  • GitHub
     みんなが作ったコードを公開して、お互いフィードバックしたりする場所や。プロジェクトに参加して実践的に学べるのがええところやで。
  • Discord/Slackグループ
     フロントエンド専用のチャットグループがいっぱいあるんや。「Frontend Developers」みたいな名前で探したら、ええのん見つかるで!
  • Stack Overflow
     質問したら世界中のエンジニアが答えてくれる!初歩的なことでもOKやから、困ったときは使えるわ。
2. リアルイベント・勉強会
  • Tech系勉強会
     「JSConf」「React Summit」みたいなフロントエンド特化のカンファレンスがあるねん。最新技術が学べて、ネットワーク広げるチャンスや!
  • 地域コミュニティ
     「Osaka.js」とか地域で集まるフロントエンドのグループもあるで!みんなでワイワイ情報交換しながら、レベルアップできるのが魅力や。
3. SNSやブログ系
  • Twitter(X)
     フロントエンド界隈の人をフォローすると、最新情報が流れてくるわ。ReactやVue.jsのハッシュタグで探すとええ感じや。
  • Dev.to
     エンジニアがブログ書いてるコミュニティや。技術情報を読んだり、自分も記事投稿できたりするで!
  • Qiita
     日本発のエンジニア向け情報共有サイトや!フロントエンドのTipsとか、めっちゃ参考になる投稿がいっぱいある。
4. YouTubeやUdemyのライブ配信系
  • フロントエンドに関するチュートリアルをYouTubeで配信してる人が多いわ。ライブ配信で質問できることもあるし、コメント欄でつながれるで!

もしフロントエンド開発にもっと本気で参加したいんやったら、こういうコミュニティを利用して、積極的にアウトプットしていくのがコツやで!気軽にトライしてみぃな!

雇用主やクライアントとの面接

フロントエンドエンジニアとしての職務を担うために、雇用主やクライアントとの面接を受けることがありまんねん。面接では、自分のスキルや経験を適切に伝えることが重要ですわ。

スキルの継続的な学習

フロントエンド開発は急速に進化している分野ですわ。新しい技術やトレンドに対して敏感であり、継続的な学習が求められます。定期的に最新の情報を追いかけ、スキルを向上させるよう心がけましょ。

以上の手順を進めるこてフロントエンドエンジニアになるための一般的なガイドラインですわ。ただし、個人の学習スタイルや背景によって最適な方法は異なる場合もありまんねん。自分に合った学習方法やプロジェクトを見つけることが重要でっせ。

また、フロントエンドエンジニアとしての実務経験を積むためには、インターンシップや実務プロジェクトへの参加も検討してみまひょ。


「改定新版 JavaScript 本格入門」JavaScript本格入門改訂新版 posted with ヨメレバ

山田祥寛 技術評論社 2016年11月楽天ブックス 楽天kobo Amazon Kindle

「Web 制作者のための Sass の教科書」

Web制作者のためのSassの教科書改訂2版

posted with ヨメレバ 平澤隆/森田壮 インプレス 2017年09月 楽天ブックス Amazon Kindle

2.Git/GitHub

  • Udemy「もう怖くない Git!」
  • ポートフォリオ(Web サイト)作成
  • ホスティング
  • Netlify:公式ドキュメント
  • Firebase:公式ドキュメント

転職活動スタート

React/Vue 公式ドキュメント

Node.js/Firebase

  • dotinstall「Node.js入門」「Express 入門」
  • Firebase:公式ドキュメント

TypeScript

「プログラミング TypeScript」プログラミングTypeScript posted with ヨメレバ

Boris Cherny/今村 謙士 オライリー・ジャパン 2020年03月16日頃

楽天ブックス Amazon Kindle

3.Web の仕組み

Webの仕組みにはいくつかの主要な要素が含まれます。基本的なWebの仕組みを説明します。

クライアントとサーバー

Webの仕組みでは、クライアント(ブラウザ)とサーバーの間で情報のやり取りが行われます。クライアントはユーザーが使用するデバイス(パソコン、スマートフォンなど)であり、サーバーはWebページやデータを提供するコンピューターです。

プロトコル

Webの通信は、通常、Hypertext Transfer Protocol(HTTP)を使用して行われます。クライアントはHTTPリクエストをサーバーに送信し、サーバーはHTTPレスポンスをクライアントに返します。HTTPは、Webページの要求と応答のための規約です。

プロトコルっちゅうんは、コンピューターとかシステム同士が「どうやってやり取りするか」を決めたお約束やねん。人間でいうたら「挨拶は『こんにちは』で始める」とか「話すときは日本語で」みたいなルールを作る感じや。

例えばやけど、インターネット使うときにはいろんなプロトコルが動いてるんやで:

  1. HTTP/HTTPS
     ウェブサイト見るときに使うプロトコルや。「このページの情報をちょうだい」ってブラウザからサーバーにお願いして、サーバーがデータを返す仕組みや。
     - HTTPSは、データを暗号化して安全に通信するバージョンやで。
  2. FTP
     ファイルをアップロードしたりダウンロードしたりするときのプロトコルや。たとえば、自分のウェブサイトに画像をアップロードするときに使うんや。
  3. SMTP/POP3/IMAP
     メールのやり取りのプロトコルやで。
     - SMTPはメールを送るとき。
     - POP3やIMAPはメールを受け取るときに使う。
  4. TCP/IP
     インターネットの基礎的な通信プロトコルや。データを小分け(パケット)にして送って、相手側でちゃんと元に戻す仕組みを提供してる。
  5. WebSocket
     リアルタイムでやり取りするためのプロトコルや。チャットアプリとかゲームで使われることが多いで!
具体例で説明すると…

例えばやな、友達にLINE送るとするやん?

  • メッセージをどう分けて送るか
  • どうやって届いたって確認するか
  • データを安全にする方法

これ全部、裏でプロトコルがしっかり働いとるから、スムーズに通信できるんや。

要するにプロトコルっちゅうのは、コンピューター同士が「お互い分かり合える言葉とルール」を作って、トラブルなく会話できるようにするためのもんやで!

クライアントサイドとサーバーサイド

Web開発では、クライアントサイドとサーバーサイドの2つの側面がありまんねん。クライアントサイドは、ユーザーのブラウザで実行されるコード(HTML、CSS、JavaScript)を指すんです。一方、サーバーサイドは、サーバー上で実行されるコード(一般的にはサーバーサイドスクリプトやデータベースの操作)を指すんですわ。

HTML、CSS、JavaScript

Webページの構造とコンテンツはHTML(Hypertext Markup Language)で記述されま。HTMLは、タグを使用して要素を定義し、階層的な構造を作りま。CSS(Cascading Style Sheets)は、Webページのスタイルやレイアウトを指定するために使用されま。JavaScriptは、Webページの動的な動作やインタラクティブな機能を実装するためのプログラミング言語ですわ。

レスポンシブデザイン

レスポンシブデザインは、異なるデバイスや画面サイズに適応するための設計手法でんねん。HTMLとCSSを使用して、要素のサイズや位置、表示方法を適切に制御し、ユーザーがさまざまなデバイスで最適な表示を得られるようにするんですわ。

クライアントサイドスクリプティング

JavaScriptを使用して、クライアントサイドでの動的な操作やユーザーとのインタラクションを実現できま。例えば、ユーザーの入力に応じてコンテンントを変更したり、フォームの検証を行ったり、アニメーションを追加したりすることができま。

サーバーサイドプログラミング

サーバーサイドでは、サーバーサイドスクリプト(例: PHP、Python、Ruby)やフレームワーク(例: Node.js、Django、Ruby on Rails)を使用して、データベースの操作やビジネスロジックの処理を行いま。ユーザーからのリクエストに応じてデータを取得・保存したり、処理を実行したりすることができま。

データベース

Webアプリケーションでは、データの永続性を確保するためにデータベースが使用されま。データベースは、サーバー上でデータを格納し、必要な時にデータの検索や変更を行うための仕組みですわ。一般的なデータベースの種類には、MySQL、PostgreSQL、MongoDBなどがありま。

これがWebの仕組みの概要です。これをもとに、より詳細な学習や特定の技術やフレームワークの習得に進むことができます。

「プロになるための Web 技術入門」プロになるためのWeb技術入門 posted with ヨメレバ

小森裕介 技術評論社 2010年05月 楽天ブックス 楽天kobo Amazon Kindle

2.ポートフォリオ(SPA)作成

ポートフォリオって何だ?

ポートフォリオ(SPA)は、Web開発のコンセプトであり、SPAはSingle-Page Application(単一ページアプリケーション)の略称。

従来のWebアプリケーションでは、ページ間の遷移ごとにサーバからの新しいHTMLを取得し、ページ全体がリロードされることが一般的でしてん。しかし、SPAでは、最初に必要なリソース(HTML、CSS、JavaScriptなど)を一度だけ読み込んでおき、その後はサーバとの通信を行いながら、動的にページの一部分だけを更新することができま。

SPAの特徴

ユーザ体験の向上

SPAはリッチなユーザ体験を提供します。ページ遷移がスムーズで、ユーザが待ち時間を感じることが少ないため、応答性が高くなります。

リソースの最適化

SPAは初回のリソースの読み込みが必要ですが、その後はサーバとの通信を介してデータをやり取りするため、ネットワークトラフィックを削減できま。リソースっちゅうのは、ITとかプログラミングの世界でいうたら、「目的を達成するために使えるもん」のことや!いろんな意味で使われるけど、状況によってちょっとニュアンスが違うねん。

リソースっちゅうのは、ITとかプログラミングの世界でいうたら、「目的を達成するために使えるもん」のことや!いろんな意味で使われるけど、状況によってちょっとニュアンスが違うねん。具体的に説明するで!

1. コンピューターやサーバーの「リソース」
  • CPU(処理能力)
     パソコンやサーバーが「どれだけ早く計算できるか」を指すリソースや。
  • メモリ(RAM)
     「一時的にデータを置いておく場所」やねん。アプリが動くときにどれだけの情報を同時に扱えるかを決める。
  • ストレージ(ディスク容量)
     ファイルやデータを保存する容量のことや。これもリソースの一つやで。
  • ネットワーク帯域
     インターネットでデータを送受信するときの速度や容量やな。これが狭いと通信が遅くなる。
2. プログラミングでの「リソース」
  • APIのエンドポイント
     たとえば、/usersとか/postsみたいな「データの入り口」のことをリソースって呼ぶことがあるで。
  • 静的リソース
     画像、CSS、JavaScriptファイルみたいに、ウェブサイトを構成する部品のことや。これらを使ってページが表示されるんや。
3. 人的リソース(ヒューマンリソース)

エンジニアやデザイナーみたいな「プロジェクトを動かす人」もリソースの一種やで。
「リソースが足りへん」って言われたら、時間や人手が足らんって意味になるわ。

たとえば、フロントエンドの開発するやろ?

  1. サーバーのリソース
     開発環境のサーバーがCPU足らんかったら、アプリが重くて動かん。
  2. 静的リソース
     HTMLとかCSSファイルはサイトを表示するために必要や。
  3. 人的リソース
     開発者が少なすぎて、締め切りに間に合わん!ってなる。

要するに「仕事や作業に必要なもん、全部含めてリソース」って覚えたらええで!状況に応じて何を指してるか理解するのがポイントやな。

クライアント・サーバの分離

SPAはフロントエンドとバックエンドを分離するため、開発の柔軟性を高めま。フロントエンドはJavaScriptフレームワーク(例:React、Angular、Vue.js)を使用して構築し、バックエンドはAPIを提供するだけに特化させることができま。

モバイルアプリの開発

SPAは、ネイティブモバイルアプリと同様のユーザ体験を提供することができま。フレームワークやツールを使用して、SPAをモバイルアプリにパッケージ化することができま。

ポートフォリオ(SPA)は、このSPAのコンセプトを用いて、個人や企業の作品や成果物を効果的に表示するためのウェブアプリケーションですわ。ポートフォリオのSPAでは、リッチなユーザインターフェースやスムーズなページ遷移を実現し、ユーザが作品や成果物を簡単に閲覧できるようにしま。

コードをきれいに書く

  • リーダブルコード

これでかなりの差別化になります。

3.プログラミングスクールに通うべきか?

お金に余裕がありますか? 80万前後しまっせ。

お金に余裕がない場合、プログラミングスクールに通うべきかどうかは、いくつかの要素を考慮する必要がありま。

目標とニーズ

プログラミングスクールに通う主な目的やニーズは何でっか?自己学習だけでは達成できない特定のスキルや知識を得たいのか、就職やキャリアの転換を目指しているのか、それとも趣味としてプログラミングを学びたいのかを考えましょ。

自己学習の能力とモチベーション

プログラミングは自己学習できる分野でもありま。オンラインのリソースやチュートリアルを利用して基礎から学び、プロジェクトを通じて実践的な経験を積むことも可能ですわ。自己学習に取り組む意欲や継続性を持っているかを考えてください。

予算と財務状況

プログラミングスクールには一定の費用がかかりま。自分の予算や現在の財務状況を考慮し、プログラミングスクールに通うための費用を捻出できるかどうかを検討しましょ。また、スクールによっては奨学金や割引制度なども提供している場合があるので、情報を集めてみると良いでしょう。

代替手段

プログラミングスクールに通うことができない場合、代替手段はありますか?

オンラインの無料リソースやコミュニティ、ハッカソンなどのイベントへの参加など、予算をかけずにプログラミングスキルを向上させる方法も存在しま。

これらの要素を総合的に考慮し、自分の状況に最も合った選択肢を見つけることが重要ですわ。プログラミングスクールは有用な学習環境であり、指導者や仲間との交流を通じて学習の効果を高めることができるけど、予算や他の学習方法も考慮に入れて判断してください。

なるべく早く転職したいか?

自分で学習できそうか?

プログラミングスクールを卒業しても就職できません。

卒業後、自分で学習しながらポートフォリオを作る必要があるのよね~。

2.IT 企業への就職活動編

就職活動
就職活動

IT企業に就職するための必勝法を以下に示します。

基本的なプログラミング言語(Python、JavaScript、Javaなど)をしっかり学ぶんや。さらに、データベースやクラウドサービス(AWS、Azure)も理解しとくと強いで。自分が作ったプロジェクトや参加したプロジェクトをまとめたポートフォリオを作成するんや。GitHubにコードを公開して、リンクを貼るとええで。企業に自分の実力をアピールするための強い武器になるわ。

IT業界のイベントや勉強会に参加して、人脈を広げるんや。SNS(LinkedIn、Twitterなど)を活用して、業界の人と繋がるのもええで。人脈がきっかけでチャンスが広がることも多いんや。自分のスキルや経験をわかりやすくまとめた履歴書と職務経歴書を作成するんや。IT企業向けにアピールポイントを強調するんやで。具体的な成果や数字を入れると説得力が増すわ。

1.面接でよく聞かれる質問を予習して、答えを準備する

自己紹介、これまでの経験、なぜその会社に入りたいか、強みと弱みなどをしっかり答えられるようにしとくんや。模擬面接も効果的やで。IT業界は日々進化しとるから、最新の技術やトレンドを常に追いかけることが大事や。オンラインコースや書籍を活用して、自己学習を怠らんようにしような。

できれば、インターンシップやアルバイトで実務経験を積むとええで。実際の業務を経験することで、自信もつくし、就職活動でも有利になるんや。IT関連の資格(例えば、AWS認定、情報処理技術者試験など)を取得することで、自分のスキルを証明できるんや。これも履歴書に書ける強みになるで。

このポイントを押さえて、計画的に行動することが大事や。努力すれば、きっとええ結果がついてくるはずやで。頑張ってな!

スキルの習得と向上

IT企業では技術スキルが重要ですわ。求人情報や市場の需要を調査し、求められるスキルを把握しましょ。プログラミング言語やフレームワーク、データベースなど、必要なスキルを習得し、実践的なプロジェクトを通じて経験を積むことが重要ですわ。

ポートフォリオの作成

IT企業への就職では、自身のスキルや実績を示すポートフォリオが有効でんねん。GitHubや個人のウェブサイトなどで、自身が取り組んだプロジェクトやコードサンプルを公開しましょ。これにより、自分の能力をアピールすることができまんねん。

インターンシップやオープンソースプロジェクトへの参加

IT企業への就職を目指す場合、インターンシップやオープンソースプロジェクトへの参加は有益ですわ。実務経験を積むことで、業界の実情やプロジェクトの進め方を学ぶことができま。また、そこでの成果やネットワークは就職活動において有利になる可能性がありまんねん。

プロフェッショナルなネットワークの構築

ITコミュニティや業界のイベントに積極的に参加し、業界の専門家や他の開発者とのつながりを築きましょ。LinkedInやGitHubなどのプロフェッショナルなネットワーキングサイトを活用し、自身のプロフィールを充実させましょ。ネットワークは情報や機会の共有、内部推薦などで就職活動において役立ちまっせ。

履歴書と面接の準備

IT企業の求人に応募する際は、適切な履歴書とカバーレターを作成しましょ。自身のスキルや経験を的確にアピールし、企業に貢献できるポイントを強調しましょ。また、面接の際には企業や業界についての知識を持ち、自身の経験やスキルを具体的に例示しながら説明できるように準備しましょ。それに、一般的な面接の質問に対する回答も事前に準備しておくことが重要ですわ。

コミュニケーション能力の向上

IT企業では、チームでの協力やコミュニケーション能力が重要ですわ。自身のアイデアや意見を適切に伝える能力や、他のメンバーと円滑にコミュニケーションを取る能力を磨きましょ。プレゼンテーションやディスカッションのスキルも重要でっせ。

持続的な学習と成長

IT業界は急速に変化してるので、持続的な学習と自己成長が求められま。新しい技術やトレンドについて常に学び、自分のスキルセットをアップデートし続けることで、市場価値を高めることができまっせ。

以上がIT企業に就職するための必勝法です。しかし、就職活動は個人の状況や適性によって異なるため、自身の目標や条件に合わせて戦略を立てることが重要ですわ。また、挫折や失敗があっても諦めずに継続して取り組むことが成功への道です。

就活必勝の逆算戦略

就活には必勝法があるんだ。内定獲得者の共通点

志望企業が求めているものを調べる

求めているものを示せるように準備する

求めているものを持っていることを示す

2.具体的な方法

・志望企業の求人要項を10から20くらい調べる。
・共通事項を抜き出す
・証明する方法を考え実践する

・継続できるか?
→Twitter で毎日学習ログを残す

・自分から行動できるか?
→もくもく会を主催した

実績をポートフォリオ(PF)や PDF でまとめ、目にとまるようにする。

未経験 OK の求人の探し方

  • 「未経験可」が明記されていない求人を探せ!
  • Web
    系自社開発企業は未経験可で求人を出さないが、優秀なら未経験でもとるケースは多い。
  • 興味ある自社開発企業に応募していく
  • 探し方は、Wantedly と Green
  • 転職ドラフト
  • 技術カンファレンス登壇企業
  • TechCrunch
  • 興味ある企業を見つけて直接応募
  • 評価されるポートフォリオ
  • 頑張ったのに書類で落とされがち

マイナス評価されるポートフォリオ

1.スクールの題材そのまま
2.エラーで落ちる、操作できない
3.デザインが崩れている
4. スマホに対応してない
5.コードが汚すぎる

加点評価されるポートフォリオ

1.サービス好きをアピール

実際の課題解決をするサービスを作る。UI/UX
にこだわる。

2.技術好きをアピール

本番運用も見据えた構成にする。

ポートフォリオでのアピールポイントを決めておく。

面接で見られるポイント・対策

面接官がみているのはたった2つ

エンジニアとして伸びそうか?

  • コツコツ努力できるか?
  • 熱意があるか?
  • 技術への知的好奇心があるか?
  • 地頭がよいか?
  • 会社に貢献しそうか?
  • 自分から行動できるか?
  • 良好なコミュニケーションが取れるか?
  • 人柄がよいか?
  • 素直か?
  • キャリアの方向性が会社の方向性と合っているか?

面接では今の技術力より、今後伸びて会社に貢献しそうかというポテンシャルが見られる。

□面接で見られるポイントに対して相手が納得する証拠を準備

面接でよく聞かれる質問

なぜエンジニアになりたいのか?

「チェック」情熱が高いか?
「NG」リモートで働きたいから。
「回答」過去こういう体験があって、だからエンジニアとストーリーをもって語る。

今後のキャリアプランは?

「チェック」一定期間続けそうか?
「NG」1年後には独立したい
「回答」社会課題を自分で見つけ解決できるエンジニアになりたくてそのために○○したい。

プログラミング学んでどうだった?

「チェック」技術への興味が高いか?
「NG」辛かった。でも動くのは楽しい
「回答」きれいに実装できた時が快感、仕組みに感動

あなたの強みと弱みは?

「チェック」業務内容と相性が良いか?
「NG」特に短所・弱みはありません。
「回答」企業が求める人物像に関連付ける

弊社を志望した理由は?

「チェック」カルチャーマッチしているか?
「NG」スキルを付けたくて。
「回答」御社のビジョンに共感した。

弊社でやってみたいことは?

「チェック」自分から課題を見つけ、動くか?
「NG」まずは勉強して、それから。
「回答」こうすると会社やサービスはよくなると思っていて、僕はこうしたくて、だからこうしたい。

なぜその技術を選んだ?

「チェック」目的意識をもって自分で取り組めているか?
「NG」スクールで習ったから
「回答」○○を実現したくて、そのために△△を選んだ。

面接で守ってほしいこと

  • 「結論」から話す
  • 端的に話す
  • 相手の目を見て話す
  • 質問に正しく答える
  • 相手の立場で話す
  • 愚痴や悪口は言わない

技術力より面接対策の方が内定取れるかに影響するのよね。

何なりとお申し付けください。