ホームページ制作/WEBサイト制作、システム開発の株式会社コンサイズ東京都渋谷区恵比寿

株式会社コンサイズトップ > メールマガジンバックナンバー > 第１０号 2006.08.24

なるほど！よくわかる！ホームページ運営！第10号 2006.8.24

まぐまぐで発行中！なるほど！よくわかる！ホームページ運営

　━━━━━━━━━━━━━━━━━━━━━━vol.10━ 2006.08.24 ━
　　　なるほど！よくわかる！ホームページ運営！
　━━━━━━━━━━━━━━━━━━━━━━━━━━発行部数100部━
　■ カレンダー・暦 イベント
　■ 休みの期間はどうしよう！？時限式インフォメーションサンプル
　■ 編集後記
　
　◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◆
　　カレンダー・暦 イベント　2006.08.28～2006.09.18
　◆───────────────────────────────◆
　
　・防災の日　　　９月１日
　・二百十日　　　９月１日頃
　・二百二十日　　９月１１日頃
　※詳細はバックナンバーに記載してあります
　▼「なるほど！よくわかる！ホームページ運営」第９号バックナンバー
　http://blog.mag2.com/m/log/0000199475/107595586.html
　
　・重陽　　　　　９月９日
　　重陽（ちょうよう）は旧暦9月9日の節句で、「菊の節句」とも呼ばれました。
　　五節句の一つですが、一番なじみがなく公的な意味あいが強いようです。
　　※五節句とは人日（じんじつ　正月７日　七草）、上巳（じょうし　３月
　　　３日　上巳の節句→桃の節句）、端午（たんご　５月５日）、七夕（
　　　しちせき、たなばた　７月７日）、重陽（ちょうよう　９月９日　重陽
　　　菊の節句）の５つです。
　
　・お月見（十五夜・十三夜）
　　今年の十五夜は９月２１日、十三夜は１０月１８日です。
　　十五夜ですからなんとなく９月１５日近辺のような気がしていました。
　　ちょっと今回のカレンダー・暦にはまだ早いのですが、一応掲載します。
　
　　「お月見」セールなどの更新・準備はお早めに！
　
　・石清水祭　　９月１５日
　　京都府八幡市にある石清水八幡宮（いわしみずはちまんぐう）の例祭です。
　　葵祭・春日祭とともに三大勅祭に数えられます。
　　▼石清水八幡宮 ホームページ
　　http://www.iwashimizu.or.jp/
　
　・敬老の日　　９月１８日
　　おじいちゃん、おばあちゃんへの感謝の気持ちを贈るプレゼントの販促を
　　行いましょう！
　
　　「敬老の日」プレゼントセールの準備もお忘れなく！！！
　
　
　
　◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◆
　　休みの期間はどうしよう！？時限式インフォメーションサンプル
　◆───────────────────────────────◆
　
　　お休みの期間インフォメーションの変更のためだけに休日出勤・・・
　　ご自宅でパソコン開いて・・・・あ、ファイルがないよ・・・・
　
　　そんな経験はありませんか。
　
　　ほかにも
　　「8月1日～8月15日の期間だけ宣伝したい
　　　　　　　　　　でも16日になった瞬間消したい！！」
　
　　結構あると思います。
　
　　今回は実際に私がお客さんに提供しているスクリプトを公開します。
　
　　そのまま、コピーすれば使える！ようにキチンと説明しますね。
　
---------------------↓-キ-リ-ト-リ-------------------------
<SCRIPT type="text/JavaScript">
<!--
// お知らせ期間　から～まで
var start = 20060301;
var limit = 99999999;

// お知らせ文言パターン１ 期間中のメッセージ
var pat1 = "本日、バーゲン開催中！";
// お知らせ文言パターン２ 期間外のメッセージ
var pat2 = "";

thisDate = new Date();

// 年を取得
year = "".concat(thisDate.getFullYear());
// 月を取得
month = "".concat(thisDate.getMonth() + 1);
// 日を取得
day = "".concat(thisDate.getDate());

