2008年10月アーカイブ

CSSで擬似フレームにトライしていたところ、森下屋さんから情報をいただき、そこから派生しまして、IEだけにCSSを適用する方法をまとめてきました。
サンプルは記事の一番最後にあります。

アンダースコアハック

プロパティ名の先頭にアンダースコアを記述することでIEに適用することが出来ます。IE6のみでIE7には適用しません。

スターHTMLハック

属性の前に　*html　を記述することでIEのみに読み込ませることが出来ます。IE6のみでIE7には適用しません。
CSSの親子関係の解釈の違いでIEだけ適用されます。考え方はたぶんこういう考えだと思います。
スターハック

スターHTMLハック改

勝手に命名してますが（汗）、上のスターハックの仲間です。属性の前に *+html　を記述することでIEのみに読み込ませることが出来ます。こちらはIE6ではなくIE7のみに適用します。

スターHTMLハックを組み合わせると、IE6、IE7、FirefoxとでCSSを別々に適用することが出来ます。

ただ、これはあくまでもハックなので、正道はないのか？と探すと

先日、電気屋さんがFCTV配線の工事に来ました。
急用で工事の途中で外出しなければいけなかったので、後のことはおかんに任せた。

工事は無事終わり、古～いテレビでもFCTVが見れるようになった。
おかん曰く

電気屋さん、TVのチャンネル合わすの苦労してた。古いTVやからリモコンが動くかどうかを携帯電話で調べてた！

と。

携帯電話でリモコンが動いてるかどうかを調べた？？？

おかん何を言ってるんや！
それとも、電気屋さんの携帯には何かが付いてるんだろうか・・・

とその時は思っていたんですが、

リクルートとサン・マイクロシステムズは19日、マッシュアップによるWebサービスのコンテスト「Mashup Awards 4th」の受賞作品を発表しました。
その最優秀賞に「Chamap」が選ばれました。
http://chamap.net/

Chamapは地図上でチャットが出来るサービスで、発言するとその場所に吹き出しが表示され、音声で読み上げてくれる。ホットペッパーなどのお店情報に対してコメントが付けられる。

今度の飲み会のお店はどこだっけ？って時に、あれこれ説明するより、地図上で「ここだよ！」を言えばそれで済んでしまう。

さらにすごいことに

CSSで（JavaScriptは使わずに）ヘッダ固定の擬似フレームが作れないかと、いろいろサイトを検索したのですが、IE6とFirefoxと両方で動くサンプルがなかなか見つからず・・・

IEにいたっては、標準でスクロールバーが出てるのに、また、その内側にスクロールバーが出たり・・・

なかなか難しい。そもそも、CSSだけじゃ無理なのか？？？

■2008.11.2追記
CSSでヘッダーを固定するで、いちおう出来ました。

Firefoxは表示エリア内にコンテンツが収まる場合、スクロールバーを表示しません。IEはコンテンツ量にかかわらずスクロールバーを表示します。

センタリングで表示する場合、ページによってスクロールバーが表示されたり非表示になったりだと、スクロールバーの幅の分だけ表示がずれてしまいます。
出来ればIEのように常にスクロールバーを表示していたい。

この場合

html {
　　overflow-y:scroll;
}

とCSSに記述することで常にスクロールバーを表示されます。これでページのコンテンツ量にかかわらず、センタリングでズレなくなります。

2008年10月28日付で、WILLCOMから「メールアドレスの新ドメイン「willcom.com」の導入について」というプレスリリースが発表されました。

2009年1月15日以降、新たにメールアドレスを取得する場合のドメインは「willcom.com」になります。
現在のWILLCOMのメールアドレスのドメイン「pdx.ne.jp」または「**.pdx.ne.jp」は引き続き利用可能です。

ちょうど、SoftBankで新しいドメイン「softbank.ne.jp」が出た時と同じような状況です。

pdx.ne.jpでWILLCOMを判断されているような部分には、willcom.comの判断も必要になります。

