ホームページ制作会社の雑談

プログラム系ばかりで最近HTMLをいじってないYu-ichiです

WordpressのRSSを取得して、さらにその取得した情報を
「MagpeRSS」というRSSパーサーを使って静的なホームページ上に埋め込んでいるということを
むか～しちょこっとここらへんで書いた気がしますが、今回はWordpressの記事ではなく
FC2ブログのRSSを取得して表示してしまおうというコーナーです。

MagpieRSSの中でWordpressのURLを書き換えるだけで出来ます！

ですが、投稿日の日付表示がそのままではうまくいきません。
日付を表示しないのであれば、関係無いのですが・・・。

今回はその表示方法について、自分的メモとしてご紹介したいと思います。

発行されているxmlの中身の日付部分を見てみると、
　　Wordpressでは「<pubDate>」
　　FC2ブログでは「<dc:date>」
と、異なっていることが原因なのです。

そこで、phpファイルにおまじないをかけます。

include_once ‘rss_utils.inc’;
$date = $item['dc']['date'];
$date = parse_w3cdtf($date);
$daytime = date(’Y.m.d’,$date);

この4行を追加して、日付を表示したい部分で$daytimeを呼び出します。

この方法でFC2以外のブログでも<dc:date>で日付を表示しているものであれば
正常に投稿日が表示されるでしょう。

はじめ、include_once ‘rss_utils.inc’;を記述していなかったので
表示されず、悩みまくりました

また何か使えそうな技があれば、ご紹介したいと思いますので
応援宜しくお願い致します

ブログランキングの方もついでに応援クリックお願いします
　　　

暑かったり、涼しかったり、皆様体調はいかがですか。sinosanです。

写真の腕前もなかなか上がらない昨今ですが、以前撮った写真を整理していて見つけた写真を
ご紹介します。

デジカメもプログラムオートで撮影すればほとんど失敗はないのですが、
あえて、マニュアル（コンパクトデジカメにはあまり付いていない機能ですが、）で撮影してみるのも
意外な発見があるものです。
以前群馬県の草津温泉に行った折、撮ったものですので、解像度などはあまり良くありませんが
湯畑からお湯が流れ落ちるイメージ掴めると思います。

環境をテーマにしたサイトでは、このような写真をときどき見かけるのですが、清らかな水をイメージした
清流や滝の写真が使われていますね。

この写真は、マニュアルでシャッタースピード優先モードの1/800秒で撮影しています。
流れ落ちるお湯の瞬間を切り取った荒々しい感じになっていると思います。

シャッタースピード　1/800

下の写真は、同じくマニュアルでシャッタースピード優先モードの1/10秒で撮影しました。
流れ落ちるお湯が柔らかく連続しているイメージに見えると思います。

湯気の関係でもわ～とした感じになっていますね。

ひとつだけ注意して頂きたい事があります。
シャッタースピードを落とす場合、手ぶれを起こしやすいので、三脚などでカメラを固定して
撮影しましょう。

では、また。

相変わらずですが、ブログランキングに挑戦中です。
相変わらずのブログランキング挑戦中です。

クリックお願いいたします。

久しぶりに普通の話題を書きます。sinosanです。

相変わらずのブログランキング挑戦中です。

クリックお願いいたします。

母の日のプレゼント用に、おばあちゃんの原宿へいって「赤いパンツ」を買いに行くことになり
ついでなので、話題の「スカイツリー」を見てきました。

現在、約半分の高さですが、やはり大きいです。

浅草の「松屋」デパートの脇からはっきりと見えます。

どうせなので、そばまで歩いてみようと東へ１ｋｍほど歩いたのですが、
業平橋のところであきらめることにしました。
そこからの風景です。

その後、浅草寺まで戻り参拝の後、天ぷらでも食べようと、ある有名な天ぷら屋さんに入りました。
老舗といわれるお店に入るのはめったにない事ですが、やがり、うまかったです。

その後、浅草寺に参拝し、ご朱印を頂き、「おばあちゃんの原宿」へ。
さすがに人気の原宿です。それなりの人で混んでいました。
せっかくなので、とげぬき地蔵のある「高岩寺（たしか）」へお参りし、そこでもご朱印を頂きました。

久々の都内を歩き、疲れました。

では、また。

ジョギングをしていたら知らない車に追われてしまったjyunzyです

私の近況ですが、相変わらずホームページ作成の勉強の日々を送っています。
まだまだ先輩方から間違いを指摘されることがありますが、そういう時こそ
余計なプライドを捨てて、プラスにする心構えが必要だなぁ、と思っています。

若い人の中にはちょっと強い口調で間違いを指摘されたり、自分の意見が通らなかったりすると、
「自分を否定された」という気持ちになって、一切話を聞かなくなってしまう方がいるそうです。

私も何度かそういった経験がありましたが、今思い返してみるともったいない事を
していたと思います

確かに、怒られる事は気持ちのいい事ではありません。ですが、怒るという行動には少なくとも
「間違った事を正してほしい」という気持ちが含まれているはずです。

