MONTH

2016年10月

キノコ狩りに行ってきました

本日は休日。 運動不足解消の「沢登り」も兼ね、キノコ狩りに出掛けてきました。 ナメコが目的だったのですが、今回は多くは採れませんでした。 今年は、ナメコの付きが悪いのかな。 まあ、こんな年もあるさ。 こちらもナメコです。 傘が開くと色が薄れ、こんな感じになります。 ムキタケも生えてました。 倒木にかかっていた草をどけてみたら、群生しているのを発見できました。 ・・・写真はありませんが、他に、クリタ […]

ブタさんバルーン表示を改修

バルーンの背景色を、薄青(月、火、木)、薄緑(水、金、土)、薄赤(日、祝日、休診日)で変わる様にしました。 その他、ブダさんの足の色を濃くしました。 さらに、祝日の情報を追加し、該当日には「休診」を知らせるバルーンも表示するようにしました。 今回は、過去を表示する事は無いので、PHPカレンダーで作成した連想配列から、2016年11月〜2020年12月の分を転用しました。 年末年始とお盆休みの休診日 […]

バルーン表示にブタさんを追加

診療時間の表で、該当曜日の上にブタさんが顔を出している絵を追加しました。 ブタさんは、HTML5のCanvas機能で描きました。 (下記ソースの72〜173行目) 吹き出しの「・・・でブー!」は御愛嬌。 現在時刻はサーバー時計を参照しています。 今回も、ローカルテスト用Webサーバー環境が役立ちました。 以下はサーバーの時計を進めて行きながら、クライアントでの表示を確認したものです。 「ブタさん吹 […]

案内図(map.svg)を改修

よくよく見るとローソンのロゴの上に白色の文字がありました。 どうやらローソンのロゴをトレースした際に、文字をパスに変換していなかった事が原因のようです。 該当の文字を選んで、Inkscapeの「パス(P)」メニューから「オブジェクトをパスへ(O)」を選択し、文字をパスに変換します。 ついでに、地図上の文字は全てパスに変換しました。 「本行寺」の文字は右端にかかっていたので、位置を修正しました。 ブ […]

アナログ時計の掲載を断念

昨日は、沢田内科医院HPが表示できない状況となりました。 どうやらアナログ時計のPHPの負荷が高く、サーバーが応答しなくなったようです。 現在使用のレンタルサーバーでは、能力的に厳しいようです。 従って、沢田内科医院HP上にアナログ時計を載せるのはあきらめました。 PHPを使用しないJavaScript+Canvasのアナログ時計ならサーバーに負荷をかけることはないのですが・・・。 代わりと言う訳 […]

再度、アナログ時計を少し改修

文字ベースのデジタル時計を、getElementByIdメソッド+innerHTMLでの表示から、CanvasのfillText()メソッドでの表示に変更しました。 その他、針の長さや幅、外枠の影付けなどを見直しました。 ソースをよく見ると、91行目〜107行目をコメントにしています。これをコメントアウトすれば、置き時計風の表示にできます。 しかし、見た目が今ひとつで、HPに載せてみたら、違和感が […]

アナログ時計に「再読込」ボタンを追加

アナログ時計の下部に「サーバーの時刻を再読込」ボタンを追加しました。 (下記ソース245行目) 時刻が遅れ気味になるようなので、1000ミリ秒ごとの積み上げを、995ミリ秒ごとの積み上げに変更。(237行目) それでも心もとないので、当初、60秒ごとに(00秒時に)、自動的にサーバーの時刻を再読み込みするようにしたのですが、サーバーからの応答が無く、何も表示されなくなるケースが多くなりました。 現 […]

アナログ時計をサーバー参照に

これまで、トップページのアナログ時計は、クライアントPC(閲覧者の利用端末)の時計を参照して表示していました。 今回、サーバーの時計を参照して時刻を表示するPHPプログラムに修正しました。 アクセス時にサーバーの時刻を取り込み、そこからクライントのインターバルタイマーで一秒ごとに、値を積み上げて時刻表示しています。 その為、長時間の稼働では誤差が心配なので、1時間毎に、window.locatio […]