CATEGORY

ホームページ制作

  • 2013年10月9日
  • 2013年10月12日
  • 0件

「いいね!」ボタンの追加をスクリプトで簡略化

本日、「いいね!」ボタンを「勝手な書評」と「医学に関する津軽弁」のページにも追加しました。 前回は、「いいね!」ボタンを「医院のひとこま」と「雑記帳」のページに関して追加しました。 その際、秀丸エディタの「grepして置換」を使用したのですが、その後のリンク情報の修正は、一ファイルづつ開いて検索置換えで手直ししたので、非常に疲れました。今回はその修正作業を、シェルスクリプトで簡略化することが出来た […]

  • 2013年10月6日
  • 0件

「いいね!」ボタンを追加

遅ればせながら、「医院のひとこま」「雑記帳」の全記事に「いいね!」ボタンを追加してみました。 以下のサイトを参考にさせていただきました。ありがとうございました。 Facebookのいいね!ボタンを設置する方法 | Web制作会社スタイル 回線速度によっては、全てのボタンが表示されるまで、多少時間がかかるのが玉に傷でしょうか。 「医学に関する津軽弁」「勝手な書評」の記事には、まだ、「いいね!」ボタン […]

  • 2013年10月1日
  • 2013年10月1日
  • 0件

寄り道「職場体験」に画像を追加

これまで。 画像とリンクを追加。 画像の縦サイズを少しだけトリミングし、ブロック内に収まるようにしました。 ・・・記事が11件以上になったらどうするかは、そのときに、また考えましょう。^^

  • 2013年9月30日
  • 2013年9月30日
  • 0件

カットを手直し

カットで使用している画像を今更ながら修正。 修正前の画像は、フリー素材から持ってきたもので、背景色が白。 ファイルはGIF形式でした。 このままでも悪くはないのですが、背景がグレーのところに置いている為、四角いキャンバスが気になります。 上記画像を、グラフィックソフトGIMPで読み込み、背景を透明にしたいと思います。 まずは、絵(地面、家、木、ウサギ、雪)をトレースしました。よーく見ると原画と違い […]

  • 2013年9月29日
  • 2013年9月29日
  • 0件

見た目を少し変更

タブレット(縦)またはスマートフォン(横)で表示した際に、トップメニューのブロックに背景画像が表示されるように見た目を変更してみました。 タブレット(縦) タブレット(横) スマートフォン(縦) スマートフォン(横) カレンダー予定表の直近予定メモをとめてあるピンの色はランダムに切り替わるようにしました。(赤、青、黄、緑、ピンクの5色) 直近予定メモの用紙の傾きもランダムに切り替わるようにしました […]

  • 2013年9月5日
  • 2016年10月27日
  • 0件

カレンダー予定表をマルチデバイスに対応

ホームページのカレンダー予定表(自作php)が、タブレット端末で表示すると、画面からはみ出してしまい見苦しいので、CSSで見た目を修正。 ウィンドウのサイズ変更に従い、カレンダーのサイズ(divブロックサイズ)を段階的に縮小するように、@mediaで指定。 ただ、インラインフレーム内に、PHPプログラムを表示する場合は、そのphpプログラムが参照するCSSファイルの@mediaは、外側のウィンドウ […]

  • 2013年8月20日
  • 2013年8月20日
  • 0件

Angel21 HP 移転

エンジェル21ホームページ制作工房のHPを、TOK2PROのレンタルスペースから、自宅サーバ機に引っ越しました。 旧URLにアクセスした場合は、この表示になります。 (年間契約なので2014年3月頃まで。)     これで、TOK2PROさんへの年3000円の支払いが不要になります。サーバ機(中古ノートPC)が8,800円だったので、3年間で元が取れる計算。・・・まあ、サーバ機 […]

  • 2013年7月14日
  • 2013年7月26日
  • 0件

沢田内科医院HPを更新

