学習コンテンツテック企業求人ブログ面接対策サポート

InterviewCat

01 InterviewCat02 第一章 イントロダクション03 英語レジュメの書き方04 第二章 面接に辿り着くまで05 第三章 各面接スタイルの対策06 第四章 面接での英語について07 第五章 Data Structures & Algorithms (DSA)08 第六章 バックエンド技術質問09 第七章 フロントエンド技術質問10 第八章 システムデザイン11 第九章 行動面接の質問12 Appendix: 外資エンジニアの世界13 Discordサポート(購入者特典)
© 2026 InterviewCat. All rights reserved.
プライバシーポリシー利用規約特定商取引法に基づく表記運営お問い合わせフォーム
  1. 学習コンテンツ
  2. InterviewCat
  3. 第七章 フロントエンド技術質問

第七章 フロントエンド技術質問

本章ではフロントエンドエンジニアとして聞かれる質問内容について書いていきます。フロントエンドエンジニアで最も力を入れるべきはJavaScriptに関連する技術ドメイン知識です。
ByteDance, Bloomberg, Agodaなどのフロントエンドエンジニアの面接を受けてきましたが、必ずこの質問が聞かれます。また、ReactのUIコーディングを行う上でもuseMemoは何のために使う?Suspenseを使う場面はいつ?などの技術質問をされるので、個々に対する質問の回答も用意しなければなりません。その他ではHTML/CSSやパフォーマンスに関連する質問も合わせて聞かれる場合があるので準備しましょう。JavaScript特有の問題かもしれませんが、このJSコードの出力結果は何?というトリッキーな質問も聞かれる場合があります。頻出問題は抑えておきましょう。
注意点としては回答例はあくまで面接用に簡略化したものなので、より深い知識を得るためには詳しい解説をしている関連リンクから詳細を辿って理解する事をオススメします
問題カテゴリ(合計89問)
  1. HTML
  1. CSS
  1. JavaScript
  1. React
  1. Browser Networking
  1. Web Performance Optimization
  1. Web Security
  1. JS Coding

HTML

🚦 Important
HTMLのDOCTYPE宣言とは何ですか?
🇯🇵
What is DOCTYPE declaration in HTML?
🇺🇸
 
🔗 <!DOCTYPE> - ドキュメントタイプ - とほほのWWW入門 (tohoho-web.com)
🔗 HTML Standard (whatwg.org)

多言語のWebサイトを作成する上でHTMLにおいて気をつけるべき事は何ですか?
🇯🇵
What should we be careful about in HTML when designing a multilingual website?
🇺🇸
 

🚦 Important
HTMLセマンティック要素とは何か、なぜこれを使いたいのですか?
🇯🇵
What are HTML semantic elements, and why would we like to use them?
🇺🇸
 
🔗 Semantic HTML (web.dev)
🔗 Semantics (セマンティクス) - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN (mozilla.org)

WebページのリンクをTwiiterのようなSNSに共有した時に画像とTitleとDescriptionが表示されなかった。どのように修正しますか?
🇯🇵
When you shared a web page link to SNS like Twitter, the image, title, and description did not appear. How will you fix this?
🇺🇸
 

🚦 Important
Webのアクセシビリティに関して気をつけるべき事は何ですか?

全て読むには購入が必要です

このコンテンツを全て読むには購入が必要です

購入すると、このコンテンツの全ページにアクセスできるようになります。

非表示コンテンツ📝 94,501文字

InterviewCat

InterviewCatはテック企業の面接スタイルとその対策方法、面接にたどり着くまでのレジュメの書き方、分野ごとの面接技術質問集などが掲載されています。

価格¥10,000
第六章 バックエンド技術質問第八章 システムデザイン