先日の連休に京都に行こうと思ってたんですが、諸々所用で行けずにいたので、昨日の日曜日に行ってきました。
いつもは土曜日に動く（次の日が日曜で休みなので）のですが、おねぇが中学にあがり、土曜は部活なので、日曜に。

いつものごとく朝は早い。今回も５時出発。もちろん高速は使わず（笑）
でも、朝なので交通量が少ないのと、１６１号のパイパス＆無料化になった湖西道路を使えば、案外早く着く。
バスで回ることにしたので、車は山科駅前の駐車場に置いておいた。

先日から発生してた異音（ぐわんぐわん）ですが、ウォーターポンプのベアリング部分からの音でした。
結局、ウォーターポンプ交換で、音は無くなりました。

今回、輸入車（イタリア・フランス車）を主に扱っている、アウトクルーズさんにお願いしました。
（もちろん）smart専門ではありませんが、近くだし、いろいろメンテしてもらえます。

http://www.infofukui.com/autocruise/

先日、敦賀の漁師の宿　なかいの若女将さんから、敦賀ふぐをいただいた。
なんだか高価なものをいただいてちょっと恐縮してます。

さっそく「ふぐ鍋」でいただきました！

実は、我が家に「ふぐ」が来るなんて、私が知ってる限りでは初めてのこと。つまり、誰もふぐの食べ方を知らなかったんですが、同封されていた、ふぐの食べ方のレシピを頼りになんとか出来上がりました。
写真では白菜しか見えません。。。
撮ったのはこれ１枚のみ。しかも携帯で。。。食べ始めたら撮るのすっかり忘れました m(_ _)m

ポン酢で食べると美味しいということで、早速、ポン酢で。

コロコロというかプリプリというか。
うまいわ！これ！
（そりゃ、うまくないわけないってば）

我が家イチの味のわかるヤツ、おねぇは食べるのを嫌がるかと思いきや、うまい！と食べていた。

おねぇは几帳面なヤツで、鍋のようにみんなで食べるものは、これはいくつ食べればいいんや？と食べる数を気にする。
が、今回は何も数えてなかった。

futomiアクセス解析CGIのリクエストレポートでタイトルが表示されないで、ドキュメントルートが異なるサイトのリクエストレポートのページタイトルを取得する方法を書きましたが、それでも、まだ完全ではありませんでした。

例えば、

http://blog.karakuriya.biz/developers/perl/

のように、index.html も何もなく、スラッシュ（/）で終わるURLの場合、ページタイトルが表示されません。

この私のサイトは、futomi 高機能アクセス解析CGI Standard版 Ver 4.0.1 でアクセスログ解析を行っています。

しかも、
からくり屋（本体）
からくり屋ブログ
Smartyをはじめよう！
MovableTypeでビジネスブログ構築
の４つのサイトを一括してログを取っている。
後の２サイトは最近全然更新してませんが・・・

ログ解析の画面で「リクエストレポート」という項目があり、どのページを何回アクセスされたか？という情報が表示されます。
ここには、ページタイトルとURLが表示されるわけですが、どうもうまく表示されない。

よくよく見てみると、からくり屋（本体）以外は全くタイトルが表示されていない。
そもそも、ページタイトルはどうやって取得しているのだろう？

エンジンをかけると、リアのエンジン部分から、ぐぉ～ん！ぐぉ～ん！と異音がする。

何の音だろう・・・
大阪遠征と関係あるんたろか？

大阪に行く途中にパチリ！
すこぶるいい天気でした。

先日、吟醸ひやおろしが限定発売されました。

大阪に行ってきました。
途中、京都でH氏を拾い、そのままH氏に運転を代わってもらったので、楽させてもらった。

大阪に昼前に着き、ちょっと時間があったので、昼メシを先に。大阪はうどんが名物だそうで、道路沿いのうどん屋に入った。
当然ながら初めて入った店でしたが、これがうまい！ミニ玉子丼のときつねうどんのセットで780円ナリ。

