用語集に戻る
認証初級

フロントエンド

フロントエンド

一言で言うと

フロントエンド=ユーザーが目にする部分(HTML/CSS/JS)。

もう少し詳しく

一言で言うと

フロントエンド=ユーザーが目にする部分(HTML/CSS/JS)。バックエンド=サーバー側の処理(API、DB操作、認証など)。

もう少し詳しく

フロントエンド=ユーザーが目にする部分(HTML/CSS/JS)。バックエンド=サーバー側の処理(API、DB操作、認証など)。

フロントエンドはブラウザ上でHTMLが構造を、CSSが見た目を、JavaScriptがインタラクションを担う3層構造で成り立っています。近年はReactやVueといったUIライブラリを用いたSPA(シングルページアプリケーション)が主流ですが、SEOや初期表示速度を重視する場合はSSR(サーバーサイドレンダリング)やSSG(静的サイト生成)も広く使われます。バックエンドとはREST APIやGraphQLを通じてデータをやり取りし、取得した結果を画面に反映する役割を担います。

実務でどう使うか

  • UI実装・コンポーネント設計 ── Reactなどのライブラリでボタンやフォームを再利用可能なパーツとして組み立てます

  • パフォーマンス最適化 ── Core Web Vitals(LCP・CLS・INP)を改善し、ユーザー体験と検索順位の両方を高めます

  • アクセシビリティ対応 ── スクリーンリーダーやキーボード操作に対応した実装でより多くのユーザーが使えるサービスにします

  • バックエンドAPIとの連携 ── fetchやaxiosでREST/GraphQL APIを呼び出し、取得データをUIに反映します

  • 関連する用語

    この用語を学べるコース

    この用語を実際に使ってみよう

    チョットデキルなら、5分のレッスンで実際にコードを書いて学べます。

    コース一覧を見る