2026年のWebビジネスにおいて、表示速度は「売上」に直結します。本講座では、Next.js 15の最新機能を駆使し、Googleの評価指標であるCore Web Vitalsを最大化する手法を60分で習得。公的職業訓練での指導実績に基づき、検索上位を狙うための「勝てるフロントエンド構成」を体系的に伝授します。
【つくるもの】
Lighthouseで高スコアを叩き出す「超高速ランディングページ(LP)」の土台を構築。Next.jsのImageコンポーネントによる画像最適化、フォントの遅延読み込み防止、そしてApp Routerによるストリーミング(Streaming)を活用した、ユーザーを待たせないUI実装を体験します。
【開発環境】
VS CodeとVercelのプレビュー機能を連携。計測ツール「PageSpeed Insights」を使い、コード一行でスコアがどう変化するかをリアルタイムに確認します。商用開発で必須となる、ビルド時最適化とエッジネットワーク(CDN)の活用設定も網羅します。
最新の評価指標であるINP(Interaction to Next Paint)を意識した、ブラウザのメインスレッドを止めないコードの書き方を学びます。
静的表示の速さと動的機能の利便性を両立させる、Next.js 15の目玉機能「PPR」の概念と実装方法を先取りします。
「なぜ速度が売上に寄与するのか?」を論理的に説明できるエンジニアへ。技術をビジネス価値に変換するコンサルティング視点を養います。
※本講座は、Webマーケター、メディア運営者、フロントエンドのスペシャリストを目指すエンジニア向けの戦略講座です。公的職業訓練講師によるマンツーマン形式で、商用サイトのパフォーマンス問題を解決する「確かな処方箋」を提供します。
開催日時
2026年08月17日(月) 13:00-14:00
開催場所
オンライン開催
(参加URLはお申し込み後に通知されます)
定員
1名残席
1名募集締切:開催14日前