Javascript (カレンダー001_作成イメージ)

■カレンダーの作成イメージを作る。
本に書いてあったjavascriptのカレンダーのコードをアレンジしてみようと思うけど、まずどんなものにするか考えてみる。正しく書き写したと思ったけど、本から写したコードがうまく動かないので、Windows10のカレンダーをもとにいくつか観点を考えてみる。

デザインとして
・土曜が青、日曜が赤
・数字同士の間に仕切りがある。
・曜日はMon, Tueなどの英語の略語
・メモを入れた日付の背景色を変更する。
・携帯でも見やすいフォント、サイズになるようにする。
機能として
・各日付に対してメモを登録・更新できる。
  → 日付をクリックすると、登録画面がポップアップするイメージ。
・各日付のメモを見ることができる。
  → 日付にカーソルを合わせると、登録した内容がポップアップするイメージ。
確認ブラウザとして
・Google Chrome
・Microsoft Edge
・Internet Explorer
・Android
といった感じでまず作ってみよう。
日記のような形で登録していくイメージなので、携帯から使う想定をしたほうが使い勝手がよさそう。携帯で使う場合、クリックやカーソルを合わせるといった動きも別のもので置き換える必要があるかな。
プラスアルファとして、画像が登録できたり、登録したデータをデータベースと紐づけたりできれば面白いかも。

次回、書き写したコードの確認から。