非常にシンプルな和暦カレンダーです。
最新の祝日法改正(山の日)に対応しています。
起動すると、今月のカレンダーが表示されます。
年は、西暦と和暦(元号)と干支(十二支)が表示されます。元号は明治以降に対応しています。
また、カレンダーの下には休日・二十四節気・年中行事の一覧が表示されます。
日曜日と休日は、文字と背景が赤く表示されます。
日付と各一覧の中で今日のものは、背景が黄色く表示されます。
- 矢印ボタン:左で前月、右で翌月のカレンダーを表示します。
- 「今日」ボタン:今月のカレンダーを表示します。
- 「年月選択」ボタン:表示する年月を選択します。
また、カレンダー部分をスワイプすることで表示する月を切り替えられます。
- 左へスワイプ:翌月
- 右へスワイプ:前月
- 上へスワイプ:翌年
- 下へスワイプ:前年
- 「国民の祝日に関する法律(祝日法)」にて定められた休日
- 皇室慶弔行事に伴う休日
- 春分
- 清明
- 穀雨
- 立夏
- 小満
- 芒種
- 夏至
- 小暑
- 大暑
- 立秋
- 処暑
- 白露
- 秋分
- 寒露
- 霜降
- 立冬
- 小雪
- 大雪
- 冬至
- 小寒
- 大寒
- 立春
- 雨水
- 啓蟄
- 七草
- 鏡開き
- 節分
- バレンタインデー
- 雛祭り(桃の節句)
- ホワイトデー
- 彼岸の入り(春/秋)
- 彼岸明け(春/秋)
- エイプリルフール
- メーデー
- 八十八夜
- 母の日
- 入梅
- 父の日
- 半夏生
- 七夕
- 土用の丑の日
- お盆(旧盆)
- 二百十日
- ハロウィン
- 七五三
- クリスマス・イブ
- クリスマス
- 大晦日
- 年の干支と旧暦の月名を表示する機能を追加。
- 休日の文字を赤にし背景色を薄くした。
- 日付の影のスタイルを修正。
- 日時入力欄の非表示方法を修正。
- 月末にカレンダーが正常に表示されない場合があるのを修正。
- 彼岸の入り・彼岸明けの表示を追加。
- 前月と翌月の日付も表示するようにした。
- 各一覧で今日のものは背景を黄色く表示するようにした。
- HolidayChk.jsが配布元サイトで更新されたので追随(1970年より前の休日も表示できるようになった)。
- 「祝日」を「休日」に変更。
- 「次月」を「翌月」に変更。
- 各一覧の日付を右寄せにした。
(参考:【スマホサイト】display:table-cellにmarginを指定したい | Tips Note) - 各一覧と日付の影のスタイルを変更。
- 各一覧のレイアウトを微調整。
- Aboutダイアログのフェード時間を調整。
- Aboutダイアログのロゴサイズ指定を
px
からem
に変更。 - 曜日名の表示スタイルを微修正。
- 各一覧表示のループを1つにまとめた。
- jQueryプラグイン部分を別ファイルに分離。
(参考:jQueryプラグインの作り方について詳しく | Developers.IO) - Dateオブジェクトの変数名は
date
、日にちの変数名はday
となるよう変更。 - CSSのフォントサイズ指定を
pt
から%
に変更。 - コードを単純化・最適化。
- 雑節を表示する機能を追加。
(参考:国立天文台暦計算室 こよみ用語解説 二十四節気、
ユリウス通日 - Wikipedia、 土用の丑の日 - Wikipedia) - Aboutダイアログに各種リンクを追加。
- Aboutダイアログを表示する際、カレンダーのスクロール位置を記憶・復元するようにした。
(参考:.scrollTop() | jQuery API Documentation) - Aboutダイアログのスクロール位置をトップに移動するようにした。
- Strictモードを使用するようにした。
(参考:Strict モード - JavaScript | MDN、
“use strict”(厳格モード)を使うべきか?|もっこりJavaScript|ANALOGIC(アナロジック)) - 厳密等価演算子を使用するようにした。
- Dateオブジェクトは基本的に0時0分0秒で扱うようにした。
Date.getTime()
を使用しないようにした。- スワイプ判定条件を修正。
- 年中行事の判定ロジックを修正。
- 日時入力欄の非表示方法を変更。
(参考:overflowの解釈、間違ってませんか? - WebStudio) - 二十四節気のクラス名・関数名・変数名を変更。
- コードを最適化。
- CSSを最適化。
- スワイプによるカレンダー切り替え機能を追加。
(参考:iPhone/Android/PC 対応。jQuery で書くタッチイベント (フェンリル | デベロッパーズブログ)、
タッチイベントで座標が上手く取れない問題のメモ | Another Sky、
jquery - Syntax for using selector in .on() method event-map? - Stack Overflow)
- 二十四節気と年中行事の一覧を表示する機能を追加。
(参考:旧暦計算 JavaScript(ECMAScript) Library "qreki.js") - 今日が休日の場合に背景色が黄色になっていなかったのを修正。
- 年月選択ボタンで選択した場合、休日が正しく表示されない場合があるのを修正。
(参考:意外と知られていないJavaScriptのnew Date()の使用方法 | iwb.jp) - 西暦から和暦への変換を月単位で行うようにした。
- 表示レイアウトを修正。
- 初リリース。
(参考:script 要素 - HTML | MDN、 Apps.getSelf - Web API インターフェイス | MDN、
Icon implementation for apps - App Center | MDN、
firefox - How to trigger native datepickers from javascript in FirefoxOS? - Stack Overflow)
詳しくは LICENSE.md をご覧ください。
- ウェブサイト:http://multi.nadenade.com/leafy/Mozilla/Calendar/
- GitHub:https://github.com/nasano/japanese-calendar
- Firefox Marketplace:https://marketplace.firefox.com/app/japanese-calendar
Copyright (C) 2015 ASANO, Naoyuki All Rights Reserved.