なので「自分だけのせいじゃない」「嫌なことだから忘れよう」と消極的になるのではなく、
怒られないためにも「仕事を頑張ろう」と心掛けたほうが、自分自身のスキルアップに
つながるのではないか、と私は思っています。

ただ「怒られた」と思うだけでなく、「なぜ怒られたのか」という意味を考えて自分を高めて
行きたいですね

ブログランキングに挑戦中です。クリックしてくれるとうれしいです！

　こっちも　

ハッピーターンのパウダー300%が出ないかと心待ちにしてるYu-ichiです

前回ご紹介したjavascriptを使ったロールオーバーですが、やはり便利です。
生産性もわずかながら上がっている気がしています。

どんなサイトでも使えて便利だ！
と思っていたのですが、意外な落とし穴がありました。。。

それは・・・Wordpressとの相性。

普通に使う分には何ともないのですが、
prototype.jsと併用したときにスクリプトエラーが発生してしまいます。
どうやら、prototype.jsとjQueryは競合してしまうみたいです。

回避するにはまず、prototype.js　→　jQueryの順番で記述してください。
読み込む順番が大切です。

その後、前回の「roll.js」とか適当な名前で作成したスクリプトに、おまじないをかけます。
赤文字の個所が変更点です。

【変更前】
$(function(){
  $(”img.o_o“).mouseover(function(){
    $(this).attr
    (”src”,$(this).attr(”src”).replace(/^(.+)(\.[a-z]+)$/, “$1_o$2″))
  }).mouseout(function(){
    $(this).attr
    (”src”,$(this).attr(”src”).replace(/^(.+)_o(\.[a-z]+)$/, “$1$2″));
  }).each(function(){
    $(”<img>”).attr
    (”src”,$(this).attr(”src”).replace(/^(.+)(\.[a-z]+)$/, “$1_o$2″))
 })
})

【変更後】
(function($){
$(function(){
  $(”img.o_o“).mouseover(function(){
    $(this).attr
    (”src”,$(this).attr(”src”).replace(/^(.+)(\.[a-z]+)$/, “$1_o$2″))
  }).mouseout(function(){
    $(this).attr
    (”src”,$(this).attr(”src”).replace(/^(.+)_o(\.[a-z]+)$/, “$1$2″));
  }).each(function(){
    $(”<img>”).attr
    (”src”,$(this).attr(”src”).replace(/^(.+)(\.[a-z]+)$/, “$1_o$2″))
 })
});
})(jQuery);

とりあえずこれで解決しています

他にも組み合わせによっては不具合が起こるかもしれませんが、
ひとまず、同じ現象でお悩みの方はお試しあれ～

では、恒例のブログランキングクリックをお願いします
　　　

ほぼ毎日ホームページ制作に携わるようになってから、１ヶ月がたったjyunzyです
覚悟はしていたのですが、ホームページ制作って忙しいですね
ホームページ制作には締切がある都合上、自身のスケジュール管理が必要です。
しかも常に何社ものお客様のホームページを作成しているので、頭の中だけでは
とてもじゃないですけど覚えきれません

そこで私は最近、ちょっとした事でもメモを取るようにしました。これってすごく重要ですね。
メモを取るようになってからは、出社してからすぐ今日の仕事を把握できるようになったり、
弊社に電話を掛けてきたお客様の名前も、メモを取ることで覚えられるようになりました。

まあ社会人にとっては当たり前なんですけどね
山のようにある情報を整理するのも、社会人にとって必須のスキルなんだなぁと
つくづく感じています。

ブログランキングに挑戦中です。クリックしてくれるとうれしいです！

　こっちも　

いつものことながら、高速道路の渋滞がはじまりましたね。sinosanです。

変わらずのご支援をお願いいたします。

クリックお願いいたします。

ウェブサイトを見ていて「これは、とっておきたい」と思った時、皆さんならどうしてますか。

「お気に入りに入れる」、文章ならその部分を選択してメモ帳に張り付け保存をするなど、
人それぞれ思い思いの方法で行っていると思います。

情報が増えると何をどこに保存をしたのか、探すのが大変です。

検索して、探し出せるといいと思いますよね。

そうしたサービスはいくつかあると思いますが、そのひとつに「エバーノート」というのが
あるのですが。
わたしも、これから使ってみようと思っていますが、エバーノートはネット上のサーバーにメモを置き
自宅ＰＣ、職場のＰＣ、iphone、ipadなどの端末からも利用でき、機器が故障してもメモが消えることは
ありません。

まずは、サイトにアクセスして
http://www.evernote.com/about/intl/jp

「始めよう」からアカウントを作成します。これで使えるようですが様々な機能を使うには、
各端末に専用ソフトをインストールしたほうがよいかもしれません。

ログインした個人ページの左下にある「ダウンロード」をクリックすれば、インストールできます。

