フロントエンドとは

ユーザーが直接見ることができ、操作できる画面のこと。

ボタンを押したり、テキストボックスにテキストを入力したりとインタラクティブ（対話的）な操作を実現することができる。

社内エンジニア的な心構え

• 一般向けサービス
  • フロントエンドの画面は会社の顔
  • SEO(Search Engine Optimization), Accessibility(a11y) に気を遣う
    • https://developer.mozilla.org/ja/docs/Glossary/SEO
    • https://developer.mozilla.org/ja/docs/Glossary/Accessibility
• 社内向けサービス
  • インタラクティブな操作が出来ればいいデザインは最低限で良い
  • カスタマーリレーショングループ: Next.js(React) + なにかのバックエンドAPI (Go / Python(fastapi)
  • 基幹システムグループは MVC + jQuery + Bootstrap を使われがち

基本構成（おさらい）

webページは主にHTML, CSS, JavaScriptの3つで出来ている

• HTML(HyperText Markup Language): webページの構成をブラウザに伝えるための言語
• CSS(Cascading Style Sheets): HTMLにスタイルやレイアウトを与える
• JavaScript: Webページに動的な処理を与え、ページをリッチにする

技術研修で上記基本は抑えている前提で行う。

フロントエンド回のゴール

フロントエンドにおける、実務で用いる基礎知識を学び、スムーズに業務へ入れるようになる。

まずはブラウザを通して、フロントエンドの表示までの流れを抑える。