shinoblog-manabu

Progate(プロゲート)を使って初歩の初歩からプログラミング勉強をはじめました。無料から有料バージョンへ以降しつつ、自分辞書として活用しています。なるべく私と同じ初心者目線を使い、各プログラミング内容を説明したいです。

10. ヘッダーを共通化しよう

 

 

 

ヘッダーを共通化しよう

 

目標:どのページにもユーザー名を表示させる

 

include機能とは

 

共有ファイルを作ることで画像の共有化を実現

 

このように覚える

 

 

 

ヘッダーを別ファイルに
移そう

 

header.ejsファイルを使う(新規ファイル作成)

共通しているヘッダーコードを書く

 

 この手順を覚える

 

 

 

includeを使ってヘッダーを読み込もう

 

includeの書き方

<%- include('header'); %>

 

このように書く

 

 

 上記コードをコピペし、表示させたいページに貼り付ける。

 

このように覚える。

 

 

 

演習問題
  1.  手順
  2. 各ヘッダー表示されたファイルヘアクセス
  3. 削除するヘッダーコードを確認・削除
  4. 新たにheader.ejsファイルを作成
  5. 削除した共通ヘッダーコードを貼り付ける
  6. 削除したヘッダーコードファイルにはincludeを貼り付け

 

 

このように覚える

 

 

本日はここまでになります。お疲れ様でした。