満足の後、某所へ。ここで、岡山の方とお会いする予定です。

いろんな出会いがありそうで楽しみです！

京都でお連れを1人、拉致っていこう（笑）

隊長の校外学習の日。
５～６人の班にわかれて、いろんな施設に行って、そこをいろいろ調べるというもの。
１０班以上あるので、先生の人手が足りないってこともあって、保護者の付き添いボランティアを募ってたので、それに参加した。

えちぜん鉄道開発駅から全員で福井駅まで移動。その後、班毎の行動に移る。

行き先は、ハーモニーホール。なので福井鉄道の市役所前駅まで歩く。途中で高田純次が何かのTVのロケをしてた。小学生連れなので声をかけてきたんですが、いかんせん時間が無い。。。惜しいが高田純次さんに別れを告げる。

ハーモニーホールは今夜のコンサートのためリハーサルの予定だったんですが、ちょうどリハーサルが午後からになり、急遽、大ホールや楽屋のほうを見せていただいた。

いやぁ、誰もいない大ホールに入れるとは。。。すごくラッキーです。
音の響きがめちゃめちゃいいです！

写真は大ホールのパイプオルガン。これ建てた時からあるのかと思いきや、４、５年前に出来たそうだ（ハーモニーホール自体は１１年前に建てられた）。
なんでもホールの中の木材とかが落ち着いてから取り付けたということ。音に対する厳しさが感じられました。

今回は校外学習の付き添いで行ったが、非常に貴重な体験をした。

以前から、お客様のホームページを制作する際に、ブログの新着情報を「お知らせ」としてホームページ上に表示するといったことを行っていました。

今回、既にホームページをお持ちの方を対象に、「ブログ新着表示パッケージ iBlogNew」としてリリースしました。

CMS（ホームページ更新システム）やMovableTypeなどのブログで構築している場合は、専用の管理画面からホームページの内容を更新出来ますが、そうでない場合は、いちいちホームページビルダーなどのソフトを使って更新作業を行わないといけません。
iBlogNewを導入することで、ブログサービスなどのブログを書くだけでその情報がホームページ上に自動で表示されますので、更新の手間が要りません。

また、ブログ等でお店に来店されたお客様の感想を紹介している場合、その内容はホームページとリンクしていません。
iBlogNewを導入することで、ブログとリンクされ、ブログを書くだけで、ホームページ上のお客様の声が表示されます。

ウェブサイトのページやブログにYahoo!に地図を貼り付ける方法です。

Yahoo!の地図のサイトではりつけたい場所を探して、縮尺を調整します。

画面右上の「この地図のURL」をクリックすると、図のような画面が表示されます。ここの中の「この地図をブログ、サイトにはりつける」という長いURLをコピペで貼るだけでOKです。
Googleと同じく、iframeで表示されます。
地図の大きさは、iframeの中の width と height で指定可能です。

個人的には、GoogleよりもYahoo!の地図のほうが好きですね。

画像をカッコよく表示する-Lightbox-MovableType編に続き、OpenPNE編です。
OpenPNEのバージョンは、v2.12.4 です。

入れ込む箇所は、日記、コミュニティのトピックとそのコメント、イベントとそのコメントの画像表示部分に入れ込みます。その他、メッセージやレビューにもありますが、使用頻度が少ないので、今回はパスします。

まず、LightBoxを一式、サーバにアップします。MovableType同様に /lightbox にアップするとします。
この場合、LightBoxのソースをMovableType編同様に修正する必要があります。

次に、OpenPNEのテンプレートを修正します。

コンテンツをフォルダ分けする際に、それぞれのフォルダには index.html なりを入れますが、意外と忘れてしまうのが、画像用フォルダ。一般的には、image や img の名前が付けられます。
ここは画像を置くので、index.htmlというファイルはわざわざ置きません。
でも、ここのURL（例えば、http://blog.karakuriya.biz/image/）を直接叩くと、