// 1～9月は 01～09 のように2桁にする
if (month < 10) {
	month = "0" + month;
}
// 1～9日は 01～09 のように2桁にする
if (day < 10) {
	day = "0" + day;
}
// 日付を8桁にする 例）20060820
dateStr = year + month + day;

// 今日の日付が 開始日 と 終了日 の間にあればパターン１を表示
if (start <= dateStr && dateStr <= limit) {
	document.write(pat1);
} else {
// 今日の日付が 開始日 と 終了日 の間になければパターン２を表示
	document.write(pat2);
}
-->

</SCRIPT>
---------------------↑-キ-リ-ト-リ-------------------------
　
　このサンプルをコピーし、日付によって表示を変更したい場所に
　貼り付けます。
　
　上から三行目の「// お知らせ期間　から～まで」
　の下にある
　
　 var start = 20060301; と
　 var limit = 99999999; を
　
　変更することで「お知らせ対象期間」を変更します。
　
　お知らせ内容の変更は
　
　 // お知らせ文言パターン１ 期間中のメッセージ
　 var pat1 = "本日、バーゲン開催中！";
　 // お知らせ文言パターン２ 期間外のメッセージ
　 var pat2 = "";
　
　の部分の↓この「○」の部分を変更します。
　 var pat1 = "○○○○○○○○○○○○○○";
　 var pat2 = "○○○○○○○○○○○○○○";
　
　サンプルを作成しました。
　http://comsize.nobody.jp/0010_timer.html
　
　こちらでは実験しやすいように、訪れた方がキャンペーン期間を
　決められるように加工してあります。
　
　キャンペーン期間を今日を挟んでみたり外してみたりして試してください。
　
　ＩＥをお使いの方は右クリックでソースを表示してみてください。
　どのように挿入するか、見ていただければ参考になると思います。
　
　このように・・・
　
　○キャンペーン期間中のお知らせとそれ以外でお知らせを変更したいとき
　○休業期間中のお知らせを期間限定で表示させたい時
　
　など、様々な用途で使用できます。
　
　「・・・でも、日付より時間で切り分けたい」
　そんな用途も多いですよね。
　
　今度は実際のHTMLファイルに出来るようにサンプルを作成しました。
　
　下記を、○○.html としてファイルに保存すると挙動がわかります。
　
---------------------↓-キ-リ-ト-リ-------------------------
<HTML>
<HEAD>
	<TITLE>お知らせ期間　開始～終了　サンプル</TITLE>
</HEAD>

<BODY>
<DIV ALIGN="CENTER">
<TABLE border="0" cellspacing="1" cellpadding="0" bgcolor="#CCCCCC" width="500">
	<TR bgcolor="NAVY">
		<TD style="color:#FFFFFF; font-size:14px; line-hegith:150%;">
ただいまの時刻　
<SCRIPT type="text/JavaScript">
<!--
thisDate = new Date();

// 時を取得
hour = "".concat(thisDate.getHours());
// 分を取得
minute = "".concat(thisDate.getMinutes());

// 1～9時は 01～09 のように2桁にする
if (hour < 10) {
	hour = "0" + hour;
}
// 1～9分は 01～09 のように2桁にする
if (minute < 10) {
	minute = "0" + minute;
}
	document.write(hour + "：" + minute);
-->

</SCRIPT>
		</TD>
	</TR>
	<TR bgcolor="#FFFFFF">
		<TD>

<SCRIPT type="text/JavaScript">

<!--
// 開店時間　から～まで
var start = "1000";
var limit = "1930";

// お知らせ文言パターン１ 時間中のメッセージ
var pat1 = "只今、開店中！";
// お知らせ文言パターン２ 時間外のメッセージ
var pat2 = "営業時間を過ぎております。またのお越しを心からお待ちしております。";

thisDate = new Date();

// 時を取得
hour = "".concat(thisDate.getHours());
// 分を取得
minute = "".concat(thisDate.getMinutes());

// 1～9時は 01～09 のように2桁にする
if (hour < 10) {
	hour = "0" + hour;
}
// 1～9分は 01～09 のように2桁にする
if (minute < 10) {
	minute = "0" + minute;
}
// 時間を4桁にする 例）0800
timeStr = hour + minute;

