本日  昨日
 
04/20(Sat) 18:15

o 今日のこよみ
★「おしらせ」★(2021/01/19)
2021年限りの祝日の移動(2020.12.28施行)
新型コロナウイルス感染症の世界的流行により、東京オリンピック・パラリンピックが2021年(令和3年)に1年延期されたため、
2021年(令和3年)に限り、『海の日』は7月22日に、『スポーツの日』は7月23日に、『山の日』は8月8日になります。8月9日は振替休日となります。

以下から最新版のcalendar.jsをダウンロードしてcalendar.jsの入れ替えをお願いします。

  • 最新版 calendar.js (2021/01/19版)([右]クリック→「対象をファイルに保存」でダウンロードします)
  • (参考)koyomi.js と qreki.js は 2004/03/11版 が最新版です

新元号「令和」への対応方法(2019.04.01)
2019.05.01以降に、「koyomi.js」の20/21行に、新元号の開始年「2019」と元号名「"令和"」(赤字部分)を以下のように追加します。
var styear = new Array(1868,1912,1926,1989,2019);
var genName = new Array("明治","大正","昭和","平成","令和");

天皇即位および東京五輪・パラリンピックに伴う次の(1)〜(4)の祝日変更に対処(2019.04.13)
以下から最新版のcalendar.jsをダウンロードしてcalendar.jsの入れ替えをお願いします。

  • 最新版 calendar.js (2019/04/13版)([右]クリック→「対象をファイルに保存」でダウンロードします)
  • (参考)koyomi.js と qreki.js は 2004/03/11版 が最新版です
(1)2020(令和2)年施行の「祝日法」の改正
2020年以降「体育の日」を「スポーツの日」と名称変更

(2)2020(令和2)年施行の「東京五輪・パラリンピック特別措置法」(祝日法の特例、2020年限定)
2020年に限り、「海の日」は7月23日、「体育の日(スポーツの日)」は7月24日(7/24開会式)、「山の日」は8月10日(8/9閉会式)へと日時移動

(3)2019(令和1)年施行の「祝日法」の改正
新天皇即位に伴い、2019年5月以降の天皇誕生日を12月23日から2月23日に期日変更

(4)2019(令和1)年施行の「天皇即位に関する休日法」(2019年限定)
天皇の即位の日(5/1)及び即位礼正殿の儀の行われる日(10/22)を休日とする


○2016(平成28)年以降施行の「祝日法」の改正
8月11日を「山の日」として新設、最新版のkoyomi.lzhをダウンしてcalendar.jsの入れ替えをお願いします。(2016/08/01)

○2007(平成19)年施行の「祝日法」の改正で抜けていた
(1)国民の祝日が日曜日と重なる場合その直後の「国民の祝日でない日」を振替休日とする(5/3や5/4が日曜日と重なった場合には5/6が振替休日)
(2)国民の祝日に挟まれた平日を国民の休日とする(敬老の日と秋分の日)
に対応しました。最新版のkoyomi.lzhをダウンしてcalendar.jsの入れ替えをお願いします。(2008.05.27)

○2007(平成19)年施行の「祝日法」の改正
4/29「みどりの日」→「昭和の日」
5/4「国民の祝日」→「みどりの日」
に対応しました。最新版のkoyomi.lzhをダウンしてcalendar.jsの入れ替えをお願いします。(2007/04/29)

○「敬老の日」が2003(平成15)年から9月第3月曜日になる「祝日法」の改正に未対応だったのを対応するように修正。最新版のkoyomi.lzhをダウンしてcalendar.jsの入れ替えをお願いします。(2004/02/21)

○「海の日」が2003(平成15)年から7月第3月曜日になる「祝日法」の改正に対応。また振替休日が祝日の場合に振替休日を表示してしまうバグを修正しました。最新版のkoyomi.lzhをダウンしてcalendar.jsの入れ替えをお願いします。(2003/05/03)


○和暦の十二支が「undefined」表示される問題(NN3.xxで「申」の字が認識できない)を元に戻しました。最新版のkoyomi.lzhをダウンしてkoyomi.jsの入れ替えをするか、koyomi.jsの23行文頭の「//」を削除し24行文頭に「//」を追加するソース変更をお願いします。(2004/01/03)
○月齢が29.3未満の処理を追加しました。最新版のkoyomi.lzhをダウンしてqreki.jsの入れ替えをお願いします。(2001/11/15)
○月齢画像moonを透過型gifにしました。白以外の背景色でも使えるようになります。最新版のkoyomi.lzhをダウンしてmoon00.gif〜moon29.gifを入れ替えてください。(2001/05/27)
○月齢が29.8を超えた時の処理に誤りがありました。最新版のkoyomi.lzhをダウンしてqreki.jsの入れ替えをお願いします。(2001/04/06)
○振替休日が「undefined」と表示されるバグが見つかりました。最新版のkoyomi.lzhをダウンしてcalendar.jsの入れ替えをしてください。(2001/02/01)
qreki.js(正午月齢 or 現在時刻月齢選択機能追加)、koyomi.js(月名称の一部変更)をしました。qreki.js、koyomi.js をアップデートして下さい。calendar.js、月齢画像moonはそのまま使えます。(2001/01/08)
日月出没計算を公開しました。今日のこよみに組み込まれる方はこちらからどうぞ。(2000/12/02)


