JavaScriptでのカレンダー実装に関する考察

私たちのカレンダーは、月初から月末までの数字を表示するテーブルです。 問題は、テーブルの最初の行の数字が最初のセルから始まらないことです。

これは一般的に明白です。しかし、具体的にどのセルから始めるべきかは明白ではありません。考えてみましょう。

週の始まりを月曜日とし、それを0日目とします。この場合、月初日の曜日番号は、その前に必要な空のセルの数に対応します。例えば、木曜日は番号3を持つため、その前には3個の空のセルが必要です。

同様の問題がテーブルの終わりにもあります。月末日の後にも空のセルを残す必要があります。この場合、空のセルの数は、6から月末日の曜日番号を引いた値になります。

次に、このテーブルをどのように構成するかを考えてみましょう。最も便利な方法は、各サブ配列に7要素（週の日数）を持つ2次元配列を使用することです。ただし、最初と最後のサブ配列では、一部の要素が空になります。

アクションのアルゴリズム

まず、月初日から月末日までの数字の配列を作成する関数を作成します。 次に、配列の先頭に必要な数の空の要素を追加する関数を作成します。同様に、配列の末尾に空の要素を追加する関数も必要です。

これにより、要素数が7の倍数となる1次元配列が得られます。この配列を、サブ配列あたり7要素の2次元配列に変換します。

その後、この2次元配列を取り出し、ループで処理してテーブルを構築します。

次のレッスンでは、このアルゴリズムを段階的に実行していきます。