新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 カレンダー表示で必要な数値を取得 (02:58) 無料公開中
- dateを使って1日が週の何日目にあたるかを調べます。
- dateを使ってその月が何日までかを調べます。
- 結果を表示させてみます。
-
#02 1日までの空セルを取得 (01:48) 無料公開中
- while文を使い、1日までの空白セルを作っていきます。
-
#03 1日から最終日までを取得 (02:29)
- for文を使って1日から最終日までのセルを作ります。
- ％を使って7日ごとに行を変えていきます。
-
#04 最終日以降の空セルを取得 (01:28)
- while文を使い、最終日までの空セルを作っていきます。
-
#05 カレンダーのスタイリングをする (01:17)
- styleタグを使ってカレンダーの見た目を整えます。
-
#06 曜日に色をつける (02:06)
- switch文で曜日の判定をし、日曜日と土曜日にスタイルをあてます。
- styleタグを使って土曜日と日曜日の色を指定します。
-
#07 ラベルやリンクをつける (02:53)
- 年月を表示させます。
- 曜日を表示させます。
- 翌月、前月へいくための矢印をつけます。
-
#08 前月、翌月へのリンクを作る (02:30)
- GETで表示させたい年月を取得します。
- dateを使って前月、翌月へのリンクを作ります。
- HTMLにリンクを張っていきます。
-
#09 前月、翌月リンクの動作確認 (02:19)
- 前月、翌月リンクの動作確認をします。