このスクリプトは、JavaScript版旧暦計算スクリプトqreki.js(長野 隆氏作)を利用し「今日のこよみ」データを表示します。

  1. 旧暦、六曜(qreki.js使用)
  2. 西暦年の元号、十干、十二支、和月名
  3. 祝祭日、二十四節気
  4. 月齢(qreki.jsに機能追加)から潮汐、月名、月齢画像
  5. 今日誕生日の有名人、今日の行事・歴史・出来事、今日および今月誕生日の人一覧と誕生石・誕生花(sayhappy_sp.cgi組込時)
<関連リンク>
詳しい解説付でプログラムをフリーで公開してくださった高野 英明氏、およびJavaScript版に移植・提供してくだっさた長野 隆氏に感謝いたします。 5の今日誕生日の有名人等の機能をご利用いただくためには、当サイトで提供してるセイハッピー・スペシャル( sayhappy_sp.cgi )最新版(V2.0以降)の組み込みが必要です。(組み込まないで「今日のこよみ」のみの使用も可能です)

設置法
プログラムをダウンロードします。
プログラムの名前を[左]クリックするとダウンロードを始めます。downcnt.cgiという名前で保存されますので、koyomi.lzhと名前を変更して保存します。これをLhasaなどの解凍ソフトで解凍します。
  • 今日のこよみ--------------- koyomi.lzh (約14KB)
  • セイハッピー・スペシャル------ sayhappy_sp.lzh、birthday.lzh、whatday.lzhをこちらからダウンします。
(注)セイハッピー・スペシャルは、後で簡単に組み込みができますので、まだご利用でない方はまず「今日のこよみ」を設置し、その後でセイハッピー・スペシャルを設置する方法をお勧めします


ダウンロードしたファイルを解凍し、編集します。
  1. sayhappy_sp.cgiの設置

  2. ファイルの構成と内容

    koyomi.lzhを解凍すると以下のファイルが得られます。

    1. qreki.js(旧暦計算スクリプト)
    2. koyomi.js (西暦年の元号/十干/十二支、和月名、二十四節気、月齢/潮汐/月名計算スクリプト)
    3. calendar.js(カレンダースクリプト)
    4. moon (月齢画像フォルダ。この中にmoon00.gif〜moon29.gifの30個の画像が入ってます)

  3. calendar.js
    • 3行目: cont = 1; にsayhappy_sp.cgiを利用しない(0)、する(1)の指定します。初期値は利用する 1 に設定されてますので、組み込まない方は 0 に変更してください。
    • 4行目: sayhappy_sp.cgiを利用する場合、dir = "./birthday/sayhappy_sp.cgi"; にsayhappy_sp.cgiのパス指定します。利用しない場合およびセイハッピー・スペシャル設置解説ページどうりに設置した場合はこの指定のままで変更しません。


スポンサーリンク

今日のこよみ表示用html文の作成
index.htmに表示する例で以下説明します。

(1)下のスクリプトをコピーし、index.htmの<HEAD>と</HEAD>のなかに貼りつけます。
<script language="JavaScript" src="qreki.js"></script> <script language="JavaScript" src="koyomi.js"></script> <script language="JavaScript" src="calendar.js"></script> <STYLE type="text/css"> <!-- A {text-decoration:none;font-size:9pt} TD {font-size:9pt} //--> </STYLE>