後は、保存したい部分で「右クリック」して、「Add　to　Evernote」を選択すれば保存できます。
「タグ」をいう機能を使えば様々な分類をすることもできます。

蓄積した情報の整理ってとても難しいですね。
一緒に始めてみませんか。

最近までDreamWeaverの事を「どりーむうぇーばー」と呼んでいたjyunzyです

みなさん！ドリームウィーバーは使ってますか？
私は仕事柄よく使ってます（ほとんどタグを手打ちしてるのと変わらないですがゞ）
ドリームウィーバーはよくできたソフトですね
何ページにも渡って修正が入ったときは、ローカルサイト全体で置換をすれば効率的に直せますし、
ページの名前を変えたり場所を移動した時には、他のページとのリンクを自動的に修正してくれます。

こんな事で驚いている私ですが、この程度では序の口なんでしょうね…
もっと修業を重ねたいです。

ブログランキングに挑戦中です。クリックしてくれるとうれしいです！

　　こっちも

健康が一番とつくづく感じているsinosanです。

変わらずのご支援をお願いいたします。ブログランキングです。

クリックお願いいたします。

先ごろ、顔認識をして条件に合う設定で撮影してくれるデジカメが発売されています。
（2か月程前の事なのであまり新しい情報ではないかも知れませんね）

以前にも、顔認識をするデジカメがありましたが、あまり精度がよくなく別な場所で認識してしまったり
ポートレートなどは、複数の顔を認識できず背景にピントが合ってしまったりと、課題が多かったようです。

顔認識技術は各社独自の方法で行っているようですが、人の顔以外にも、犬や猫などの動物の顔も
認識できるほど、技術開発も進んでいるようです。

顔認識技術が進めば、繁華街や駅などの防犯カメラの映像から、犯罪者の顔ももっとはっきりとした
物となるのではないでしょうか。

少し前にテレビドラマで顔認識技術を導入した防犯カメラの映像から、すべての映像から人物を特定し
その人物がいつ・どこにいて、どんな行動をとっているかをつきとめ犯人逮捕に至ったというものでした。

電車の車内に防犯カメラを設置したところ、痴漢の抑止に役立っているという報道もありました。

いずれにしろ、そんなものがなければ犯罪が防げなくなっている世の中になってきているのは
悲しいことですね。

核家族化が進み、「隣は何をする人ぞ」なんて事も当たり前になりつつあります。
せめて、「向こう三軒両隣」ではありませんが、どんな人が暮らしているか、家族構成は・・など
把握しておきたいものですね。

すごく久しぶりに同年代からご飯を奢ってもらったYu-ichiです

今回はちょっとしたロールオーバーの方法をご紹介したいと思います

普通、ロールオーバーというと

<img src=”event_01.gif” width=”52″ height=”15″
   onMouseOver=”this.src=’event_02.gif’”
   onMouseOut=”this.src=’event_01.gif’”>

こんな記述のものが簡単でよさげですが、画像サイズが大きくなると
切り替えの際に読み込みに時間がかかり、一瞬チラついてしまいます。

予め使う画像をプリロードしておく方法もありますが、
使う画像をいちいち定義するのがめんどくさい。

そこで、こんな方法はいかがでしょうか？

【　方　法　】
１．画像を準備する

ロールオーバー後のファイル名は、
ロールオーバー前のファイル名に「_o」を追加してください。

これがロールオーバー後の合図となるので、
ロールオーバー前のファイル名にはつけないでください。

【ロールオーバー前】ロールオーバー前.拡張子

【ロールオーバー後】ロールオーバー前_o.拡張子

２．スクリプト・タグを記述する

<head>タグ内におまじないを記述します。


<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>

Googleのjqueryの呼び出しですね。
それともう１つ、「roll.js」とか適当な名前でjsファイルを作成し、
その中に以下の記述をコピーしてください。

$(function(){
  $("img.o_o").mouseover(function(){
    $(this).attr
    ("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_o$2"))
  }).mouseout(function(){
    $(this).attr
    ("src",$(this).attr("src").replace(/^(.+)_o(\.[a-z]+)$/, "$1$2"));
  }).each(function(){
    $("<img>").attr
    ("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_o$2"))
  })
})

プリロード付きのロールオーバー記述です。
それを同じく<head>タグ内で呼び出します。
<script src="/roll.js" language="javascript" type="text/javascript">
</script>

これで下準備は完了。
あとはロールオーバーさせたい画像をそのまま挿入し、
ロールオーバー専用のクラスをつけます。
<img src="画像パス" width="横幅" height="高さ" class="o_o">

たったこれだけで、チラつきのないプリロード付きのロールオーバーが完成です。

テンプレートを使用しているのであれば、
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>

<script src="/roll.js" language="javascript" type="text/javascript">
</script>
を前もって<head>に入れておけば、画像にクラスをつけるだけのお手軽さ。

是非一度、お試しください

おかげさまで、FC2のブログランキングが1位となりました！
この調子でがんばりたいと思いますので、引き続き応援クリックをお願い致します。