こんなページが表示されます。
これはちょっとカッコ悪いです。

これを解決するには、

このブログを書き始めて３年半ぐらい。エントリー数も増え、その都度、場当たり的にカテゴリーを追加してきたので、非常に見難くなってきたので、ここでブログの記事をまとめました。

まず、developersという大きなカテゴリーを設け、その下のテーマ毎のサブカテゴリーを設けました。
ホームページの制作やシステム開発をされる方にどれだけの有益な情報が提供できるかわかりませんが、探しやすくしました。

developersの下は次のようになっています。

• ASP
• HTML/CSS
• Linux/Apache
• MovableType
• MySQL
• OpenPNE
• PHP
• Perl
• PostgreSQL
• SQL Server
• XOOPS
• htaccess
• ioncube
• mobile

※今日現在なので今後変化します。

その他、大きなテーマとして

• お仕事関係
• このブログについて
• ぷらいべっとな小話

として、その下に関連のあるカテゴリーを移動しました。

今までの記事も可能な範囲で適当と思われるカテゴリーに移動しました。

これで、かなりすっきりしました。

カテゴリ別のアーカイブ一覧で全てのカテゴリーとエントリーが見れます。

ホントは、カテゴリーのURLも変更したかったんですが、いかんせんMT3！それは一筋縄ではいかず、断念しました。。。

developers（制作・開発者向け）カテゴリーでは、

ホームページ制作（HTML、CSSなど）
インターネットシステム開発（PHP、Perl、MySQLなど）
OpenPNE
MovableType
Apache

関係のネタを書いていきます。

詳しくは、それぞれのサブカテゴリーをご覧下さい。

カテゴリ別アーカイブ

中学校になったら、どこでどう調べてきたのかわかりませんが、あちこちから家庭教師の電話がかかってきます。

その電話ですが、必ず

「○○と言いますが、中学生のお母さんいますか？」

とかかってくる。

ここで３つのギモン

１つ目。
いったいどこで中学校に進学したと調べてくるんだろう？個人情報筒抜けなのか？！

２つ目。
何故に「お母さん」なのか？
お父さんではいけないのか？

３つ目。
何故に、会社名を名乗らない？
個人名で、いきなり「鈴木と言いますが・・・」と電話を掛けてくる。全うな商売をしているのなら、しっかり会社名を名乗ればいいじゃないか？そこを名乗らないところが、どうにも胡散臭さを感じる。
先物商品取引のセールスと同じですよ。

今までは「どちらの鈴木さんですか？」と聞く。相手の番号からどこからかけてきてるかは分かるので、「カミさんは○○に住んでる鈴木さんって人は知らないと言ってますが・・・」と言う。そりゃ、そうだ！十中八九、家庭教師と分かっているが、相手が個人名しか名乗らない以上、こちらも個人として対応するしかない。

顧客獲得はわかりますが、もうちょっと、フェアにいきましょうよ。

ホームページをリニューアルする場合、往々にして、URL（アドレス）が変わる場合があります。

今まで：ｈttp://www.karakuriya.biz/05news/
↓
リニューアル後：http://www.karakuriya.biz/news/

とか。

アドレスを変えるのはそれなりの理由があるわけで、それはリニューアルにとっては仕方がないことです。
でも、ここで注意したいのが、

検索エンジン等に今までのURLでリストアップされている

ということです。
折角、検索エンジンで検索してサイトにやってきても、URLが変更されてしまっているので、「ページが見つかりません」というエラーになってしまいます。
これでは、リニューアルした意味がありません。

じゃ、今までのページも残しておけばいいじゃないか？

という考えもありますが、サーバの中は新旧のコンテンツが入り混じり、管理が難しくなってきます。

そういう時は、

電線とテラスの間に前々からクモが住みついていた。
遠目に見てもなかなか大きなクモ。

