新カラースケジュール帳

◆概要
月毎にファイルを作成する、フレームを使用したスケジュール帳です。
旧バージョンと比べ、ブラウザ上から指示出来る設定を大幅に追加しています。
  • タイトル
  • 戻り先URL
  • 左フレームサイズ
  • ラインの太さ
  • 文字色(フレーム毎)
  • 背景色(フレーム毎)
  • 壁紙(フレーム毎)
  • メインカラー
  • サブカラー
  • フォントサイズ
  • 月用文字列
  • 曜日用文字列
  • 日付表示フォーマット
  • アイコン(複数可能)

  • 追加機能として、
  • 書き込み内容の修正機能
  • 一括削除機能
  • データファイルを別階層へ移動

  • ※初期パスワードは「pass」になっています。
    ※見た目重視の為に、右フレームにパスワード入力フォームを表示していたものを無くしました。
     これにより、1クリック多くなりますが、ご了承下さい。
    ※ロック機能は付いていませんので、複数の方で書き込みする形式でのご利用は出来ません。
    ※ログは、旧スケジュール帳との互換性はありません。移行は無理とお考え下さい。

    [リストタイプカレンダー]
    左フレームに表示される、縦一列タイプのカレンダー
  • 表示ON/OFF指定可能
  • 内容表示文字列長指定
  • アイコン表示サイズ指定


  • [マスタイプカレンダー]
    左フレームに表示される、横7マス、縦4〜6マスタイプのカレンダー
  • 表示ON/OFF指定可能
  • リストタイプカレンダーの上に表示指定可能
  • 1マスのサイズ(幅、高さ同サイズ)指定可能


  • ◆サンプル/ダウンロード
    ダウンロード
    Ver1.2
    [サンプル]

    ◆環境設定
    左フレーム下部の「管理者」リンクをクリックし、管理者パスワードを入れ、「環境設定」を選択して実行します。
    お好みに合わせて内容を修正します。

    [管理者パスワード]
    設定、削除、書き込みを行う際に必要なパスワードです。半角英数のみ設定可能です。

    [タイトル]
    ブラウザのタイトルバーに表示されるタイトルを設定します。シングルコーテーションは使用出来ません。

    [URL]
    このカラースケジュール帳からあなたのサイトに戻る為のURLを指定します。

    [左フレームサイズ]
    左側のフレームのサイズを指定します。300など固定数、もしくは%指定が出来ます。

    [ラインの太さ]
    マスタイプカレンダーのマスの隙間、リストタイプカレンダーの区切り線、右フレームの枠線等に使用される線幅を指定します。

    [フォント]
    日本語フォントを指定して下さい。英字フォントなどを指定すると文字化けの原因になります。

    [文字色]
    左フレーム、右フレームそれぞれの文字色を指定します。
    redなどの指定は出来ません。全て「#英数値6桁」形式で指定して下さい。

    [背景色]
    左フレーム、右フレームそれぞれの背景色を指定します。
    redなどの指定は出来ません。全て「#英数値6桁」形式で指定して下さい。

    [LINK文字色]
    リンクされている文字の色を指定します。
    redなどの指定は出来ません。全て「#英数値6桁」形式で指定して下さい。

    [VLINK文字色]
    クリック済みのリンクされている文字の色を指定します。
    redなどの指定は出来ません。全て「#英数値6桁」形式で指定して下さい。

    [メインカラー]
    マスタイプカレンダー、ライン等、メインに利用される色を指定します。
    redなどの指定は出来ません。全て「#英数値6桁」形式で指定して下さい。

    [サブカラー]
    マスタイプカレンダーで、書き込みのある日付のマスで利用される色を指定します。
    redなどの指定は出来ません。全て「#英数値6桁」形式で指定して下さい。

    [壁紙]
    左フレーム、右フレームそれぞれの背景画像を指定します。

    [フォントサイズ]
    メインで利用されるフォントサイズを指定します。
    10pxや11ptなど、スタイルシートで利用する形式で指定して下さい。

    [タイトルフォントサイズ]
    左フレーム上部の年月、右フレームのタイトル、日付等に利用されるフォントサイズを指定します。
    10pxや11ptなど、スタイルシートで利用する形式で指定して下さい。

    [カレンダーフォントサイズ]
    左フレームカレンダー文字などで利用されるフォントサイズを指定します。
    10pxや11ptなど、スタイルシートで利用する形式で指定して下さい。

    [リストタイプカレンダー]
    リストタイプカレンダーを表示する場合は「表示する」にチェックを付けて下さい。
    書き込みがある日付の欄には、内容が表示されます。その表示する文字列長を「表示する文字列長」に指定して下さい。
    アイコン指定がある日付の欄には、画像が表示されます。表示するその画像の横幅を「表示するアイコンサイズ」に指定して下さい。

    [マスタイプカレンダー]
    マスタイプカレンダーを表示する場合は「表示する」にチェックを付けて下さい。
    リストタイプカレンダーよりもマスタイプカレンダーを上に表示したい場合、「こちらを上に表示」にチェックを付けて下さい。
    マスのサイズ(縦横共通)を「1マスの大きさ」に指定して下さい。

    [月指示]
    月をどう表示するか指定します。
    「日付表示フォーマット」で「M2」と指定された所に使用されます。※1参照
    1、2、3、4…やJANUARY、FEBRUARY、MARCH、APRIL…など、1月〜12月まで全て指定して下さい。

    [曜日指示]
    カレンダー内で利用する曜日をどう表示するか指定します。
    「日付表示フォーマット」で「WEEK2」と指定された所にも使用されます。※1参照
    日、月、火、水…やSUN、MON、TUE、WED…など、日曜〜土曜まで全て設定して下さい。

    [日付表示フォーマット]
  • 左フレーム上部

  • 左フレーム上部に表示される「年月」の表示フォーマットを指定します。※1参照(1)〜(5)まで有効
    例)2004年1月15日の場合
    「YYYY年MM月」と指定した場合「2004年01月」と表示されます
    「YYYY年M月」と指定した場合「2004年1月」と表示されます

  • 右フレーム日付

  • 右フレームに表示される「日付」の表示フォーマットを指定します。※1参照(1)〜(9)まで有効
    例)2004年1月15日の場合
    「YYYY年MM月DD日(WEEK)」と指定した場合「2004年01月15日(木)」と表示されます
    「YYYY/MM/DD WEEK2」と指定した場合「2004/01/15 曜日指示で指定してある曜日」と表示されます

    ※同じものの重複(たとえば、MMとM2など月を表すものを複数指定)はしないで下さい

    [アイコン]
    使用したいアイコンを設定します。
    複数ある場合は改行します。
    アイコンは、記事書き込みの際に選択出来ます。その時、アイコンをそのまま表示させるのであまり大きなものを多数設定しないで下さい。

    ※1
     置換値
    (1)YYYY4桁の年に置換
    (2)YY2桁の年に置換
    (3)MM2桁の月に置換
    (4)M1桁の月に置換
    (5)M2月指示の指定値に置換
    (6)DD2桁の日に置換
    (7)D1桁の日に置換
    (8)WEEK日、月、…土に置換
    (9)WEEK2曜日指示の指定値に置換

    ◆記事書き込み/修正/削除
    左フレームで書き込みしたい日付のある年/月を表示させます。
    左フレーム下部にあるリンクにより、年月を移動出来ます。
  • 「<<」リンク … 現在表示されている年の1月に移動します
  • 「<」リンク … 現在表示されている月の1つ前の月に移動します
  • 「>>」リンク … 現在表示されている年の12月に移動します
  • 「<」リンク … 現在表示されている月の1つ後の月に移動します


  • 次に、カレンダーから書き込みしたい日をクリックします。
    右フレームにその日の内容が表示されます。
    右フレームの日付がリンクになっているので、そのリンクをクリックすると管理者パスワード入力画面に切り替わります。
    管理者パスワードを入力し、「実行」ボタンを押すと、入力画面が表示されます。
    すでにその日に記事が書き込まれている場合、内容が表示されます。
    タイトル、内容、アイコン(あれば)を設定し、「更新」ボタンで書き込みます。
    その日の記事を削除したい場合は「この記事を削除」ボタンを押します。

    ◆一括削除
    左フレーム下部の「管理者」リンクをクリックし、管理者パスワードを入れ、「一括削除」を選択して実行します。
    削除したい記事にチェックを付け、「削除する」ボタンを押して削除します。一括は表示ページ毎です。
    2004年1月の全データ 「○年○月の全データ」をチェックすると、この月のファイル毎削除します
      1日 ( 今日の出来事 ) 各日付をチェックすると、その日付の記事を削除します
      5日 ( 遊園地に行きました )

    ◆設置
    colorsch.cgiをエディタなどで開き、1行目をお使いのサーバに合わせて設定して下さい。
    #!/usr/local/bin/perl

    [パーミッション]※サーバ毎に異なりますので、ご利用のサーバで確認して下さい
    colorsch(仮) [755] - colorsch.cgi [755]
      env.cgi [666]
      spare.gif [---]
      jcode.pl [644]
      data [777]
    ( フォルダ / ファイル )

    ◆エラーが出る場合の対処
    「ファイルが作成出来ません」とメッセージが出る場合
  • 「data」というフォルダがcolorsch.cgiのある階層に存在しているか確認して下さい。無い場合は手で作成して下さい。
  • 「data」というフォルダのパーミッションが777相当(ファイル生成可能なパーミッション)になっているか確認して下さい。


  • 書き込みし、ファイルも作成されているのに表示されない
    旧バージョンでもあったのですが、どうしてもうまく行かないサーバがありました。
    ご一報頂ければ調査しますが、もしかしたら駄目かもしれません。お許し下さい。

    環境設定で保存した途端にCGIエラーとなった
    環境設定は、Perlの書式で記述しています。保存時にエラーチェックは行っていますが、予想外の設定で構文エラーとなる可能性があります。
    一度、FTP等でenv.cgiを取り出し、エディタ等で開いてご確認下さい。
    どこが悪いか分からない場合、当方にenv.cgiの内容と共にご連絡下さい。

    環境設定が保存されない
    env.cgiのパーミッションが666相当になっているかご確認下さい。

    ◆更新履歴
  • サンプル公開(04/01/16)
  • 初版配布開始(04/01/30 v1.0)
  • 右フレームの曜日表示修正(04/02/02 v1.1)
  • フォントが表示されない、フォーマットによって月表示がおかしくなる件修正(04/03/15 v1.2)