ニュースレター第76号の内容を盛り込みました。 先日、TV録画用のPCで、録画しておいた番組の中で、 ためしてガッテン 「胃がん予防の切り札!1週間で超簡単若返り」 を、ニュースレター制作の合間に見ました。 記事内容と重なる部分があって、興味深かったです。 今年も、内視鏡検査に行かなければ。(^^;

  • 2013年7月6日
  • 2013年7月27日
  • 0件

GIMPで虫ピン

虫ピンの画像はGIMPで作成しました。 パーツは「球」と「針」のみ。 「球」は、予めアルファチャンネルを追加しておいた白色背景を「楕円選択」した後に、選択領域を反転して外側を削除。 再度、選択領域を反転し、球の内側は「ブレンド」ツールで、描画色=薄い黄色、背景色=オレンジとしてから、放射状(Radial)のグラデーションで、適当に塗りつぶし。 「針」は、先に白色背景上に、「ブレンド」ツールで斜めに […]

  • 2013年7月5日
  • 2016年10月27日
  • 0件

PHPカレンダーの直近予定表示を改良

棚上げにしていた、PHPカレンダー+簡易予定表の下部にある、ダイジェスト表示部分の見せ方を改良してみました。 これまでは、直近の予定1件のみを表示していましたが、今回は3件を表示するように変更。 コルクボードに紙をピン止めしたようなデザインにしてみました。 左右のボタンで、前後の予定を表示するのは、これまでと同じです。 これで、CentOS6.4でもPHPプログラムが動作することが確認できました。 […]

  • 2013年5月23日
  • 2016年10月27日
  • 0件

カレンダーを設置

エンジェル21ホームページにカレンダーを追加しました。 PHPプログラムのお勉強を兼ねて、沢田内科医院HPの「医院からのお知らせ」を「医院のカレンダー」に置き換えるべく制作したものの、残念ながら採用されなかったものです。 当初、データベースにMySQLを使用したのですが、あまりにサーバーのレスポンスが悪かったので、単純なテキストファイル(CSV形式)をデータベース代わりに使用して、何とか使えるレベ […]

  • 2013年5月14日
  • 2013年7月31日
  • 0件

沢田内科医院HPを更新

ニュースレター第75号の内容を盛り込みました。 追伸: 「医院からのお知らせ」を「医院のカレンダー」に入れ替える目論見は、結局、失敗に終わりました。 MySQLからCSVに変更しレスポンスを改良したものの、先生は忙しいようで、改良版でデータの登録・変更・削除を試しては頂けなかったようです。 最初に提案するものが最良でなければ、良い成果には繋がらないと言うことですな。 それだけ、第一印象が大事。 人 […]

  • 2013年5月7日
  • 2016年10月27日
  • 0件

カレンダー簡易予定表 MySQLを廃止しCSVファイルに

「医院からのお知らせ」を「医院のカレンダー」に置き換える目論見ですが、いまだ、採用ならず。(>_<) 今回、レスポンスを改善する為、MySQLの利用をあきらめ、テキストファイル(CSV形式)をデータベースとして利用するようにPHPプログラムを見直しました。 PHPではCSVファイルを扱うための関数が用意されていました。 fgetcsv()関数は、現在のファイルポインタから1行毎にテキス […]

  • 2013年4月4日
  • 2016年10月27日
  • 0件

PHPカレンダーを簡易スケジューラに

沢田内科医院HPの「医院からのお知らせ」を取り外して、簡易予定を書き込めるカレンダーを代わりに載せたいともくろんでいます。 これまでPHPで制作したカレンダーに、予定情報(タイトルとメッセージ)を盛り込ませる為に、サーバ側にデータベースを置きます。 テキストファイルを使用する方法もあるのでしょうが、今回は、いきなりデータベース(MySQL)を使用してみました。 画像で、土曜日だけじゃなく、水曜と金 […]

  • 2013年3月26日
  • 2021年8月7日
  • 0件

PHP カレンダー 翌月や先月も表示

前回までのカレンダーは日曜始まりでしたが、今回は月曜始まりに変更。 また、年と月を選択リストにし、直接見たいところへ移動可能に。 左の「<<」ボタンで前月を、右の「>>」ボタンで翌月を表示可能に。 「今月」ボタンを押すと、即座に今月の表示に戻ります。 祝日のデータは、Googleカレンダーから取得したものです。前回は2012年からのデータしか無かったのですが、本日試したら、 […]

  • 2013年3月24日
  • 2021年8月7日
  • 0件

PHPカレンダーに祝日の表示を追加

祝日のデータを得るにはPHP用のライブラリ集「PEAR(ぺあー)」にあるものを使えば簡単らしいが、Google カレンダーのサイトから引っ張ってくる方法もあるらしく、簡単そうなので試してみました。以下のサイトを参照させていただきました。 Googleカレンダーから祝日情報を取得。 | almondlab. 試しに、以下のテキストを作成し、.phpファイルとして保存し、サーバーへアップ。その後、ブラ […]

  • 2013年3月21日
  • 2021年8月7日
  • 0件

PHP で カレンダー

以下のサイトを参考に、PHPでカレンダーを作成してみました。 PHPでカレンダーを作成しよう | PHPプログラミングの教科書 [php1st.com] とりあえず、PHP独学の第一歩として、日付を扱う関数に慣れるのが目的です。 date()、mktime()、checkdate()などの関数を使用。 見た目はCSSで改善し、スマートフォンで使用中のスケジューラに似せてみました。 祝日表示に対応し […]