退治した。

間近で見ると、黄色と黒と赤。
この配色って、毒グモ？

キ、キ、キ、キモ～～～！！

※キモチ悪いので、お体の調子がよくない方はクリックしないで下さい。

昨日、ふくい産業支援センターにて、マッチング交流会が行われました。

主催者側によると、参加者が少なかったんですが、直前になって多くの方から参加申込みがあって、定員を超えてしまったそうです。

１１社のプレゼンということで１社あたり１０分。この時間内で話さないといけないので、たいぶ早口＆うわべだけの説明になってしまったかも知れません。
にも、かかわらず、その後の個別相談会にお越しいただいた皆様、ありがとうございました。

今回「ホームページと無料ブログの連携」という話もさせていただいて、来場の皆さんから、面白いね！とか、いいね！という声をかけていただきました。
近々、その案内ページを作成予定であります。

ってことで、先日、この自転車の取材をしたいのでって
知り合いの記者さんから連絡があり、前々から気になってた自転車なので、快諾させてもらった。

初めて実物の自転車を見た時、レトロチックやなぁというのが第一印象。
写真で見てもわかるように、今どき、丸目のライトは無いやろ～って感じでした（笑）
でも、このイメージがあわら温泉には合うんでしょうね。

2人乗りの自転車ということで、自転車の後ろに小さいリアカーみたいなのが付いたタイプです。
後ろの人は、ハンドル（単なる持ち手）とサドルがあり、いわゆるニケツとは違う。
前の人にペダルがあり漕ぐわけでした、思ったほど重くはないです。

最近、画像をクリックすると、画面が黒くなって、その上に画像が表示されるといった、カッコいい表示の仕方が流行ってます。
これはLightboxっていうAjaxが使われてます。
HTMLへの組込みも難しくなく、簡単なテコ入れで表示出来るので、いいですね。

こんな感じで表示されます。画像をクリックしてください。

さて、これをMovableTypeに組み込むには多少の修正をしないといけません。

財団法人ふくい産業支援センターが、「県内中小企業が、ウェブ制作・ネット活用について、一度に比較・検討できる場」として、福井県内のウェブ関連のITベンチャーが自社の制作実績等についてプレゼンテーションを行う、平成20年度「マッチング交流会」を平成20年10月9日(木)に開催します。

【日時】2008年10月9日(木)14：00-19：00(予定)
【会場】福井県産業情報センター(坂井市丸岡町熊堂)
【参加料】無料
【定員】50名(予定)

「からくり屋」もこのプレゼンに参加します。

当日は１０分しか持ち時間がないのですが、

ホームページと無料ブログの連携Tips
ショッピングカートエンジンICARTの紹介
携帯へのメール配信事例

について、お話したいと思います。１４：２０からの予定です。

途中退場、入室はOKだそうなので、是非お越し下さい。

無料ですが、資料の関係から申込みが必要だそうです。

申込み／詳細はこちらから
ウェブ活用を考える中小企業様必見の「マッチング交流会」開催！
※他のプレゼン事業者の方も載ってます。

Firefoxで、POSTしたページのソースが見れなくなった。
これは困る。
POSTしたページのフォームにちゃんとhiddenでデータが入っているか？が全然確認出来ない。

そもそも、POSTした後のページのソースが見れないなんて使い物にならん！

きっと、何かのアドオンが悪さをしているのだろうと思い、怪しそうなアドオンから無効化にしていった。

原因のアドオンは、、、

ブログのPHPコードを書く時って、

<?php
//サンプルプログラム
$name = "taro";
for ($i = 0; $i < 10; $i++) {
print $name;
}
?>

こういう感じになるわけですが、PHPコード変換機を使えば、

<?php

//サンプルプログラム
$name = "taro";
for ($i = 0; $i < 10; $i++) {
  print $name;
}

?>

と、カラーエディタで見るように綺麗になります！