(2)「今日のこよみ」を表示したいindex.htmの場所(<BODY>と</BODY>のなか)に下の文を記述します。
背景色を変更するときは、document.write("<table bgcolor=white cellspacing=0 cellpadding=2 border=0 bordercolor=#a0a0a0>");の white を変更したい色にします。サンプルの背景色は palegreen です。
<script language="JavaScript"> <!-- var mcont = 1; //正午月齢(1)、現在時刻月齢(0)の指定 dt=new Date(); yy=dt.getYear(); if (yy < 2000) yy = yy + 1900; mm=dt.getMonth()+1; dd=dt.getDate(); ww=dt.getDay(); wk=new Array("<font color=red>日</font>","月","火","水","木","金","<font color=blue>土</font>"); // 表示ここから document.write("<table bgcolor=white cellspacing=0 cellpadding=2 border=0 bordercolor=#a0a0a0>"); // タイトル表示 document.write("<tr><td bgcolor=darkcyan align=center><font color=white>今日のこよみ</font>"); document.write("</td></tr><tr><td>"); // 何の日カレンダー表示 koyomi(yy+"/"+mm); document.write("</td></tr><tr><td align=center><font color=black>"); // 日付表示 document.write(yy +"年"+ mm +"月"+ dd +"日("+ wk[ww] +")"); // 六曜表示 var kr = new kyureki(dt.getJD()); document.write("<font color=blue>"+ kr.rokuyo+"</font><br>"); // 和暦表示 document.writeln("<font color=blue>"+ getGengou(yy) +"("+ get10Kan(yy)); document.writeln(get12Shi(yy) +")"+ getWamei(mm) +"</font><br>"); // 祝日表示 kyuflag = 0; for (j=0; j<kyuDays.length; j++) { if (mm == kyuDays[j].substring(0,2)) { kyuflag = 1; break; } } if (kyuflag == 1) { document.write('<table border=0 bordercolor=#c0c0c0 cellspacing=0><tr><td nowrap>'); document.write("<font color=blue>祝日</font>"); document.write('</td><td nowrap>'); for (j=0; j<kyuDays.length; j++) { if (mm == kyuDays[j].substring(0,2)) { if (dd == kyuDays[j].substring(2,4)) {hcol='red';} else {hcol='brown';} document.write("<font color="+ hcol +">"+kyuDayn[j]+"</font>("+kyuDays[j].substring(2,4)*1+"日)<br>"); } } document.write('</td></tr></table>'); } // 二十四節気表示 for (j=1; j<=monthDays[mm-1]; j++){ sekki = get24Sekki(yy,mm,j); if (j == dd) { scol = 'red'; } else { scol = 'brown'; } if (sekki != '') { document.write("<font color="+ scol +">"+ sekki +"</font>("+ j +"日) "); } } document.write("<br>"); // 旧暦・潮汐表示 document.write('旧暦'); if (kr.uruu) { document.write('<font color=blue>閏</font>'); } document.write("<font color=blue>"+kr.month +'月'+ kr.day +'日</font>'); document.write(' 潮汐<font color=blue>'+getTide(kr.moon)+'</font><br>'); // 月齢表示 kr.moon0 = kr.day-1; document.write('<img src=./moon/'+getMimg(kr.moon0)+' width=17 height=17>'); document.write('<font color=blue>'+getMname(kr.moon0)+'</font>'); document.write(' 月齢<font color=blue>'+kr.moon.toFixed(1)+'</font><br>'); // 作者表示 document.write('<div align=right>'); document.write('<a href="http://kikuchisan.net/" target="_blank">'); document.write('<i>Koyomi by kikuchisan</i></a></div>'); document.write("</font></td></tr></table>"); //--> </script>


サーバに転送します。

  1. index.htmおよび全てのjsファイルをアスキーモードで、画像データmoon00.gif〜moon29.gifをバイナリモードでサーバ側に転送します。

  2. ファイルの構成
    index.htm
    qreki.js
    koyomi.js
    calendar.js
    moon
        |--------- moon00.gif
        |--------- moon01.gif
        |---------    |
        |--------- moon29.gif
    
    (参考)sayhappy_sp.cgiの構成
    birthday(777)
        |--------- birthday.cgi (755)
        |--------- birthday.pl (755)
        |--------- birthday.dat (666)
        |--------- birthday.gif
        |--------- mail.gif
        |--------- home.gif
        |--------- heart.gif
        |--------- jcode.pl (755)
        |--------- sayhappy_sp.cgi (755)
    whatday(777)
        |--------- birthday.txt
        |--------- monthly.txt
        |--------- event.txt
        |--------- history.txt
    

さぁ、これで完成です。index.htmを表示して見ましょう。今日のこよみが表示されれば完成です。
用語(項目をクリックすると説明・由来・吉凶などがでます)
(1)六曜------先勝、友引、先負、仏滅、大安、赤口
(2)十干------甲、乙、丙、丁、戊、己、庚、辛、壬、癸
(3)十二支----子、丑、寅、卯、辰、巳、午、未、申、酉、戌、亥
(4)和月名----睦月、如月、弥生、卯月、皐月、水無月、文月、葉月、長月、神無月、霜月、師走
(5)二十四節気----小寒、大寒、立春、雨水、啓蟄、春分、清明、穀雨、立夏、小満、芒種、夏至、小暑、大暑、立秋、処暑、白露、秋分、寒露、霜降、立冬、小雪、大雪、冬至
(6)潮汐------大潮、中潮、小潮、長潮、若潮
(7)月名------新月、二日月、三日月、黄昏月、弓張月、十三夜、待宵月、十五夜、十六夜、立待月、居待月、寝待月、更待月、二十三夜、二十六夜、月隠

 
 
©1997- Kikuchisan's workshop All rights reserved //

スポンサーリンク

関連コンテンツ