メインコンテンツまでスキップ

はじめに

このコースでは、業務に近い開発を体験するため、バックエンドとフロントエンドを分けて実装します。

バックエンドは Laravel を使いますが、View は作らずに API のみを実装します。(RESTful API)

フロントエンドには、最近ほとんどデファクトスタンダードとして選ばれているフレームワークである Next.js を使用します。
Next.js は、現代の Web サイトに求められる様々なレンダリング手法を実装可能な柔軟なフレームワークです。

このコースを通して、プロのエンジニアとして必要な技術を身につけていきましょう。

想定レベル

  • CRUD アプリコースを問題なくこなせる方

このコースで作るもの

以下の、絵画専門の架空 EC サービス「イロアート」を実装します。

ヒント

実際にクリックできるプロトタイプになっているので、ボタンを押した時などの動作も確認してみてください。

このコースを学んで身につく能力

  • RESTful API の設計
    • リソースの設計
    • HTTP メソッドの使い分け
    • レスポンスの設計
    • ステータスコード
  • フロントエンド
    • React の基本
    • レンダリング
    • SPA
  • バックエンド
    • バリデーション
    • アーキテクチャ
    • N+1 問題
  • パフォーマンスとセキュリティ
    • キャッシュ
    • トークン認証
    • CSRF 対策