会員登録すると
学習することができます。
会員登録する（無料）
学習することができます。
登録済みの方はこちら
ログイン
スタイリングと画像最適化
目安学習時間 15分
学ぶ目的
学んだCSSをNext.jsで使う
HTML/CSS初級講座で学んだスタイルは、globals.cssやCSS Modulesを通じてそのまま活かせます。className属性でクラスを当てるのはReactと同じです。
Imageコンポーネント
画像は<img>の代わりにnext/imageの<Image>を使うと、サイズ最適化や遅延読み込みを自動で行ってくれます。
学ぶ目的
metadataによるページタイトル設定まで含め、「見た目が整い、公開に耐える」レベルまでアプリを仕上げる力をつけます。
このレクチャーで学ぶこと
- CSSファイルの適用方法
- Imageコンポーネントで画像を表示
- メタデータ（タイトル）の設定
質問
まだ質問は投稿されていません。
質問投稿
ログイン後に質問の投稿ができます。
理解度チェックテストに
合格しました！
おめでとうございます！
Next.js初級
Next.js初級講座
スタイリングと画像最適化
理解度チェックテストに合格しました！
＼ SNSにシェアする ／