// 時刻が 開店時間 の間にあればパターン１を表示
if (start <= timeStr && timeStr <= limit) {
	document.write(pat1);
} else {
// 時刻が 開店時間 の間になければパターン２を表示
	document.write(pat2);
}
-->
</SCRIPT>

		</TD>
	</TR>

</TABLE>
</DIV>
</BODY>
</HTML>
---------------------↑-キ-リ-ト-リ-------------------------
　
　このサンプルは下記、ＵＲＬにて確認できます。
　http://comsize.nobody.jp/0010_timer2.html
　
　こちらはサンプルのまま挙動しておりますので
　　１０：００～１９：３０　と　それ以外の時間帯　で
　　見比べてみてください。
　
　注意事項としましては、この表示は「お客様のご使用のパソコンによる」
　ものだということをしっかり覚えておいてください。
　
　お客様のパソコンの時計が狂っていますと
　そのまま誤った表示を行ってしまいます。
　
　
　サンプルをうまく活用し
　　「無人で出来る変更作業」でちょっと楽になってください！
　
　「うまくいかない」などのご質問は個別メールで受けますので
　お気軽にどうぞ！
　
　
　◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◆
　　編集後記
　◆───────────────────────────────◆
　
　第１０号いかがでしたでしょうか。
　
　最近では、「WEB2.0」という言葉も登場しますますインターネット上の
　サービスが使いやすく向上しております。
　
　▼WEB２．０とは　（IT用語辞典より）
　http://www.sophia-it.com/category/web2.0.jsp
　
　しかし、制作・運用している立場から言いますとまだまだ今までの技術が
　主流ですよね。
　
　今年の初頭、「今年はXOOPSが来る！」「Movable Typeが来る！」という
　予測がありました。
　
　▼XOOPSとは　（はてなより）
　http://d.hatena.ne.jp/keyword/XOOPS

　▼Movable Typeとは　
　http://e-words.jp/w/Movable20Type.html
　
　しかし、これらはまだまだ敷居が高く専門知識がないとメンテナンスも
　大変・・・どころかまったく手が出せないというのが現状です。
　
　そのため、この２つの技術とも実際には一般レベルまで
　　降りてきていないのではないでしょうか。
　
　実際に大切なことは「ホームページで売り上げを上げること」であり
　最新技術を使うことではないんですよね。
　
　それよりも
　・お客様によりよいサービスを提供したいという熱意
　・それが伝わるホームページ
　・今までなら埋もれていた死に筋だけどニッチなニーズ
　　「ロングテール」方式のキーワード対策
　
　▼ロングテールとは　（ウィキペディアより）
　http://ja.wikipedia.org/wiki/%E3%83%AD%E3%83%B3%E3%82%B0%E3%83%86%E3%83%BC%E3%83%AB
　
　そんなものが今後も大事になってくるように思います。
　
　私もまだまだ勉強しなければならないことがいっぱいです。
　皆さんによりよい情報を提供できるようがんばりたいと思います。
　
　このメルマガを読んで生まれた「疑問」「質問」「ご意見」「ご感想」
　ございましたお気軽にメールをください！
　
　よろしくお願いします！
　
　「ホームページを優秀な営業マンに！」
　
　　私もそのお手伝いをします！
　
　◎ このメールマガジンを読んだご感想・ご意見・ご質問、また仕事依頼
　 などございましたらなんなりとお気軽にメールをください。
　 お返事は必ず書きます！
　------------------------------------------------------------------
　☆ ホームページ運営コンサルタント
　☆ 発行人： 株式会社コンサイズ　さとう たけし
　☆ 弊社HP： < http://www.comsize.com/ >
　☆ メール： < mail@comsize.com >
　★ 購読・解除はこちらでできます！
　　まぐまぐ →→ http://www.mag2.com/m/0000199475.html

　------------------------------------------------------------------
　PR--- ブログ「ホームページ運営コンサルタント－さとうたけし」
　　是非、ご覧になって下さい！
　　http://blog.comsize.com/
　------------------------------------------------------------------