Netについての最近のブログ記事

こんにちは。まだまだ暑い日か続きますね~。

 

先日から、仕事の合間にチョコチョコと作っていた「美容室・エステ・サロンさまホームページ制作パック」サイト

β版まで出来上がったので、いったん公開です。
「美容室・エステ・サロンさまホームページ制作パック」サイトはこちらです。

美容室・サロン・エステさまホームページパック

今回は、仕事紹介サイトと言うより、Ajaxの勉強色が強いです。(Ajaxの組み合わせ、セレロンなどのPCでどこまでスムーズに動くかなど)

 

そうそう、なぜβ版かと言いますと。
Ajax、cssハック、png画像を結構使って作っていますので、IE6ではまともに表示されません。

Ajax、cssハック、png画像部分をFlashで作れば問題ないのですが、
Flash嫌いな僕としては、相変わらずFlash無しでどこまで作るかがテーマですので、ご了承ください。

少し前から、アメブロも始めました。
アメブロを始めた理由は色々とあるのですが、大きくは下記の3点です。

  1. アメブロは、どこまでカスタマイズできるのか
  2. アメブロを使ったマーケティングは出来るのか
  3. 弊社お客様の中にもアメブロを利用されている方が多い

お客様でアメブロを使われている方も多いので、多少なりともアメブロの相談を受けます。
そのときに「明確な答えを出したい」も有るのですが・・・・。

 

オフィシャルサイトをもたれる前からアメブロでブログだけ始められて、
すでに書いた記事も多いし、購読者も多いのでブログは独自ドメインではなく、
アメブロをそのまま使いたいとお考えの方も多いので、アメブロで色々と実験したいのも理由としてあります。

 

お客様のアメブロとオフィシャルサイトでは相互リンクをもうけているのですが、
それだけでは、「せっかく長いこと運用されているブログが勿体ないな~」と思っていました。

 

何か提案できることはないかと考え、
現在制作中の「美容室・エステ・サロン様向けホームページサンプル」でテスト開始です。

アメブロ情報を表示

そのテストというのは、ドメインもCMSもアメブロとは全く滋賀得環境へ、
アメブロの更新情報リンクしたいです。

 

発想は至って簡単で、
オフィシャルサイトからアメブロのRSSを読みに行ってPHPで表示するだけ。
一応テストした限りでは、アメブロを更新しても問題なく最新情報に書き換わるし、
リンクも問題なく出来ているのですが・・・・。

日付だけが、どうも上手く変換されない。
たとえば「2010/8/6」と表示したいんだけど「August 06, 2010 04」と表示されてしまう。
ん~。もう少し勉強が必要だな。

 

ま~。日付以外は問題なくできたので、自分の中の目標にはあと一歩といった感じです。

 

話がそれてしまいましたが、ドメインも違う・サーバも違う・CMSも違う環境へ
BLOG情報配信が出来たので、

  1. オフィシャルサイト訪問者へ新鮮な情報を配信できる。
  2. ブログ情報をアピールできるメリット。
  3. オフィシャルサイトの更新が無くても、ホームページが更新されているように見せられる。
  4. 複数のブログ情報も取り込みが出来る。

オフィシャルサイトの「キャンペーン情報」「新着情報」「ブログ情報」をタブで切り替えできるようにしていますので、美容室・エステ・ネイルサロンさまなどのホームページに使えるのじゃないか~。と自画自賛。
場合によってはスタッフ毎のブログをオフィシャルサイトへ取り込むことも出来ます。


さ~。もうちょっと作り込んでみますか。

アメブロでビジネスブログ 先日から始めたアメブロ。(アメブロサイトはこちら

 

たまに、お客さんから問い合わせいただくアメブロの使い方について明確にお答えできれば良いな。知り合いデザイナーからアメブロ始めろと言われたことがアメブロデビューの理由ですが、このブログもあるので、気が向いたときに日々の出来事でも書こうかと思っていたけど・・・。

それじゃ~面白くないな。ってことで、

アメブロでビジネスブログ出来るか計画始動!したわけです。
そして、本日は仕事の谷間でコレと言って急ぐ仕事がなかったので早速カスタマイズしてみました。
まだ、レイアウト80%・内容10%ぐらいの出来ですが、一端ご紹介。

 

カスタマイズテーマは先日からサービス開始した
美容院・ヘアーサロン様ホームページパック」の告知サイト。
※別にネタがなかった訳じゃないですよ。

 

アメブロでビジネスブログした場合、お問い合わせなどが増えるかテストしてみて、
効果が高ければお客さんへ情報をフィードバックできれば良いな~。と思っております。
まっ。それにはアメブロで仕事のPRだけじゃなく、興味惹かれるネタを書かないと駄目なんだけどネ。

アメブロ触っていてストレスが・・・・。
Movable Typeだったら簡単にできることが出来ない・・・・。って当然か。
みんながフリーブログを好き勝手にカスタマイズしだしたら、サーバ負荷・システム安定性が悪くなるからね。

 

でも、流石アメブロ。

PCに詳しくない人でも簡単にブログが出来るように作ってある。日記を書くには最適かな。
ただ、拘ったことが出来ないんだよな~。

アメブロでビジネスサイト建てている方もチラリホラリ居てるけど、よくここまでカスタマイズしているな~って感心します。中にはアメブロカスタマイズ会社も有ったりして。

「もしかしてアメブロカスタマイズってニーズ有るの?」

 

アメブロカスタマイズの練習がてら、アメブロでビジネスブログを建ててみようかな~

ん~。アメブロはじめました。

ホームページ屋がフリーブログってどうなの?って抵抗は有ったんだけどさ。

知り合いのWEBデザイナーから「アメブロはじめろ~!!」てお誘い受けたり、

お客さんからも数回アメブロやってたんだけど、デザイン変更できる?広告消したりできる?って質問もあったので、思い切ってアメブロデビューです。

 

まだ、何も記事を書いていないので、記事が増えたら改めてアメブロ紹介さしてもらいます~。

仕事に使うために購入したPocket WiFi(D25HW)ですが、充電完了後チョット触ってみると・・・。

Pocket WiFi(D25HW)

「たまごっち」を思い出してしまった。

 

 

それだけさ~

Pocket WiFi(D25HW)

Pocket WiFi (D25HW)を購入しました。

購入理由ですが、今までは、EMチャージでD02HWを使っていましたが、毎月の通信費用が2000~6000円程度。コレだったら毎月定額に切り替えてもいいかな?
最初はWiMAXにしようと思っていたけど、地方ではエリアが広がらないからWiMAXは見送り。そうそう、Pocket WiFiだとWiFi接続でiPod touchも使えるから便利かな~てのもあります。

ま~。購入への一押しは、EMキャンペーン!※イー・モバイル公式サイトでキャンペーン中です。

  • 13ヶ月間3980円
    コレだったら毎月の費用と大して変わらない。携帯のパケ放題より安い!
  • Pocket WiFi本体費用1円
    電気屋だと5000円程度だけど、オフィシャルサイトで1円はお得?しかも送料無料

と、こんな簡単な理由で、遅ればせながらPocket WiFi (D25HW)デビューです。
Pocket WiFi (D25HW)ですが、イー・モバイル公式サイトでネット申し込みしたら3日後には手元に届きました。そうそう、Pocket WiFi (D25HW)は代引きで送られてきますが、ただいまキャンペーン中なので代引き1円!宅配便のにーちゃんも「代引き1円ですが、コレなんですか?」だって。

そりゃ、代引き1円って疑問に思うよな。

safari5日本時間で6月8日a.m.2:00からアップルの開発者向けイベント「Worldwide Developers Conference 2010」(WWDC 2010)が始まりました。

今回の目玉はやっぱり新型iPhone。新型IPhoneは予想通りの高機能(4G・HDは見送り)のうえ低価格化とユーザーメリットてんこ盛り。ただ日本じゃSBなんだよな~。

オイラは、関西デジタルホン → J-Phone → Vodafone と使っていたことがあるけど資本が変わっても回線の悪さは改善されなかったからauへ鞍替えしたユーザー。(今のauもどうかと思うけど。)
SBに資本が変わっても、相変わらず回線の悪さは有名。魅力ある端末でも電話できなくては意味がないので、iPhoneへ移行できないユーザーです。

 

話が脱線したけど、個人的に今回のWWDCで一番うれしかったのは、ジョブズのキーノート・スピーチでは触れられていなかったSafari5。(Safariはアップル製のブラウザーです。)

Safari5の特徴は

  1. 高速化(JavaScriptベンチマークでは、 Safariより30%、Google Chrome 5.0より3%、Firefox 3.6より2倍高速に動作)
  2. Safari Reader(ウェブページから本文部分を自動的に検出して簡易表示。)
  3. エクステンション(拡張機能)の採用
  4. 検索エンジン Bing の標準サポート

まだSafari5は日本サイトからダウンロードできませんが、アメリカサイトからはダウンロード可能なので、先ほどアップルサイト(アメリカ)からダウンロードしてみました。

チョコチョコっと触った程度ですが、第一印象は早い!速い!ハヤイ!
動き・表示が速い!Movable Type管理画面でもFirefoxと比べて格段に速い。まさにストレスなしの早さ。Celeron® Mノートパソコンにもインストールしたけど軽い!速い!

IEからFirefoxへ移行したときと同じ衝撃。

ただ、Firefoxの拡張機能が便利だから、なかなか移行しにくいかな~。
Safariのエクステンション(拡張機能)が充実したら切り替えたいけどさ。

仕事で打ち合わせに欠かせないのが「ノートパソコン」

大抵、打ち合わせは2時間。

現在、持っているノートパソコン(nx6120)はイーモバイルでネットに繋げたらバッテリーが2時間持たない。なので、最近はMacBookを持っていくことに。

MacBookはバッテリーは十分持ってくれるけど13インチモニターは打ち合わせに辛い・・・。
オイラはホームページ屋なので、クライアントさんとの打ち合わせでデザイン案やホームページのギミック(動き)を見てもらう時に13インチで1280×800は辛い~。やはり14インチ以上で1024×768サイズに近い解像度で見てもらいたい。と言うのも未だに3割ほどのユーザーは1024×768サイズだから。

お客さんの所だとコンセント借りる事が出来るけど、ファミレスやカフェで打ち合わせのときには電源の確保が難しい。

それに、Macで行くと仕事の話より、Macの使い勝手などの話になったりして。

 

 

やはり、winでバッテリーの持ちが良くて低解像度、性能低いノートパソコンって無いかな~。
HDだ!高解像度だ!バッテリーが8時間だ!なんて最近のノートパソコンは解像度が高いよな~。
なにか良い案無いものか。

 

Google Analytics

Google Analyticsはサイトアクセス解析に非常に便利なツールなので助かっているのですが、気になるところも・・・・。

■気になるところ

  1. 自分がサイトを見てみログ集計される。(固定IPじゃないので)
  2. ブックマークされたか判らない。
  3. 特定の訪問者の動きを追跡できない。

ま~。「2」「3」は他のアクセス解析ツールを使えば解決できるんだけど、「1」だけが・・・・。
と思っていたら、GoogleからGoogle Analyticsのトラッキングを無効化する「オプトアウト アドオン」プラグインが。

機能は、「オプトアウト アドオン」をインストールしたブラウザ(Google Chrome 4.x以上、Mozilla Firefox 3.5以上、Internet Explorer 7/8)でGoogle Analyticsでアクセス解析しているサイトを見た時にログを残しませんよってプラグインです。

 

最近はアクセスログ・キャッシュがプライバシー侵害なのか?と話題になっているだけに、プライバシー問題で何かと叩かれているGoogleがプライバシー保護に努めてますよって意味合い強いような・・・。

ま~、成り立ちは置いといて。
自社サイト・クライアント様のサイトに自分のログが残らない事は正確なアクセスログが取れるので良い事だ!って事で早速インストール。

 

コチョ。コチョっと自社サイトを見て回り、Google Analyticsでログ確認してみると!!
オ~!ちゃんとログが集計されていない!(なんだか変な日本語だ。)

美容室・ヘアーサロン・ヘアーエステホー ムページサンプルを自社サイトで公開してキーワードの検索順位を先日公開いたしました。

 あれからまだ1週間もたっていませんが、6月4日の検索順位はこんな感じです。

■Googleの場合

検索キーワード Hit数 順位
美容室ホームページ 制作 約 1,510,000 件 83位
美容室ホームページ 作成 約 1,360,000 件 100位以下
美容室ホームページ 費用 約 957,000 件 28位
ヘアーサロンホームページ 作成 約 851,000 件 42位
ヘアーサロンホームページ 制作 約 890,000 件 43位
ヘアーサロンホームページ 費用 約 316,000 件 12位
大阪 美容室ホームページ 制作 約 697,000 件

12位

大阪 美容室ホームページ 作成

約 731,000 件

12位
大阪 美容室ホームページ 費用 約 484,000 件 8位
大阪 ヘアーサロンホームページ 作成 約 410,000 件 8 / 9位
大阪 ヘアーサロンホームページ 制作 約 308,000 件 10 / 11位
大阪 ヘアーサロンホームページ 費用

約 163,000 件

7位

 

 

■Yahooの場合

検索キーワード Hit数 順位
美容室ホームページ 制作 9,590,000 100位以下
美容室ホームページ 作成 6,410,000 82位
美容室ホームページ 費用 1,200,000 100位以下
ヘアーサロンホームページ 作成 1,240,000 4 / 5位
ヘアーサロンホームページ 制作 1,070,000

1 / 6位

ヘアーサロンホームページ 費用 約198,000 28位
大阪 美容室ホームページ 制作 3,580,000 12 / 19位
大阪 美容室ホームページ 作成 1,760,000 7 / 12位
大阪 美容室ホームページ 費用 約526,000 68位
大阪 ヘアーサロンホームページ 作成 約507,000 3 / 5位
大阪 ヘアーサロンホームページ  制作 約514,000 1 / 2位
大阪  ヘアーサロンホームページ 費用 147,000 4位

先日、5月25日に美容室・ヘアーサロン・ヘアーエステホームページサンプルを公開し、5月27日に自社サイトでも制作サンプル紹介ページを作成しました。
そろそろクローラーも来ているだろうし検索順位はどんなものか調べてみたら!!

 

美容院・ヘアーサロン・ヘアーエステホームページ制作 大阪

■Googleの場合

検索キーワード Hit数 順位
美容室ホームページ 制作 約 1,590,000 件 89位
美容室ホームページ 作成 約 1,410,000 件 100位以下
美容室ホームページ 費用 約 979,000 件 100位以下
ヘアーサロンホームページ 作成 約 858,000 件 45位
ヘアーサロンホームページ 制作 約 902,000 件 44位
ヘアーサロンホームページ 費用 約 319,000 件 100位以下
大阪 美容室ホームページ 制作 約 712,000 件 10位
大阪 美容室ホームページ 作成 約 732,000 件 11位
大阪 美容室ホームページ 費用 約 442,000 件 100位以下
大阪 ヘアーサロンホームページ 作成 約 396,000 件 8位
大阪 ヘアーサロンホームページ 制作 約 315,000 件 11位
大阪 ヘアーサロンホームページ 費用 約 164,000 件 8位

 

 

■Yahooの場合

検索キーワード Hit数 順位
美容室ホームページ 制作 9,700,000 100位以下
美容室ホームページ 作成 6,460,000 100位以下
美容室ホームページ 費用 1,240,000 100位以下
ヘアーサロンホームページ 作成 1,190,000 27位
ヘアーサロンホームページ 制作 1,070,000 69位
ヘアーサロンホームページ 費用 199,000 29位
大阪 美容室ホームページ 制作 3,640,000 100位以下
大阪 美容室ホームページ 作成 1,800,000 100位以下
大阪 美容室ホームページ 費用 530,000 68位
大阪 ヘアーサロンホームページ 作成 508,000 100位以下
大阪 ヘアーサロンホームページ  制作 519,000 100位以下
大阪  ヘアーサロンホームページ 費用 147,000 100位以下

 

 

ん~。やはり思っていた通り。
Googleのクローラーが回ってきたのは5月27日。Yahooのクローラーは5月31日。
Googleは相変わらずクローラー速いな~。それに引き換えYahooは相変わらず遅い・・・・。

Googleは公開4日でキーワードによっては10位前後で表示されるようになりました。
やはりSEOって大事だね~。と自画自賛。
Yahooはクローラーが遅いので100位には入っていないと思っていたけど、なんとかキーワードによっては入ってますか。10日後にYahooでの検索順位はどうなっているかな?

最近、ホームページ制作で悩むのが 9年前にリリースされたInternet Explorer(IE)6 のサポート。

IE6をサポートするとすれば、IE6用にCSS書いたり、PNG画像の対応を考えたりと場合によっては作業量が1.5倍程度になる事も。以前であれば、IE6ユーザーが多かったので仕方がなかったけど、最近はIE6ユーザーは毎月減少傾向なので作業量とIE6ユーザーのバランスを考えると非常に悩ましい。

  • 2010年5月21日現在、お客様のサイトなど複数のサイトで確認するとIE6ユーザーは12~16%でした。(微妙な数値・・・。)
  • GoogleはIE6サポートを辞めましたので、今後はIE6サポートを辞めるサイトが増えてくる予感。
  • 当BLOGは完全にIE6はサポート外です。

とIE6サポートで頭を悩ましていたとこころMicrosoftの豪法人が、Webブラウザのアップグレードを促すキャンペーンを開始しました。しかもキャンペーンタイトルは「IE6は9年前の腐った牛乳を飲むようなものだ」

IE6は9年前の腐った牛乳

MSもIE9開発しているときに、バグだらけ独自解釈でWEB基準に準じていない遺産を引っ張り続けるのも嫌だろう。内心は強制アップデートでIE8へ切り上げたいぐらいじゃないかな。

 

あ~。早くIE6無くなってくれないかな~。
ひとつ前に書いたBLOG記事「美容室・ヘアーサロン・ヘアーエステさまサイト制作中」で紹介した「美容室・ヘアーサロン・ヘアーエステホームページ」も実はIE6サポートしていません。
だって、PNG画像が使えないし、CSSも無茶苦茶な解釈だし・・・・。

ヘアーサロン・ヘアーエステ・美容室ホームページ作成

空いた時間を使って、Movable Type5で美容室・ヘアーサロン・ヘアーエステさまホームページを作成中。と言っても仕事じゃないんですけどね。

 

以前から美容室・ヘアーサロン・ヘアーエステホームページを作ってみたい気持ちは有ったんだけど、なかなかサンプルホームページで使える写真が無くて断念していたのですが・・・。
知り合いに、美容室オーナー様はいてるのですが、すでにホームページをお持ちだったり、写真を撮らせてもらうにも、お客さんが写っては問題が出てきそうなので断念でしたが、最近「使えるかな?」と思わせる写真集が発売されたので仕事の空き時間でテストサイト作成開始です。

 

まだ下層ページは作成中なので公開できませんが、TOPページだけティーザ的にBLOGでチョロっと紹介。

  • TOPページのギミックは1024×768~1440×900ピクセルサイズで自動でウィンドウレイアウトに切り替わります。Flashは使っていません。CSS+javascriptでコントロールしているのでソースがシンプルでSEOにも優れています。
    ※上部画像が1440×900ピクセルで表示した場合、下記画像が1024×768ピクセルで表示した場合です。

美容室・ヘアーサロン・ヘアーエステホームページ制作(大阪)

  • TOPページはアクセス毎にランダムに画像を切り替えて表示します。
    ランダム画像もCSS+javascriptでコントロールしているのでソースがシンプルでSEOにも優れています。

美容室・ヘアーサロン・ヘアーエステホームページ制作 大阪

美容室・ヘアーサロン・ヘアーエステホームページ制作 大阪

ライカ動物病院モバイルサイト

東大阪市のライカ動物病院さま携帯サイトを納品させていただきました。

コンセプトは、
パソコンが苦手、お持ちでない飼い主さんへ「臨時休診」「院長不在」「春の健康診断・ワクチン」などの情報を発信する携帯サイトです。
病院から「お知らせ情報」の発信が一番の理由ですのでビジュアル面で特徴の無いデザインとなっておりますが、機能面では下記の3点を組み込んでおります。

  • GoogleMAP(拡大。縮小機能)
  • Movable Typeによる簡単更新
  • 各キャリアごとにキャリア毎のページ自動振り分け(PHP)

特にMovable Typeで携帯サイトを構築いたしておりますので、病院さまで簡単にメールやBLOGを書く感じで携帯サイトの更新が可能です。

 

東大阪のライカ動物病院さまサイトは http://www.laica-ah.com
※パソコンからは携帯サイトは閲覧できません。携帯サイトは携帯からのみ閲覧が可能です。

MTOS5

MTOSも5.01になったことだし、そろそろテストも兼ねてMTOS5の勉強しますか。
まだ、お客さまのサイトでMTOS5を使うのは怖いけどね。
と言うのも、オイラの持論は「WEBは多少カビの生えた技術が安心」です。

 

MTOS5もアプリなのでWindowsなどのOSと同じく、新しいバージョンは当然バグや使い勝手で問題は有るだろうから、仕事で使うには「WEBは多少カビの生えた技術が安心」と言う事です。

当然、MTOS5にしろAjaxにしろ、新しい技術も使っていくけど、それはテストして問題が無ければの話です。テストもせずに、お客さんサイトへ導入なんて事は恐ろしくできません。
※正確にはAjaxも古くからあるものなのでカビの生えた技術ですが。

 

ん~。数日前からノートン インターネットセキュリティ 2010「ライセンス切れるから更新してね。」とお知らせを表示する。

 

ノートン の1年ライセンスは2つ持っているんだけど来月には両方切れるか・・・。

 

仕事で使っているPCが10台。
各PCにはノートンウイルスバスター2010 をインストール済み。
意外とウイルス対策には費用がかかるんだよね~。安心は買う時代ですから仕方がないか。
でもウイルスバスター2010は安心に繋がっていないけど・・・。ファイヤーウォールでトラブル多いし。

 

本当は、ウイルスバスターは使いたくないんだけど、お客さんの環境でウイルスバスターを使うとMovable Typeがちゃんと動かない(再構築や画像アップロードで無限ループになってしまう。)事があったので、動作確認用にウイルスバリア環境作っています。

 

ノートン インターネットセキュリティ 2010 は安定しているし、軽いし・検索も早いので、そのまま更新しても良いんだけど気になるウイルス対策アプリが!!!

 

そのアプリとは、じゃじゃ~んコレ。マイクロソフト社のSecurity Essentials です。

Security Essentials

数日前から動作確認用PCからウイルスバスター2010をアンインストールし、Security Essentialsをインストールして動作テストしていますが、「早い!」「軽い!」
しかもSecurity Essentialsは無料!
ネットでの評判も良いし、ノートン から鞍替えしようかな~と気持ちにさせてくれます。

 

ただ、不安なのはウイルス対策としての実績が無いので何処までウイルス駆除してくれるか判らないので、メインPCにはインストール出来ずにいてますが・・・・。

 


ルーターとSecurity Essentialsで大丈夫だと思うけど・・・・。

今までは、お客様や仮想ターゲットのPC環境(OS・ブラウザーなど)を確認するのに色々なPC環境を作っていたけど、PC台数は増えるし、ヴァーチャルマシンを複数立ち上げるとajaxの動きに多少モタツキが出たりと問題もチラリホラリ。

 

そこで、最近気に入って使っているアイテムがこの二つ。

Adobe BrowserLab

Adobe BrowserLabのサムネール画像

Adobe IDが必要になりますけど、Adobe IDさえ有れば、Windows環境でもSafari3.0-OSXが確認出来たり便利なWEBサービスです。

 

「IETester」

IETester

 こりらの「IETester」はOS環境の切り替えは出来ないけど、IE5.5、6.0、7.0、8.0のバージョンチェックが可能なブラウザーです。

IE各バージョンでCSSの解釈が変わってくるので、CSSチェックには便利なユーティリティです。

少し前まではiTunesで外国ラジオを聞いていたけど、最近はコレ

radiko.jp

そう、インターネットラジオです。

会社員だったときはFM大阪85.1をよく聞いていたけど、独立してからは仕事部屋ではラジオ受信状態が悪く聞かなくなったけど、最近、インターネットラジオサービスが始まったので久しぶりに聞いてみると!!!

 

さすがデジタル。ノイズもなく音質は良好。

最近、仕事中のBGMはインターネットラジオかiTunesで好きな音楽を流しながらカチャカチャとキーボードを叩くオイラです。

 


この春に大阪から他府県へ転勤・引っ越しされた方は大阪気分に浸りたいときに聞かれてみてはいかがですか。

Internet Explorer 6の葬儀

ちょっと前の話だけど、2010年3月4日、アメリカのデザイン会社で「Internet Explorer 6(IE6)」のお葬式開かれました。
お葬式にはMicrosoftのIEチームからも花が送られたりとシャレのきくお葬式だったとか。

 

ま~、GoogleはGoogleドキュメント、Gmail、YouTubeでもIE6のサポート終了を決定していることだし。3月15日にはマイクロソフト次期版Webブラウザ「Internet Explorer 9(IE9)」の開発者向けプレビュー版もリリースされたことだし。
実際、今年に入ってからは弊社お客様のホームページや弊社ホームページへのアクセスログと見ても毎月IE6ユーザーが減ってきていますので、

 

思い切ってこのBLOGではIE6もサポートを終了!!

 

終了と言っても、何か大きく変わるわけじゃなく。
画像データをpngアルファーチャンネル付きを使いたいだけだったりして・・・。
お客様のホームページや弊社ホームページではIE6でも、pngアルファーチャンネル付き画像が表示されるように加工しているけど、ここは個人ブログなので、そのような事はせずにIE6を切り捨て決定!

 

 

 

取りあえず、独り言でした。

3月初旬にお客様からご契約頂いたSEO対策。
アクセスログを確認するとYahooユーザーが7割なのでYahooをメインにチューニングを開始し。
どのSEO組み合わせが現時点で、一番効果があるのか確認しながら作業していました。
その結果、Yahooも順位が上がっていますがGoogleで30位前後だったキーワードが昨夜(3月26日a.m.1:00頃)の時点で1位になりました~。パチパチ~。

googleで1位

 

やはりSEOは地道な作業(努力)が一番!と喜んでいたら・・・・。
現在は8位に落ちていた・・・・。ガクッ。
3日ほど様子見て、新たなSEO対策を施してみます。

 

そうそう、Yahoo用にチューニングしていましたが、bingでの順位がみるみる上がっています。
はは~ん。bingでは、あの組み合わせが効果あるのね。(どの組み合わせかわ企業秘密です。)

動物病院ホームページサンプル作ってみました。先日からチョコチョコと空き時間に作っていた動物病院ホームページサンプルです。
今回の技術テーマも「Movable Type」 + 「jquery」 + 「PNG画像(アルファーチャンネル付き画像)」 + 「PCサイト」 + 「携帯サイト」です。

 

今回の動物病院さまホームページサンプルも、前回と同じくMovable Typeで「病院からのお知らせ」だけを携帯サイトへ吐き出すテンプレートの作成。
DOCOMO・au・SBの3キャリア対応にしています。

お暇な方は、一度サンプルサイトを見てやってください。
動物病院サンプルサイトはこちら

 

今回のデモサイトでも、やはり「jquery + IE6」に時間がとられてしまい、なかなか作業が進まなかった。特にTOPページのs3Slider.js部分で四苦八苦・・・。

 

まだまだ、「jquery」の修行が足りません。もっと勉強しなくては。

 

そうそうIE6だけど、お客さんのサイト(歯科さん・クリニックさん・動物病院さん)で確認してみると毎月シェアが10%前後で縮小しIE8のシェアがその分伸びてきています。
IE6のシェアが縮小する事は作り手として非常にありがたい。

 

あのバグだらけ、勝手なCSS解釈をするIE6め。早く無くなってくれ~。
そしたらもっと自由度の高いサイトが作れるのに。

 

 

seosem2010

SEO SEM Technique 2010 を買ってきました。
本屋さんでパラパラっと中身を見たところ、知っている情報が大半だったけど、最近出たばかりの書籍だったので情報も新しいだろう & bing情報が載っていたので参考所代わりに購入。

 

と言うのも、
最近は自社サイトもそうだけど、お客さんのサイトもbingで上位一桁に表示されている。
来年?にはYahooの検索エンジンがbingに切り替わるだろうから、bingで上位をキープして置きたい。それにはbingのアルゴリズムも勉強しておかなくちゃねって事で購入です。

それと、昨日からオイラの使っているYahoo検索順位の情報が拾えなくなったので書籍の中に無料で検索順位が取れるツールも紹介されていたしね。
※無料で検索順位が取れるツールは法人だけが使えるツールでした。
オイラの用に個人事業主は使えなかった・・・・。
書籍にはそんな情報は乗っていなかったのに・・・。

 

ま~。書籍の中身は「知っている事ばかり」&「ネットで調べればわかる事」が大半で、これと言った真新しい情報は有りませんでした。
章によっては作者の有料サービスを使えばこんないに便利といった営業色の強い箇所もありチョットなえます。(お金を出して何で貴方の有料サービス情報を読まないといけないの?)
それと、作者が大人数なので書いてあることに多少の矛盾が。
有る程度、SEOの知識がある人だったら「A氏はこのアプローチ」「B氏はこのアプローチ」とSEO会社によってアプローチの違い面白い面もありますが。

 

なんだかんだと書きましたが、悪い本ではないです。
「直ぐに効果の出るSEO」みたいなキャッチコピーで中身は数年前のSEO対策書籍よりは的を得てます。
SEOとは時間と作業がかかり、内部だけのチューニングではなく外部との関連などアルゴリズム対策大事と基本が書かれていますので、これからSEO・SEMを考えておられる方には良い書籍ではないかと。

24日になった途端にYahooの検索エンジンがメンテナンス中。
「Yahooサイトエクスプローラー(管理者用)」が1日メンテナンス状態に。

検索順位ツールオイラが使っている、検索キーワード順位を調べるツールもYahooからの順位データが取れない・・・・。
左の図のように3月24日がOUTと表示される。

最初は数時間で終わるだろうと思っていたけど、約1日メンテナンスで入れない状態に。

しかも、25日もデータが取れずにOUT表示。

もしかしたら、メンテナンス(アルゴリズム変更)で1位に表示されていたけど、100位以下になったのか?
ビビリながらYahooで検索してみたところ、問題なく1位で表示されている・・・・。ホっと一息。

念のためにDW230さんで確認 した、こちらも問題なく1位で表示。
どうやら、メンテナンス終了後からオイラの使っているツールでは検索順位のデータが取れないみたい。

 

痛たたた!自社サイトは最悪良いけど、
SEO契約頂いているお客さんのデータが取れない。なにか新しいツール探さないとだめだな。

ちょっと前から、jQueryのテスト&勉強を兼ねてテストサイト作っていたんだけど。

ここ最近の営業活動や提案書作りに追われて放置状態。

今日何気に、アクセスログを見てみたら・・・・・。訪問者が・・・・。

あちゃ~。あんな作りかけでIE6にも最適化していないサイト見られてしまった。

 

作りかけと知らずに訪問した方は

「な・な・なんだこのサイト。これでもホームページ屋か?」

と思われたことでしょう。

 

 

ベーシック認証無し、クローラーキック無しにサイト作っていたからな~。

と言うのもサイト公開後に出来るだけ早く検索サイトに登録しえもらいたかったから何も制限掛けていなかったんだけど・・・・。

まさか2週間弱で作りかけのページが全てYahoo・Googleともに登録されてしまうとは・・・・。

これと言ってSEO対策もしていなかったんだけど・・・。

ま~出来るだけ綺麗・簡素化したソースで書くようには心がけていたけどさ。

 

今日の教訓!

さぼってはダメ。

って別にサボっていた訳でもないんだけどさ。気分的には自分への戒めとして。

動物病院ホームページサンプル先日からチョコチョコと空き時間に作っていた動物病院ホームページサンプルです。

今回の技術テーマは「Movable Type」 + 「jquery」 + 「PNG画像(アルファーチャンネル付き画像)」 + 「PCサイト」 + 「携帯サイト」です。

 

とくに、今回の自分の中でやってみたかったのは、Movable Typeで特定カテゴリー「病院からのお知らせ」だけを携帯サイトへ吐き出すテンプレートの作成。
最初は手こずるかと思っていたけど、ものの1時間でDOCOMO・au・SBの3キャリア対応テンプレートが出来あがってしまったよ。

 

反対に、今回のデモサイトで以外に時間がかかってしまったのが、jqueryを使ってオンマウスでボタン画像を130%拡大する仕組みと、カテゴリーごとの<body>で使うcss(backgroundプロパティ )です。

本当はbackgroundプロパティに関しては、もっと良い対処方法が有ったんだけど、marginプロパティ・paddingプロパティでIE6のバグに泣かされる羽目に・・・・。 結局はPNG画像をIE6でどうやって処理するかの問題なんだけどね。

 

お暇な方は、一度サンプルサイトを見てやってください。
動物病院サンプルサイトはこちら

この不景気を乗り切らなくちゃ! 個人事業主だから営業も自分で頑張らなくちゃ!
ってことで、新しい営業ツールサイトを制作中です。

 

どうせ営業ツール作るんだったらjqueryの勉強も兼ねて「Movable Type」 + 「jquery」 + 「PNG画像(アルファーチャンネル付き画像)」 + 「PCサイト」 + 「携帯サイト」を作ろうと手をつけだしたけど、やはり変なスパイラルに入ってしまった。

ま~。ここからは愚痴だらけなので、お暇なら読んでください。
※簡単に言えばIE6でPNG画像表示方法とLightBOXに代わるjqueryの話です。

現在、jqueryのテストサイトを作っているんだけど・・・・。

png画像をpositionプロパティ・z-indexでレイアウト作っているんだけど・・・・。

あ~。IE6がウザイ。

 

なんでチャンとCSSを解釈してくれないんだ~。
オイラのお客さんの数社のアクセスログを見てみると、IE6のユーザーの割合はは2~3割。
まだ無視するには大きな数値です。(無視したいけど)

png画像使うだけならDD_belatedPNGを使うだけで良いんだけど、jqueryで色々とギミックを加えていくとjqueryDD_belatedPNGが喧嘩してしまう個所も出てきてギミックが動かなかったりするので苦労しています。

 

IE6がCSSだけでも、もう少しまともに解釈してくれればいいんだけど・・・・・・。
と前置きが長くなりましたが、そんな悩みを少しは解決してくれそうなJavaScriptを見つけたので自分用にメモしておきます。

JavaScript配布元はGoogle。
head内に記述するだけで、IE5・IE6をIE8並にWeb標準サポートしてくれるJavaScript。
ソースはこれだけ。

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->

 まだベータ版なので、PNGがちゃんと表示されませんが、今後に期待できるかな。

詳細は http://code.google.com/p/ie7-js/ です。

Fedora11のサムネール画像

最近はMTのプラグイン開発やAjaxの動作テストをしているんだけど、ローカル環境にサーバを立てたくなってきた。

別にレンタルサーバでテストしていても良いんだけど、やはりローカルにサーバ環境があれば何かと便利。と言うことで早速サーバ構築なんだけど、簡単な方法としては「使っていないWinマシンにLAMPをインストール」もしくは「MACにMAMPをインストール」なんだけど、それじゃ面白くないので、長いこと使っていないMAC-MINIにFedora11をインストールすることに!!
※Fedora触っていたのは確かバージョン4ぐらいだったか、単にFedora11を触りたかっただけなんだけどね。

MACにFedoraをインストールするのは簡単。

  1. NETからPPC用のFedora11のOSをダウンロードして
  2. DVDに焼いて
  3. 焼いたDVDをMACにセットして起動するだけ。

2時間程度でMAC-MINIにFedora11のインストールは完了。あとはサーバの設定すれば良いと思っていたけど、ここで問題が・・・・。

Fedora11にroot権限で入れない・・・・。なぜ?

Netで調べてみたら、Fedora10ぐらい?からデフォルトではroot権限では入れない設定になっているようです。

 

回避方法は簡単に見つかったんだけどさ。ん~。面倒だな~。

やはりMACにMAMPインストールしなおそうかな。

 

とりあえず、機能は徹夜だったので今日はここまで。

不動産屋さん

作る。作ると言い続け・・・・。長い日にちが経ちましたが・・・・。
何とかできあがった不動産物件管理機能付きホームページシステム。

ただ、デモサイト作っただけでは意味がないので、不動産物件管理機能付きホームページの機能紹介のサイトを現在作っております。そうそうドメインも約1年前に取ったまま塩漬けになっているドメインで運用。(この塩漬けドメインがYahooでブラックになっていなければいいが・・・。)

Dreamweaver_CS4悩んだあげく、とうとう購入してしまったDreamweaver CS4。
CS5が発売されるのが来年の夏頃だと思うので、CS5が発売されるまで待つつもりだったけど、いろいろな事情でCS4にバージョンアップです。

Dreamweaver8と見た目的にはあまり代わりがないので使い方で悩むことも余りないけど、所々にDreamweaver8との違いのために戸惑うことも・・・。
ま~このあたりは慣れの問題なので時間が解決しますが、使いにくいところもチラリホラリと。

 

以前、XPにテストで30日限定のお試し版をインストールしたときには気にならなかったんだけど、VISTAにDreamweaver CS4をインストールすると・・・・・。
なぜかサイトデータがちゃんと認識されない。
と言うのも複数のサイトデータを個別にサイト別にホルダー(子ホルダー)を作り、「サイトデータ」って名前の親ホルダー中に入れて管理しているんだけど、Dreamweaver上でサイト管理を行うときに各サイト毎に小ホルダーを指定しても、親ホルダーが認識されて小ホルダーに指定できない・・・・。なぜ?

VISTAとDreamweaverの組み合わせ問題なのか、親ホルダー内の小ホルダー数が問題なのか・・・・。原因を突き止めようかと思ったけど、そろそろWindows7が発売される事を考えるとVISTAに時間とられるのが面倒・・・。

それに、いざとなればXPに仕事環境を戻せば良いだけだしさ。

 

 

p.s.Dreamweaverは、まだまだ使い勝手がギクシャクするけどFWは便利になったかな?

先日、カスタムフィールドを追加したときにMT管理画面のレイアウト変更CSS記事を書きましたが、トラブル発生・・・・。

ま~。トラブルって事でもないんだけどさ。何がトラブルかと言うとcssの管理が面倒くさい。
新しいカスタムフィールドを追加するたびにmain.cssを変更しないといけないんだけど、元々main.cssには色々なid・classが記入されているのでファイルが異常に長いです。

それに、今後MTバージョンアップ時にカスタムフィールド用cssをその都度書くのは非常に効率も悪く、書き漏れなどのトラブルの原因にもなるので、カスタムフィールド用cssを別ファイルで制作・管理することに決定!!

■カスタムフィールド用CSS作成手順

  1. カスタムフィールド用cssは、管理しやすいようにファイル名をcustom.cssに決定。
  2. カスタムフォールド用cssをどうやってMT管理画面に読み込ませるか悩むこと3分・・・。
    答えは簡単、main.css(元)にカスタムフィールド用cssをインポートしてやれば良いじゃん!!ってことでmain.css(元)の一行目に@import url("custom.css");と追加。
  3. main.css(元)と同じ階層(/mt-static/css/)にcustom.cssを設置。

まっ、これだけのことですが、カスタムフィールド追加したときなどのMovable Type管理画面レイアウト管理が非常に楽になるかな?

MTOS4用にオリジナルプラグイン作ったりしていると管理画面に表示したときにレイアウトが悪い。

※これはMTOSに関わらずMT4でも同じで、カスタムフィールドが縦に並べられるだけ。

 

と言うことで、MT管理画面のレイアウト変更に挑戦!(忘れたときの自分用に記録しておきます、)

  1. まず、MT管理画面のレイアウトCSSは/mt-static/css/main.cssにあるのでFFFTPなどのFTPツールでクライアント(自分のパソコン)にダウンロード。
  2. ダウンロードしたmain.cssにカスタムフィールドのid・classを追加・もしくは既にあるid・classを書き換え。
  3. ※ここでは判りやすいように、変更したmain.cssをmain.css(改)・変更前main.cssをmain.css(元)のと呼ぶことにします。
  4. 変更したmain.css(改)を/mt-static/css/へアップロードするのですが、トラブル時に元に戻せるようにサーバにあるmain.css(元)のファイル名_main.cssに変更し、main.css(改)をアップロード。
    これで、main.css(改)でトラブったときにはサーバ上(/mt-static/css/)からmain.css(改)を削除して、main.css(元)のファイル名を_main.cssからmain.cssに戻せばOK!
  5. /mt-static/css/にmain.css(改)をアップロードしたら、MT管理画面を再読込かけると変更されたレイアウトに切り替わります。

 


 

 main.css(改)で変更した管理画面はこんな感じです。

fudousan-mtos.jpg

Internet Explorer 7のリリースから時間も経ち、徐々に普及している感もあるIE7。(実際はInternet Explorer 8がリリースされているのでInternet Explorer 7も古いんだけどね。)

今年の10月には新しいOS:Windows7がリリースされれば、駄作OS:VISTAよりは普及するかな?個人的にはXPで十分だけど、Windows7には期待している部分も。
と言うのも、Windows7があるていど普及してくれればWEB屋として嬉しいのはInternet Explorer 8のシェアが少し広がるかな?と言った期待が。
Internet Explorerは自動アップデート機能がないので、未だにInternet Explorer 6を使っている人が多いもんな~。そりゃそうだよな。PC詳しくない人が、わざわざWindows Update する率は低いだろうからIE6のままって事なんだろうけど。

さてさて、そんなIEだけど、オイラの仕事サイトや、クライアントさんのサイト見ても、確かにInternet Explorer6のシェアが低くなってきたとは言え、まだ3~4割がInternet Explorer6です。

 

Internet Explorer6で困るのが、タイトルでも書いたようにPNG画像の使用。
一部の画像をPNGで使うだけだったら、Internet Explorer6でも回避方法があるので問題はないんだけど、CSSでbackground:repeatにPNG画像使うには色々と面倒なことが。
 

最近、個人的にサイトデザインで使うテクニックの一つにPNG画像を数枚重ねてサイトに奥行き出したり、半透明にしたりとデザインにも変化出しているんだけどIE6では面倒な事がいっぱい。

※IE6でのPNG画像使用方法のメリットデメリットはこちらのITキヨスクさんで詳しく載っています。

 

サイト作っていて、良く思うのが「早くIE6無くなってくれ~」です。ほんと面倒なことが多すぎる。と言うかWEB2.0的な事をしようとすると問題が山のように出てくる・・・・・。作業工数が増える一方。IE6恨みます。

 

そんなときに、オイラはIE6でもPNG画像をbackgroundで使う時のテクニックがDD_belatedPNG.jsです。

 

オイラのオフィシャルサイトの一つを置いているレンタルサーバ(STEP-SERVER)が7/3からダウン。
レンタルサーバ会社からは一切連絡がなかったので、レンタルサーバ会社のホームページを見るとこんな文言が。


原因:ハードディスクの故障のため、OSの動作が不安定となり停 止しました。
結果:新たにハードウェアを交換しお客様のデータを移行。 正常動作を確認し復旧が完了致しました。
なお障害中のメールについては、順次再配送されます。今しばらくお待ちくださいますようお願い申し上げます。


 

 

サーバは回復したと言っているが、どうもおかしい。
と言うのもCGIやPHPが全て動かない。しかもmailの受信も駄目。
結果:

  • CGIやPHPが動かないので、Movable Typeの管理画面に入れないし、掲示板やお問い合わせフォームもエラーが出るだけ。
  • メールはGmailや他のドメイン(他のレンタルサーバ会社)から送信すると、全てエラーで跳ね返される。

 

これじゃ、仕事に影響が・・・・・。現在進行中のお客さん数社とメールのやりとりすら出来ない。

こんな時でも、レンタルサーバ会社(STEP-SERVER)は問い合わせはメールだけなので、リアルタイムの対策がとれない~。
苦情も入れたお問い合わせを送ったけど、たぶん返事は来週の月・火あたりかな。
オイラのお客さんサイトは全て他社レンタルサーバで運用しているのでお客さんへ直接被害がないことが救いです。

 

は~。いつになったら、直るんだよ~。

windows7.jpg

Windows7が数量・期間限定で先行予約販売が始まりました。

いつもなら、新OSは購入するんだけど、今回は見送りかな。

と言うのもVISTAで痛い目にあったしな~ってのが本音です。
VISTAは、もっと普及すると思ったし、お客さんの環境でもVISTA増えてくるだろうと思っていたけど、VISTAは普及しないわ・XPに比べ起動は遅いわ、パッケージや雑誌では表記されていないバージョン制限(出来る出来ない)がある、アプリケーションやユーティリティー・周辺機器のドライバーは使えないものも有るし。

一時は仕事のメイン環境をVISTAにしたけど、そんなトラブルが多く結局はXPに戻したしさ。
※現在VISTAはバーチャルPCで新サイトの動作環境チェックに使うだけの存在。

 

 

mtos-book.jpg

先日からMovable Type(MTOS)のカスタムフィールドプラグイン製作にはまっています。

ちょうど、仕事の谷間でもあるので、こんな時しか勉強できないからね。

 

Movable Typeプラグイン製作に必要な参考書はちょっと前に買ってあったんだけど、この書籍が非常に読み難い。

コレは、作者がどうのこうのではなく、編集者の問題だろう。ページ間を行ったり戻ったりは当たり前のレイアウト。しかもページを進むにつれて肝心なところの説明が所々省かれていたり、進行途中の写真も少なく、現在やっていることが正解なのか間違いなのか?とナカナカのMなレイアウトです。しかも気が付いただけで誤植がチラリホラリ。テストで作ったプラグインが動かないので四苦八苦してたら原因は誤植だったりして・・・・。読んでいて、応用して、非常に疲れます。

オイラがNetで購入せずにリアル店舗でこの書籍を手にしていたら、買うかは悩むだろうな~。だって本当に読み難い。(読んで疲れる)コレは作者より編集者の問題だろう。
文字校やレイアウト校正はどうなっているんだ?読者から見るとソースって何?って編集者が編集した感じを受けるぞ。Amazonでの評判でもオイラと同じようなことを書かれている方もいてるしさ。

 

ただ、書籍の内容としては面白い。MTOSでカスタムフィールドを使えるようにする考え方や、NetでMovable Typeプラグインの作り方が詳しく載っているサイトが無いだけにこの書籍の存在価値は大きいです。
簡単なカスタムフィールドプラグインなら半日もあれば数個作ることは可能です。
ただ・ただ!内容が面白いだけに、この書籍の編集が足を引っ張り、非常に残念なことに。

 

ま~。そんな愚痴をこぼしながらもプラグイン製作には欠かせない参考書になりました。ただ・ただ・レイアウトが・・・・。(しつこいって)

そうそう、出来れば各プラグイン作成で数パターンの応用例を載せてもらえたら、もっと良いのでは。
一応、例としてサンプルは載っているんだけど現場レベルで必要とされる機能じゃない例もチラリホラリ。あえてプラグインを作らなくても回避出来そうなことをプラグインの例になっている感が・・・・。

 

 

IE_T.jpg

インターネット閲覧ソフト「インターネット・ エクスプローラー8」(IE8)を3月19日に正式リリースだそうです。
ん~。WEB屋としてはうれしくないぞ。

だって、検証しないと行けない環境が増えるだけじゃん。
だいたい、IE7ってなんだったんだ?

spry.jpg

先日から欲しかったAdobe Spryの参考書とSEO本です。

基本からしっかりわかるAdobe Spryプログラミングブックの中身はタイトルのままで「Spryの基本&JavaScriptの基礎」です。adobeサイト見れば載っているようなことが書かれていますが、個人的には買って良かったぞ。

確かにadobeサイトやSpryについて書かれているBLOGで情報探したり、英語サイトが読めれば買う必要はないんだけど、Netで情報を探す手間が省けて日本語に翻訳された参考書と考えれば納得できる。本屋で見つけたら間違いなく購入していたぞ。Spryってなんだ?って方にはお勧めできる内容です。

 

ただ、この手の書籍の問題点が・・・・・・。それはオイラの住んでいる地域の本屋さんには置いてないんだよな~。
そして読み手のレベル(スキル)で本の評価が全然変わってしまう。

オイラにはピッタリの内容だったけど、スキルの高い人には全くの無駄銭になることも・・・。微妙です。

Amazonなどで評価を見ても新刊はナカナカ評価が付いていないし、本屋には置いていないのでNetで買うときは半分賭です。今までに技術書をAmazonや楽天BOOKで購入しているけど何度か購入して失敗したことも。

 

 

    

version424.JPG

Movable Typeをversion 4.24にアップデートしました。

今までは個人的なBLOGや仕事サイトは4.1を使っていたんだけど、Movable Typeがバージョンアップするごとに微妙にタグが変わったり・追加されたりで、仕事で新規サイト建てるときに最新バージョンのMovable Typeをカスタマイズする時に戸惑うこともシバシバ。

 

やはり、仕事で使うからには勉強もかねてテスト環境を作っておかないとね。

と言うことで、このBLOGも含めて最新バージョンの4.24へアップデート。

cubes002.JPG

日本語ドメインサイトのTOPページにちょいと加工施しました。

今までは、TOPページ読み込み毎にイメージ画像をランダムに表示してましたが、今回の加工で5種類の画像をフェードイン・フェードアウトに変更。

使ったツールはjQueryとjQueryライブラリのプラグインInnerFadeです。

 

Flashを使えば何てことはなく簡単に出来る事だけど、アンチFlashとしてはどうても自社サイトにFlashを使いたくなかったのさ。

そうそう、単に画像がフェードイン・フェードアウトでは面白くなかったので、画像毎にリンク先を設定できるようにしています。

 

Flashを使わずにフェードインフェードアウトが、どんな感じかはこちらをご覧ください。

 

 

 

new-cubes.jpg1週間前に公開した自社サイト(日本語ドメインサイト)

Googleには公開後2日目に登楼されたけどYahooはナカナカ登録されなくてヤキモキ。Yahooのクローラーも回ってこないし、ビジネスプランに登録しないと駄目かな~って思っていたところ、本日Yahooからの訪問者さんのログが!!!!

早速、自分で検索したところYahooでも表示されました。

ただ、Yahooからのクローラーが来ていないのでサイトマップ(XMLデータ)を送信していたのが効いたのかな。

 それとも、自社サイト(日本語ドメインサイト)を公開後は、仕事の暇を見つけては外部リンクを増やしたのが効いたのか?チョコチョコっと試しているSEOが効いたのか?

 

ただ、喜んでばかりいられないのがGoogleの結果。

2008年9月17日(公開2日目)は1,820,000件中38位で表示されていましたが、2008年9月23日現在で1,730,000件中58位に落ちています。

ん~。まだまだSEO対策ほどこして2週間おきには検索順位を確認しなくては駄目ですね。

良い結果が出たSEOはお客さんのサイトへ反映させていただきますので、ホームページ開設をお考えの方はCUBESへ仕事ご発注お願いします。

mt4-100.jpg

Movable TypeのTips集です。他のTips集の様な技術的な事だけではなく、デザイン的な事も含んだTips集です。

知っていることやネットで調べれば見つかる内容が大半だけど、Tips集だけあって一捻りした情報も色々と。個人的に勉強になたのはカスタムフィールドを使っての表組み作成。

この方法を使えば、HTML・XHTMLが解らなくても表組みが使えるので表組みが必要なお客さんのサイトにはピッタリ。だって、お客さん側で簡単に更新ができるからね。

 

次にLightBox関係。Movable TypeとLightBoxの組み合わせはオイラもよく使う。

確かに見た目が格好いいのでお客さんウケは良いけど難点が・・・・。それは、お客さん側での更新が難しい。でもこの書籍に載っていた方法を使えばお客さん側で簡単LightBoxを使ったフォトアルバム更新が出来る。

この2つの方法だけでも本代の2500円は元取れたぞ。

Movable Type4.xのカスタマイズ集も色々と出だしたけど、他の書籍とはちょっと違う角度からのTips集なのでお勧めですよ。

 

9月15日の晩に一般公開できたオイラの仕事サイト

公開2日経ったのでそろそろクローラーが来てるかな?と思ってアクセスログを確認したところGoogle・Yahooのロボットの足跡はまだ無い。残念。

新しい仕事サイトにはログ解析ソフトを2種類セットしているのでログの取りこぼしは無いはず。)

サイト公開時にディレクトリー型サイトには数サイト登録したので、そこからのログは確認できたけどYahoo・Googleは足跡無しですか・・・。

 

と思っていたらアクセスログの中にGoogleからアクセスしてきた訪問者が!うれし~!

なぜGoogleロボット来ていないのにGoogle検索エンジンに引っかかったのかと言うと新しい仕事サイト公開時にクローラーが来るまで待てないのでオイラからGoogle・Yahooにサイトマップ(XMLデータ)を送信して「ここに新しいサイトがありますよ~」って連絡を入れたのさ。

実際は効果がどの程度有るのか分からなかったけどサイト公開2日後にはGoogleでサーチされているので効果有りのようです。このサイトマップ(XML)は今後新しいページを作るたびに自動生成されGoogleは、このXMLデータを見に来る設定にしているのと、更新時にGoogleを含めた25のサイトにPing送信設定しています。

 

今までも、公開済みのサイトでも同じ事をしていたんだけど、公開済みではどの程度の効果が有るか解りにくいので新しい仕事サイトで実験して改めて、効果があること側かわかりました。

そして検索結果ですが、ドメインがホームページ作成大阪.comなので「ホームページ作成 大阪 」で調べた場合、1,820,000件中38位で表示されました。

ん~ん。Googleは狙いどうりの検索結果です。公開2日後で3ページ目に表示されれば十分。今後は「ホームページ制作 大阪」「hp制作 大阪」「hp作り 大阪」等のキーワードでSEO対策を施していけば良い結果が見えてきそう。

 

 

Yahooでは残念ながらドメインを打ち込んでも検索されない状態ですが・・・・。とほほ

new-cubes.jpg

日本語ドメインがSEOで、どの程度の効果があるか実験するためにサイトを作りました。

作りましたと言っても、実は3~4ヶ月掛かってたりして・・・。色々と仕事やプライベートなことが忙しかったもので空き時間にチョコチョコ手直ししながらって感じです。
実はまだ、制作実績ページは手つかずの状態で公開だったりして。

日本語ドメイン以外にも試してみたいSEO方法があったので、Movable Typeテンプレート制作段階で埋め込んでみましたが、さてさてどんな結果が出るかな?

昨日の晩に公開したところだから、まだYahoo・Google共にクローラーが回ってきていないので検索サイトにドメイン打ち込んでもサイトが表示されない悲しい状態ですが、一ヶ月後にどんな状態になっているか楽しみ。

 

そうそう、日本語サイトのURLはホームページ作成大阪.comです。良ければ一度見てやってください。

eccube.jpg

ショッピングサイトの勉強用に参考書を購入。
今まではレンタルサーバに標準でついていたカートシステムでテストサイト作ったり、Zen Cartを弄ったりしていたけど、何だかな~って感じで段々と触らなくなっていたんだけど・・・。

テストショッピングサイトを触らなくなった理由は簡単!

 

  • レンタルサーバのショッピングシステムはチープ。
  • Zen Cartは今ひとつ融通が利かない(オイラの技術力が足りないだけ?)
  • オープンソース・フリーウェアで使い勝手の良いアプリがない。

 

3番目で書いたオープンソースだけど、EC-CUBEって国産オープンソースが出ているのは知っていたけど「手を出すには早いかな~」って感じがして放置していたんだけど公式ガイドブックも出たことだし勉強しますかって事で、今回は参考書を購入。
EC-CUBEになかなか手を出さなかった理由は、

 

  • 開発されたばかりで実績がない
  • セキュリティーが心配
  • コミュニティーがまだ熟成できていない

 

上記のことは時間が経てば解決することなんだけ、一番気になったのが国産オープンソースっことです。
国産のメリットは「開発スタッフが日本人なので日本のニーズにあったシステム構築」「コミュニティーが活発になりやすい。」って事が非常に大きなメリットなんだけど。
気になるのが国産オープンソースCMSで有名なZOOPS事件。
ZOOPSは色々なゴタゴタで開発者・コミュニティーが分裂してユーザーが振り回された事があっただけに・・・。EC-CUBEも同じ結末にならないことを願うけど。
オイラはあのゴタゴタで結局zoopsを使うのを辞めてMovable Typeへ移行したんだけどね。結果的にMovable Typeへ移行できて良かったと思っていますが。
EC-CUBEは、ゴタゴタもなく育ってくれれば良いんだけどな~。

hyoujyun.jpg

現在作成中の新しい自社サイト。

以前から、CSS処理で気になっていたことが・・・・。それはFireFoxだけで表示されることなんだけどさ。

たとえば上部画像で言えば、「無料見積り」ボタン箇所。これはHTML上ではテキストなんだけど、cssで画像に切り替えて表示。

ただ、テキストを消すことができないので、cssにtext-indent: -99999pxと指示を入れて画面の外にテキストを飛ばして表示されないようにして居るんだけど。

FireFoxでこのボタンをクリックすると

tobidasi.jpg

このように、ボタンからtext-indent: -99999pxを指定した為にボタンから左側にかけてミシン罫のような物が表示される。

今までは、FireFoxだけで表示される現象で気にしていなかったんだけどね。

※理由は、アクセスログを確認してもFireFox訪問者は少ないから。

 

だからと言って放置しておくのはプロとしてはいかがな物か。と言うことで色々と調べてみたところ回避方法が見つかりました。

回避方法はcssに overflow:hidden と追加するだけ。では追加した状態でどうなるかというと

kirei.jpg

このように、「無料見積り」ボタンの周りだけにミシン罫が表示されるのでスッキリ!

IE6移行ではミシン罫が表示されないので、あくまでもFireFox対策だけどね。

そうそう、今となっては意識しなくて良いかもしれないけどIE5.5?IE5?では overflow:hidden を指示するとボタン自体が機能しなくなるらしいので注意してください。(動作確認できる環境がないので未確認です。)

Virtual PC 2007ですが、多少動きがもたつくのでメモリ設定を変更しました。

デフォルトの設定ではメモリ容量が少ないので512MBに変更。(オイラの場合はIE6がスムーズに動けばいいので512MBです。)

 

kanri.JPG

設定変更の方法はVirtual PC 2007を立ち上げるとVirtual PC コンソールってちっちゃい窓が開くのでエミュレーションOSを立ち上げていない状態で設定ボタンをクリックするとエミュレーションOSの設定画面が開きますのでメモリ項目で必要な容量に変更してください。

512MBに変更後の動きですが、ファインダーもかなり動きが軽くなりました。非常に満足!!

 

tuika.JPG

あと、エミュレーションOS(オイラの場合はXP)とリアルOS(オイラの場合はVISTA)ではデフォルト設定ではファイルのドラッグアンドドロップやマウスがOS間をシームレスに動かすに事が出来ないので、操作性を向上させるためにバーチャルマシン追加機能のインストール/更新を追加します。

ものの数分でエミュレーションOSとアルOSでファイルのドラッグアンドドロップやマウスがOS間をシームレスに動かす事が可能になります。

そうそう、デフォルトで出来たのか不明ですが、エミュレーションOSとアルOSでクリップボードが共通ですので、VISTA上でコピーしたテキストをXPへペーストも可能です。

 

とりあえず、仕事する上で作業効率が向上されました。

VISTAをメインで使っているWEB屋さんにはVirtual PC 2007 はお勧めアイテムですよ。

 

virtualpc.jpg

最近は各クライアントさんのアクセスログや自社サイトのアクセスログを見るとIE6ユーザーは2.5割。

そろそろIE7をメイン環境にしても良いかな~。やはりIE6ユーザーをまだ無視できないかな~なんて思いながら、仕事環境がMacbookとVISTAでIE6を段々と無視している自分自身。

今まではIE6での動作確認はMacbook&パラレルズで確認しているんだけど、VISTA使っているときにMacbookの電源入れて立ち上がるのを待つのがストレスに・・・。

何か良い方法はないかと考えていたら!!思い出しましたMSから無料で配布されているVirtual PC2007

早速、MSサイトにダウンロードしに行くと・・・・。Virtual PC2007が動くVISTAのバージョンはBusiness、Enterprise、Ultimateですか。

オイラが持っているVISTAはHome Premium・・・。インストールは無理かな?念のためにGoogleでHome PremiuへVirtual PC2007がインストールできないか確認したところ、やはり同じ事を考える方が多い。いろいろと情報が出てきます。

結果ですがHome PremiuへVirtual PC2007はインストールできます。(自己責任で)

 

Home Premiuへインストールが可能なのは分かったので、あと必要なのはXPのライセンス。

※Virtual PC2007上でのXPライセンスはDSP版は使えるのか確認は取れていません。ハード(HDDやメモリ)を増設した時に一緒に買ったDSP版はVirtual PC2007でつかってライセンス違反なのかな?

我が家にはXPのライセンスが3つ(パッケージ1本、DSP版2本)。2000とmeのライセンスが1つ有るので追加費用無しにVISTA上でIE6環境が構築できますが。

 

さてさて、Virtual PC2007へXPインストールですがリアルハードに比べ重たい。時間が掛かります。この重たさじゃインストール後の動作も重たいのかな?と思っていたけどWEBの動作確認には全然問題なし。(やはり多少重たいです。ファインダーの動きなど体感的にはMacbook&パラレルズの方がかなり早いかな。感覚的にはセレロン1G、メモリ512MBといった感じです。)

USBが使えない、ファイヤーワイヤーが使えない(方法はあるのかもしれないけど現在は確認できてません。)

VISTAをメインで使っているWEB屋さんにはVirtual PC2007お勧めですよ。XPのライセンスを購入すればリアルマシン購入しなくてもXP環境が作れますよ。

 

以前から気になっていたMTOS。
今まではCMSとしてMovable Typeを仕事に使っていたけど、お客さんによってはMovable Type ライセンス52,500円がハードルになることも・・・。

そこで、少し前に発表されたMovable Type のオープン版「MTOS」。
※最初はエムティーオーエスと読むと思っていたらエムトスだったのね。

MTOSは商用利用も無料・ユーザーアカウントも制限がない・プラグイン制限が有るらしい。ってことぐらいしか知識が無かったんだけど、最近ではMTOS関係の資料も載った書籍も出そろいだしたので、今か抱えている仕事が一段落ついたら勉強してみますか。

かれこれ数ヶ月前から、空き時間に制作している裏自社サイト。
Movable Type4実験、日本語ドメイン実験、SEO実験のために制作していますが、前々からやってみたかった事が・・・。
それは、Movable Type で小カテゴリー追加したら自動でカテゴリードロップダウンメニューに反映 & カテゴリーによっては小カテゴリーではなくエントリーを反映。




とりあえず、カテゴリーに小カテゴリー追加したときのメニューは問題なく完成。
ただ、それだけでは芸がないので、またしても半透明プルダウンに。
ただ、メニューが読みにくい・・・。透明率の数値を色々触っているが、まだしっくりこない。




でも、マウスオーバー次には読めないことも無さそうなので、しばらくはこのまま行ってみるか。




WordPressでThickboxを使っていたので、Movable Type に鞍替えしたけど、やはりThickboxを使用。
Thickboxと同じような処理の出来るLIGHTBOXも有るんだけど、なぜThickboxを選んだかというと。
  • 殆どの記事には写真を1~2点しか使わない。
  • ソースが楽
  • WordPressから記事を写したのでThickboxのソースが記事の中に残っているため。

ネットを探せば、Movable Type 4にThickboxをインストールする方法は載っていますが、念のためにこのBLOGでも自分用もかねて記録として残してきます。
  • Thickboxから下記ソースをダウンロード
  1. thickbox.js
  2. thickbox.css
  3. loadingAnimation.gif
  4. jquery-latest.js
※ソースのリンク先は古いことが考えられますので最新版をThickboxからダウンロードしてください。

  • ファイルの階層は下記になります。(cubes2.net/weblog/で説明します。)
  1. loadingAnimation.gifはweblog/imagesに。(imagesホルダーは作ってください)
  2. jquery-latest.jsthickbox.jsthickbox.css はweblog(第一階層)に設置。

  • 次にMovable Type ソースにjavascriptを追加します。
<head>~</head>内に下記ソースを追加。
  1. <script type="text/javascript" src="<$MTBlogURL$>jquery.js"></script>
  2. <script type="text/javascript" src="<$MTBlogURL$>thickbox.js"></script>
※ThickBox 3はjQueryライブラリを使用していますので、jQueryライブラリを読み込ませた後にThickBoxライブラリを読み込ませますので、ソースの書き込み順を間違わないように。

  • 次にMovable Type ソースにcssを追加します。
<head>~</head>内に下記ソースを追加。
  1. <link rel="stylesheet" href="<$MTBlogURL$>thickbox.css" type="text/css" media="all">



以上で埋め込みは完了。
あとは記事(エントリー)にThickboxを使用したいときは下記ソースを使います。

 <a href="拡大画像階層" class="thickbox" title="拡大画像で表示させる文字"> <img src="元画像階層もしくはテキスト" title="お好きな言葉" /></a>

WordPressの勉強がしたくて(結局してないけど)2007年7月にMovable Type からWordPressへ鞍替えしたけど・・・・・。 最近はWordPressにアップした画像が表示されなかったり、xhtmlのコードが化けたり、cssがクラッシュしたり。 最初はサーバの調子が悪いのかと思ったけど、同じサーバ上で動かしているCMSは問題ない。 もしかすると、エントリー数とWordPressの関係かな?   Movable Type だと商用利用で51,500円の費用が発生するので、クライアントさんによってはWordPressを進めようかと思っていたけど、SEO的に考えてもWordPressはMovable Type に比べ弱い(phpだからかな?)し、エントリーがこれだけクラッシュしてしまうと仕事には使えない。   そろそろ、Movable Type へ戻ろうかな。   ちょいと愚痴でした。
勉強してます。GWは映画見ていただけじゃありません。 Movable Type4.1の参考書関係も充実してきたことだし、ちゃんと勉強もしてたんですよ。 Movable Type使いで有名な方々の書籍ですが、書籍によって同じ結果を吐き出すにも途中(ソース)が違う方法が載っていたりしておもしろい。 勉強の足跡そして、今までのMovable Type書籍に多かったインストールからの入門者書籍ではなく、あるていどMTを使っているユーザーに対しての情報が多いので自分に合った方法を試したり「あ~こんな方法があったのか」なんて発見があったりして。 久々に読み応えのある書籍群。Movable Type使いの方にはおすすめですよ。  
このGWの予定は・・・・・。愛犬チャコの様態が悪くなったのですべてキャンセル。 ダラダラと時間を過ごすのも勿体ないので、以下のことをすることに。
  • SEO再勉強
  • 日本語ドメインのSEOテストサイト制作
  • スケジュールはあるけど現在抱えている案件の仕事
  • 納品済み仕事のデータ整理
  • そして、VISTAの仕事環境構築。 SP1もロールアウトされたし、オイラが使っているプリンターや周辺機器のVISTA用ドライバーも出そろったことだしね。 テスト環境構築ですが仕事にメインで使っているXPをVISTAにアップデートするのは危険なので、MacBookにインストール(ブートキャンプ)しているVISTA(Home Premium)でテスト開始。 まずはSTUDIO8をインストール。 ネットではDreamweaver8やFIREWORKS8でトラブルが出ているらしいけど回避方法もチラリホラリ。 ※「VISTA Dreamweaver」「VISTA FIREWORKS」で検索してもらうと色々と情報が出てくるのでココでは詳しい説明は省きます。 VISTAにDreamweaver8をインストールしてみたところ、別に問題なし。VISTAのヘルプ機能がバケる件はadobeが出しているパッチで解決。 FIREWORKS8は確認できた限りではAero機能は使えない。 ネットではVISTAでDreamweaver8を使うとサイトファイルがクラッシュする報告も上がっているので、まずはファイルサーバに保管しているデータのコピー作ってクラッシュするかどうかテストしますか。 え~っと、それではOS-X Serverに接続・接続・・・・・。あれ?VISTAのネットワーク上にOS-X Serverが表示されない・・・・。では玄箱では・・・・同じく表示されない。どうやらファイルサーバのSambaバージョンとVISTAで問題があるらしい。 回避方法をネットで情報を探してみると画像付きで詳しく説明をしてくれているサイトを発見したので、画像に沿って作業をすると問題が・・・・。 どうやらVISTAではヴァージョンによって内部機能も使えなくしている・・・。説明されているサイトのVISTAはヴァージョンはUltimate? そう、オイラが使っているVISTAはHome Premium。画面にそって作業しても駄目です。 もう少し情報を探してみると、どうやらHome Premiumではレジストリ変更が必要らしい。 レジストリ変更方法は、
  • VISTAのスタートメニュー・クイック検索に「regedit」と入力して[Enter]キーを押す。
  • レジストリエディタが起動
  • HKEY_LOCAL_MACHINE¥SYSTEM¥CurrentControlSet¥Control¥Lsaまで進む
  • LmCompatibilityLevelを、3→2へ変更。
  •   これで、ネットワークに玄箱が認識されました。(OS-X Serverは電源落としたので未確認) 文章で書くとこれだけですが、実際は半日も時間がかかってしまった・・・・・。 眠たくなってきたのでDreamweaver8のテストは明日にします・・・・。 おやすみなさい。   そうそう、VISTAではOfficeXPが未サポートと言うかトラブルが出ているユーザーが居てるらしい。 オイラが使用しているofficeは未だにXPだけど、VISTAを使うにはofficeもバージョンアップが必要か・・・。金がかかる。 OpenOfficeを考えたけど、Office2007バージョンアップの価格が安い間に買っておくのもアリかな。      
    SEO対策履歴として自分用のメモです。 SEO対策はスパム扱いになる事もあります。当情報は自分用の履歴メモとして記録していますので、内容の信頼性・正確性・適法性・有用性等を保証することは一切ありません。 また、当BLOGの情報を利用したことに起因する直接的または間接的な損害に関して一切責任を負わないものとします。   ------------------------------------------------------------------------------   YahooやGoogleなどの検索エンジンが重視するのはバックリンク(被リンク)の数を増やそう。 まずは中小のディレクトリー型サイトへ自社サイトの登録依頼 。   19社へ登録依頼を出し、すでに6社からは相好リンク作業完了の返事。のこり13社はさて登録してくれるか。 リンク数が20程で、どれだけSEOに効果があるか分からないが1ヶ月ほど様子を見てみる事に。     1ヶ月後に、SEO効果がなければ、また20社ほど相好リンクを増やし効果を調べてみよう。
    前から気にはなっていたが、今ひとつ?だった日本語ドメイン。今回初めて日本語ドメインを取ってみました。   ■日本語ドメイン取った理由
    1. SEOにどの程度の効果があるのか?Googleでは効果有りかな?
    2. 利用しているレンタルサーバの一つヘテムルでは 日本語ドメインの使用が可能
    3. 日本語ドメインは普及していないので安い。(2008年4月10日現在)
    4. IE7から日本語ドメインがURLに表示されるようになった。
    5. それ以外にも、チョット実験でして見たい事もあるので。
    日本語ドメインで色々と実験してみて良ければ、お客さんへデータをフィードバック出来れば良いけど・・・。   それには早い事実験サイト作らなくては・・・・。   いつ出来るよ。オレ。
    SEO対策履歴として自分用のメモです。 SEO対策はスパム扱いになる事もあります。当情報は自分用の履歴メモとして記録していますので、内容の信頼性・正確性・適法性・有用性等を保証することは一切ありません。 また、当BLOGの情報を利用したことに起因する直接的または間接的な損害に関して一切責任を負わないものとします。   ------------------------------------------------------------------------------   今まで、ヘッダー部分に全ページ共通パーツをして埋め込んでいた<H1>。 分かっちゃいるけど、下記理由で放置状態だった。  
    1. SEO的には良くないのは判っていたが、各ページごとに作り直すのも面倒。
    2. <H1>タグが共通でも検索サイトで上位のページは多数有る。
    3. ヘッダー部分のソースが同じでも検索サイトで上位のページは多数有る。
      ただ、そんな事を言ってては SEOにならないので、本日は全ページヘッダー部分に表示している<H1>を共通から各ページごとに変更。 Movable Typeを使っているので、変更する気になればいつでも出来たんだけど・・・・・。   早速、下記内容に変更。  
    1. TOPページ:今までと同じく静的な<H1>を表示
    2. カテゴリーページ:キーワード部分をカテゴリー名が表示されるようにソース変更
    3. コンテンツページ: キーワード部分をカテゴリー名+コンテンツ名が表示されるようにソース変更
      文章的にはおかしな言い回しになっている箇所も有るが 、一ヶ月ほどこの状態で運用してみて、どのような結果が出るかテストしてみる。
    SEO対策履歴として自分用のメモです。 SEO対策はスパム扱いになる事もあります。当情報は自分用の履歴メモとして記録していますので、内容の信頼性・正確性・適法性・有用性等を保証することは一切ありません。 また、当BLOGの情報を利用したことに起因する直接的または間接的な損害に関して一切責任を負わないものとします。   ------------------------------------------------------------------------------   先日、自社サイト へGoogleクローラが来ているが全てのコンテンツを読み込んでいない事が判ったので、クローラーにサイト内の道案内をしてあげる事にしました。   方法はGoogleウエブマスターツールへ自社サイトURLを登録して左メニューからサイトマップを選択。 ここで、自社サイトの静的サイトマップデータ(xml)をアップロードします。 今後コンテンツが増えることを考え動的に生成されるRSS2.0(XML)も登録しておく。  
    • Googleウエブマスターツールを使用するにはGoogleアカウントが必要
    • サイトマップデータ(XML)は自分で作成するか、「Google サイトマップ」で検索すればツールが色々あるので気に入った物を使用
    • RSSもXMLなのでGoogleサイトマップへ登録は出来るがMovable Typeがデフォルトで生成するRSS2.0(XML)データは全コンテンツ分を生成しないので、全コンテンツを読み込ませるにはサイトマップデータ(XML)を作る必要がある。(静的データ)
    • ただ、今度追加されるコンテンツデータが静的データには反映されないのでRSS2.0も登録。
      GoogleウエブマスターツールへXMLデータをアップロード後、30分程でGoogleがXMLデータを確認してくれサイトマップ/サマリーページに結果が表示。 作成したXMLデータに問題がなければステータス項目にOKが表示され、あとはGoogleクローラーがサイトへやって来るのを待つだけ。 ※もしかすると確認自体でクローラーが来ているのか?でも、ログを確認しても クローラーっぽいのは見あたらないが・・・・。
    SEO対策履歴として自分用のメモです。 SEO対策はスパム扱いになる事もあります。当情報は自分用の履歴メモとして記録していますので、内容の信頼性・正確性・適法性・有用性等を保証することは一切ありません。 また、当BLOGの情報を利用したことに起因する直接的または間接的な損害に関して一切責任を負わないものとします。 ------------------------------------------------------------------------------ この半年ほど、Google・Yahooでの検索順位が大幅にダウン。 以前、自社サイトにSEO対策を色々と試した結果、スパムサイト扱いにされて事も有るので今回は慎重に行います。 まずは、自社サイトの現状を確認しなくては! 使用鶴ツールは
  • Googleウェブマスターツール
  • SEO TOOLS
  • 階層に関係なくクローラが全ページへ巡回していない。 3階層ほど下がったページへクローラーが来ているのに第一階層にクローラが来ていなかったり・・・・。
    SEO書籍先日、ヨドバシ梅田まで書籍を買いに行ったけど店頭には売っていなかったので、結局はamazonで購入。   SEO対策に関してだけど、何が正解なのか・・・。基本は理解しているんだけど、ここ最近ではYahooやGoogleのアルゴリズムも変更されているので最新の情報を把握するためにも書籍を購入。 NETでSEO対策情報は追っかけているけど、サイトによってはスパム扱いになると書かれていたり大丈夫と書かれていたり。 どうもアルゴリズム変更に伴い、都市伝説のようなSEO対策情報が・・・・。   テストサイトでもSEO試しているけど、一番効果があるのは外部リンクとディレクトリー型への登録かな? ただ、いつまで効果があるのかは未定だけど。   一度、SEOしすぎてスパムサイトと判定された過去があるだけに慎重にしなくては・・・・。 そんなためにも今回は書籍購入したんだけどね。      
    お客様のサイトはSEO対策しているんだけど、自分の仕事サイトは・・・・・。作った時のまま放置しているぞ。   WEB屋なんだから自社サイト自体が実績サンプルになるんだし、ちゃんとしなくちゃね~。   と言う事で、自社サイトへSEO対策プロジェクト開始!   ソースの見直しも当然必要だけど。タグやpingでSEOに、どの程度影響が出るのかもテストしてみたい。     まっ。とりあえずやってみますか。   良い結果が出れば、お客さんへフィードバック出来る事だし。
    やっと届いたMovable Type4やっと届いたMovable Type4アップデート版。 たしか去年のクリスマスに注文したはず。   あまりの遅さに宅配が届くまで、すっかり注文していた事すら忘れていた。 去年末には今年中に届くのかと思って何度か電話はしたけどサポートセンターはいつも話し中で繋がらない。 相変わらず、お金だけ先取ってサポートが悪いソフトバンク。
    勉強だーっ!!勉強資料が届きました。 資料(書籍)は、やはりCMS関係です。 Movable type4の書籍は購入しようか?止めておこうか?悩んだけど結局は購入。   だってさ、Movable Type4はヴァージョン3.xに比べ機能がチョコッと変更されているけど、そのチョコッとで悩む事がしばしば。 どこで悩むかって言うと、一部ページを動的に生成したいときの方法など。 Netで調べれば簡単に解るんだろうけど、他にも調べたい事が出てくるのじゃないかと思って、とりあえずMovable Type WEBデザインの新しいルールを購入決定。 内容は、入門者用です。インストールの仕方から始まって使い方、デザインのいじり方のさわり部分。カスタマイズを考えている方には向かないかも・・・・。 ※tipsネタはほとんど無いかな?個人感想です。       次は、WebクリエイティブのためのCMSツールガイド。 内容は名前のまま。いろいろなCMSのツールガイドです。 このCMSはここに強い、ここに弱い。と言った情報からインストール、使い方の説明です。 とうぜん、320ページで8つのCMSを紹介しているので、突っ込んだ内容は載っていませんが、このサイトにはこのCMSって資料には十分です。 作者エ・ビスコム・テック・ラボ氏の書籍は個人的には非常にわかりやすいので大好き。   この書籍もNetで調べれば解る事だらけだけど、
    1. 机の片隅においておけば簡単に適切なCMSが調べられる。
    2. わかりやすく説明されているのでクライアントさんへ提案するときに受け売りで説明できる。
      まっ。両方とも直ぐに仕事に使える内容じゃないけど、個人的には知識として購入する価値はアリです。    
    かれこれ2ヶ月間ほど密かにテストしていたことが・・・・。 それはCMSサイトのSEO実験。 同じサイトデータを下記の2種類でテストしていました。
    • PHPの動的サイト
    • XHTML の静的ファイル書き出しサイト
    結果ですが、XHTMLとPHPでは訪問者の数に大きな違いが・・・。 XHTMLを100%とした場合、PHPでは25〜35%程度と数字が出ました。 確かにキーワード検索結果を見てもXHTMLでは上位にヒットしているのにPHPでは検索キーワードになっていない単語も。 自分自身では、PHPへ吐き出すデータがMySQLに格納されているのが原因じゃないかと思うんだけど。 YahooやGoogleはMySQLの中まで検索してくれるのか?それともキャッシュを平っているのか? それとも単に、オイラがPHPに不慣れなので、ソースのどこかに問題があるのかもしれませんが・・・。 ※ある程度はソース見直したが、おかしなところは見あたらないしな〜(見つけられないだけか?) ただ、現状では検索エンジンがPHPに最適化されていないことも考えられるので、大手企業のようにブランドが確立してるサイトであれば訪問者は訪れてくれますが、個人経営・中小企業サイトでは検索にかからないのは致命的。 当分はXHTMLでの運用がオイラには向いていそう。 せっかく作ったサイトが検索サイトに引っかからないのは辛すぎるからね。

    先週から一般公開したトライクサイト。 クライアント様からはSEO対策の依頼はありませんでしたが、Movable Type4での構築でしたのでSEOテクニックをチョット散りばめてみたところ。 Yahooでは、キーワード+地域名で下記の結果となりました。 3輪バイク・・・・・(約26,800件中9位) 3輪バイク 神戸・・(約227件中2位) 3輪バイク 関西・・(約230件中1位) トライク 神戸・・・(約22,100件中2位) トライク 関西・・・(約27,800件中11位) 公開して1週間ほどですが、SEOが効いているようです。 静的な通常サイトよりCMSはやはり優れている。

    CMSの利点はやはり運用。 ページ数が増えてきた時でもCMSで構築していれば、元データを一部変更するだけで元データに関係するページは全て更新されます。 全ページに関することで一番多いのがSEO対策! あるキーワードを新たにページへ埋め込みたい時などは、元データに新しいキーワードを埋め込むだけ(変更するだけ)ですからね。 また、共通の部品変更などもCMSで管理すれば簡単です。 CMS(ビジネスBLOG)のお問い合わせ、ご相談はCUBESまで。

    怒濤のごとく過ぎた1ヶ月。とりあえず、山は越えたかな? 2週間ほど更新も止まっていたので久々の更新です。って言っても仕事ばかりの日々だったので書くことないんだけど・・・。寂しい。 そうそう、書くことを考えていたら、本日はスパムコメントの嵐!!なんと新記録!一日で1,500程のスパムコメントが・・・。 最初はチビチビと削除していたけどきりがない!削除するよりスパムが届くスピードが速すぎ!って事でスパムコメントブロックのWordPress用プラグインが無いか調べていたところ、評判の良さそうなDid You Pass Math?Spam Karma 2を発見! 早速Spam Karma 2インストールして試してみたところ、アレ?自分のコメントもスパム扱いに・・・?なぜ? 調べるのも面倒なので、Spam Karma 2を外して、次のプラグイン候補Did You Pass Math?をインストール。 Did You Pass Math?は問題なく動くぞ。 Did You Pass Math?はコメント入力時に簡単な計算(算数)をしていただかないといけないので、ユーザービリティ的にはマイナスだけど、スパムが多すぎるので何か他の対策が見つかるまでは、ご協力お願いします。
    先日から仕事で使っているMovable Type4。 使ってみた実感はかなり進化。 個人的にはWordPressをかなり意識した感じではないかと思います。 個人的にWordPressを意識しているなっと感じたところは
    • 動的サイト構築
    • 静的ページを管理画面から作れる
    • HTNL知識が無くてもそこそこ見た目をいじれる
    ただ、ただ、ただ~~~~~~~。 重いです。 確かに、一部のみ動的サイトにする、管理画面からの入力方法が選べるなど自由度は高いけど・・・・・。 何か操作するとワンテンポ遅れて動くって感じかな。 オイラは仕事柄、現在はレンタルサーバを3社から借りています。(何処のサーバが安定しているかテストも兼ねています) Movable Type4のテストに使ったのは、個人的にもお気に入りのレンタルサーバ会社でオイラの仕事サイトも運営しているところ。 ここは非常にコストパフォーマンス高く、自由度もあり、サーバトラブルも有りません。 価格的にも安いので、お客さんにも勧めているところです。 話はそれてしまったけど、Movable Type4の動作ですが・・・・。どうも重たい。 同じサーバでMovable Type3.2を動かしているので同じ環境でテストしてみたかったんだけど、結論は重たい。
    CMS勉強だー。最近では、新しいサイトのお仕事は9割CMSです。 と言うかオイラがCMSをプッシュしているからですが・・・。 現在進行中の新規案件もMovable TypeとWordPressで構築中。 ただ、タイミング悪くMovable Typeは先日のバージョンアップで管理画面インターフェイスやタグが微妙に違うんだよね~。 ソース管理は良い感じだけど、WEBデザインがメインのデザイナーには概念が分かり難くなっているのじゃないかと・・・。 どちらかというと多少プログラミングをさわれるデザイナーでないとモジュールの概念とか分かり難いのじゃないかな。 話が脱線しちゃったけど、WordPress2.2がナカナカ使いこなせていないオイラですが、何か参考書はないかと先日Amazonで調べていたら・・・・。 まさに求めていた書籍がありました。 WordPress2.2とMovable Type4のテクニック本。しかもオイラのお気に入りのエ・ビスコム・テック・ラボ氏。そして出版社もお気に入りの毎日コミュニケーションズエ・ビスコム・テック・ラボ氏の本は、他のNet本と違い一般的に現場で使えることが多い技術が載っているので非常に助かります。、 中身はテクニック本というより・・・・・。Tips本かな~? 初歩的なテクニックも多いですが、痒いところに手の届くTips技もチラリホラリ。 Movable Typeに関してはソコソコ自身もあるので、今更見る事もないなと思っていたけど、同じお題をページ上下の二分割でMovable Type4とWordPress2.2のソースと説明が入っているので、Movable TypeタグがWordPressではどのタグになるか非常に解りやすいです。 今までBlogはやっていたけど、これから仕事にMovable Type4やWordPress2.2を弄っていこうって方には、解りやすい参考書になると思いますよ。
    ※ただ、注意しないといけないのが毎日コミュニケーションズの初版本は誤字脱字が多いです。多少ソースが読める方では間違いに気がつくと思いますが、書籍に載っているソースをそのまま打ち込む方は初版本を避けた方が良いかも。
    夏頃から打ち合わせを進めていた、姫路のお客様から正式発注いただきました。 さ~。がんばっていきますか。 今回は4サイトを同時進行です。しかも全てCMS!! やりがい有る~。 今回は、3件はMovable Type。そして残る1案件はWordPressで構築なのです!やはり勉強でイロイロ弄っているより、仕事でさわっている方が覚えるの早いね~っと言いながらNucleusも弄っているので、ついついWordPressとNucleusが頭の中でチャンポンになっている事がしばしば。 mamp-englisch.jpg早速、テスト環境構築だけどイントラ環境に作りたかったので、MacBookにMAMPをインストール。 これで、いざ外に公開の時にはDDNSで外からアクセスできるようにすれば良いし。 打ち合わせへ出向くときにはMacBookでネット環境が無くてもプレゼンできるぞ。 そうそう、MAMPでテスト環境作ってParallels DeskTop for Macで動作確認できるかテストしたところ、全然問題なし!! これで、MacBook1台でサーバとクライアント環境が構築できて、しかもMacでの動作確認、Winでの動作確認が可能になりました!!! 実はこれを狙っていたので、ATOK 2007 for Mac+Windowsを購入したんだけどね。
    WordPressにThickBoxを使えるようにしてみました。 DOMとCSSの組み合わせです。こういった事がしたくて先日DOM本を買ったんですけどね。 ThickBoxが何かといいますと、別ウィンドウで表示していた画像やHTMLを別窓ではない方法で開くものです。 ん~ん。説明するより下の蚊取り線香写真をクリックしてもらった方が判りやすいかな。 (何故か蚊取り線香。日本の夏って感じでお気に入りアイテムなのです。) 蚊取り線香でThickBoxテスト以前はMovable TypeにLightBoxを組み込んでいた時も有ったんだけど、LightBoxは画像が多くなるいつれて重たくなってしまう。 それに比べThickBoxは動作が軽い。書き込むソースが簡単。それ以外にもThickBoxでやってみたいことが有るので、今回はWordPressにThickBoxを組み込んでテストをすることに。 ただ、ThickBoxLightBoxに比べ軽いけど、何だか画像を表示するときにカクカクした動きになるのが気に入らない。 この動きも数値を変更するなどで動きがスムーズになるかも・・・・。テストしてみなくては、今後の課題と言うか宿題だな。 仕事が空いたときしかテストできないので、いつになったら気に入った動きが出来ることやら。
    お盆休みに、以前から放置したままだったBLOGサンプルを構築。 現在、動物病院のお客様がいてるので、色々お伺いした結果、自分なりに「動物病院経営者ならこんなサイト作りたい」って気持ちで動物病院BLOGサンプルサイトを作ってみました。 取りあえずは2パターンだけだけど。最終的にはWordPressでのBlogも交えて10パターンほど作りたいな。 見た目にはベタな所も有るけど、動物病院をNetで探される方は女性が多いので、ターゲットを30代女性向けに設定してみました。
    動物病院ホームページ(ビジネスBLOG)サンプル01 動物病院サンプルBLOG ■ホームページ仕様
    Blogの定番。Movable Typeにて構築、ビジネスBLOGにて更新レスポンスを重点にシステム構築。xhtml・css、JavaScript、PNG半透明画像を採用し技術にも新OS(Windows VISTA)に対応しています。画面サイズは一般的なサイズ1280×1024ピクセルを基準。
    ■対応環境
    Windows→IE5.5、6.0、7.0 FireFox1.0以降、Mac(OS-X)Safari1.0以降、FireFox1.0以降
    ■動物病院ホームページサンプル01はこちら
    動物病院ホームページ(ビジネスBLOG)サンプル02 動物病院サンプルホームページ ■ホームページ仕様
    Blogの定番。Movable Typeにて構築、ビジネスBLOGにて更新レスポンスを重点にシステム構築。xhtml・css、JavaScript、PNG半透明画像、アニメーションGIFを採用し技術にも新OS(Windows VISTA)に対応しています。画面サイズは一般的なサイズ1280×1024ピクセルを基準。
    ■対応環境
    Windows→IE5.5、6.0、7.0 FireFox1.0以降、Mac(OS-X)FireFox1.0以降
    ■動物病院ホームページサンプル02はこちら
    勉強道具先日、WordPressを触っていたときに勉強不足を痛感。 PHP勉強しなくては!そしてDOM。 ネットで探しながら勉強したらいいんだけど、先ずは何から勉強したら良いか判らない状態なのでオイラの定番先ずは形から。 お盆の間にApache、PHP、MySql、WordPress、Movable Type4をMacbookにセットしてスタンドアローン環境を構築。 と言いながらも、来月末までスケジュールがパンパン状態なので書籍を購入したところでStop。 さ~10月からの勉強になると思うけど、オイラのモチベーションが何処まで持つことか。 おかげさまで、来月には16本新規サイト。進行中のサイト1本を公開しなくちゃいけない。 ありがたい限りです。 さ~、胡坐をかかずに日々勉強。
    このBlogを見に来ていただいているかたのブラウザーで確認したところ、7月はIE6割合が39.06%、IE7は24.26% それが8月では IE6が31.91%、 IE7は29.65%。 まだ、8月中旬なのを考えれば、まだIE7の割合は増えてくるのでは? OSでもVISTAが7月は10.30%だったが8月では12.67% 、Xpが79.78%から77.36%にポイントダウン。 少しずつだけどVISTAユーザーも増えてきているのかな? 当初は98やme、2000ユーザーがVISTAに乗り換えたのかと思ったけど、98、me、2000ユーザーの数値に大して変わりが無いところを見るとXpからVISTAへの買い替え、買い増しが増えのだろうか?
    まだ、サイドバーに仕事サイトのバナー貼った程度だけどさ。ちょっとバナー画像デカスギだけど。 Movable Typeをメインで触っているけどWordPressも慣れてくれば面白そう。 今後は、WordPressがビジネスブログに何処まで使えるか研究していくのがオイラの課題。 案外PHPでソース書けばカスタマイズできそうだけど、PHP書けないだけに自身がない・・・。がんばれオイラ! ただ、問題がない訳ではない。 Movable TypeからWordPressにBlogを変更してから、やはり新規ユーザーのアクセス数が落ちている。 あえて1ヵ月半ほどWordPressデフォルト設定で運用してみたけど、新規ユーザーの比率がMovable Typeに比べWordPressでは1/3にまで落ちた。 しかもPing数を増やすとPingが飛ばないことも・・・・。 これはサーバ処理の問題かも。 どちらにしろアクセスダウンの原因はPHPによる動的サイトかな? WordPress挿入前にNetで調べてみても「PHPはSEOに問題ない」と言う意見と「PHPはSEOに不利」と意見があったけど、自分で試してみないことには納得できない性分なのでプライベートBLOGをPHP化してみたけど、結果はやはりSEOに不利なのかな? 確かに、オイラのBlog以外でも動的サイトは検索サイトでは上位に入っていないところを見るとPHPは不利なのかな~。ページランク低いサイトも多いし。 希望としてはGoogleではPDFファイル内の検索もしていることなので今後はSQL内も検索してくれると変わって来るんだろうけど。 やはり、セキュリティー的にもBD内を探すって言うのは問題があるよな~。
    本日面白い?ことが。 テストサーバへアップしたデザインの確認待ちの間にYahooでNewsで読んで時間を潰していたら・・・・。 ウイルスバスターが「このサイトは危険だよ~」ってポップアップのお知らせ。 yahooは危険? おいおい。単にYahooのNewsページだよ。一瞬偽装サイトかと思ったけどYahooのTopページから進んでいるし・・・。 どうも最近は、ウイルスバスターのアップデートをしてからNetへのつながりが悪い。ウイルスバスターが落ちる。 みょう~にウイルスバスターにストレス感じていたところで、今回の意味不明なポップアップ。ちょっと笑ってしまった。 自分のサイトで、「危険サイト」ポップアップが出てこないか、チョッと期待してたりして。
    akismet.jpgこの2日間異常に迷惑コメントが。 一日に250~300程度の迷惑コメントが届きます・・・。とほほ。 Movable Typeでは、迷惑コメント/迷惑トラックバック防止プラグインが多数あるけど、WordPressはネットで探して見てもコレといったプラグインが見つからない。(探し方が悪いのか?) チマチマとスパムを削除するのも疲れたので、WordPressで有名なスパム防止プラグインAkismetをインストールしたけれどヤッパリ多少はスパムが弾かれずに届きます。 何かいいプラグイン無いかな~。
    Movable TypeでBLOGカスタマイズするときにはadobeから無料配布されているMovable Type 用テンプレートを使用しています。 このテンプレート?機能拡張?をDreamweaver8へインストールするとMovable Typeのタグがhtmlタグのように使用できる非常に便利なアイテム。 さてさて、WordPressを今後勉強するにあたってWordPressタグを効率良く書けるツールが欲しい。 最初はIMEにWordPressタグを辞書登録してエディターでカリカリ書くつもりでしたが 、やはり同じようなことを考える方はいてたんですね~。 こちらのサイトDreamweaver8へWordPressタグを比較的楽に打てる機能拡張を発見! では、早速使ってみた感想ですが、まだWordPressに慣れていないので使い込んでみないと結論は出せませんが。現時点では、微妙~です。
    昨日・今日とMovable TypeをCMSにしたサイト構築についてのお問い合わせ。 去年からBlogシステムをCMSにしたサイト構築はしていたけど、段々と一般的な技法になってきたのかな? 去年に仕事を中断してまでCMS勉強したかいがありました。 勉強した結果、打ち合わせでもCMS提案できるしasicsさんのキャンペーンサイト作成も出来たし。結果オーライだな。 他社に負けないようにもっと勉強しなくては。今やってみたいのはCMS+SNSを構築してみたいな縲怐B と言う事はPHP勉強しないと駄目か。 SNSやる前にPHPベースのBlogテストしないといけないか。 PHPベースBlog運用でのサーバ負荷もテストしないといけないのでテスト環境作らなくちゃ。 個人的にはPHPベースBlogは前から興味の有ったWordPressに挑戦してみようか。ただ、動的サイトはSEOに強いのか?弱い気がするけどな縲怐Bこれもテストしてみないと駄目か。
    現在取り組んでいるキャンペーンサイト。なんだか自分の立場がキーマンになってきた・・・。 Web以外に色々としないといけない事が発生しような予感・・・・。 そのサイトだけど、9ヶ月間続くキャンペーンサイトなのでIE7も当然視野に入れて設計しないといけない。 今回は実験的なことを組み込んでいるんだけど、その実験的な一つがPNG-24でアルファーチャンネル使用。 まだまだIE6ユーザーも多いのでIE6でのアルファーチャンネルが問題なく表示されるようにcssハックをするか、IE6用cssを作るか思案中。 実験サイトでは問題なく動いたので何とかなりそうだけど今回はCMSも使うので、ページによってはJavaScripを使用。そのうえPNG-24か。 何だか自分で自分の首をしめている気が・・・・。でもやっぱりpng-24を使えばグラデーションの上にドロップ シャドウで奥行きが表現できるので使いたい。 来月末にはこのサイトも一般公開できるので詳しい事はその時にでも・・・・。 あ~頭の中がこんがらがってくる。
    WS000049.jpg先日に続き、今回もFireFoxの小技ネタ。 WEB関係の仕事をしていると、ブラウザーでの動作チェックが必ず必要。最近は古いIEの動作チェックは余り言われなくなったけど、変わりにFireFoxでの動作チェック依頼が増えてきている。 個人的にもお馬鹿なIEよりFireFoxが好きなので、簡単なサイト製作段階ではFireFoxで確認しながら作って最後にIE用に微調整したりするんだけど。案件によっては製作段階でFireFoxとIE6/7で確認しながら作るのですが、ゴチャゴチャとモニター上にアプリが立ち上がるのは好きじゃないので、僕はもっぱらFireFoxに”IE TAB”と”IE View”を入れています。(拡張機能です。)

    FireFoxの小技

    | | コメント(0)
    WS000041.jpgGmailやYahooメールを使っていると、メールが届いているのか確認する事が段々と面倒になります。(あ~マスマスぐうたらになっている) そこでFireFoxの便利なプラグインを発見。なんとウィンドウの右下にGmailとYahooメールが届いたらお知らせしてくれる優れもの。 Gmail Notifier と Yahoo! Mail Notifier です。ネットで検索してもらうと直ぐに引っかかりますよ。 IDとパスワードを設定しておくだけで、FireFoxを立ち上げている間はバックグラウンドでメールチェックしてくれているので、新着があるたびにメールアイコン横へ届いたメール数が表示されます。 しかもアイコンをダブルクリックでメーラー画面に切り替わるので打ち合わせ途中でも何気なくメールチェック出来たりと、ナカナカの優れもの。
    googleblog.jpg GoogleがBlog専用検索を開始しました。(まだ、ベータ版だけど) 早速使ってみた感じは、いいじゃん! 投稿日時(1 時間以内、12 時間以内、1日以内、1週間以内、1か月以内、指定なし、日付を指定)で絞込が出来る。 今までは、サーチサイトでキーワード入れて検索しても、ナカナカ欲しい情報が出てこなかったけど、Blogから絞込が出来るのは非常にありがたい。 たとえば、購入を考えている商品を使っているユーザーの声が簡単に検索できるとかネ。 ん~ん。ますますNETでバイラルな使い方がすすみそう。 ただ、ビジネスBLOGが引っかからないのが気になるな~。 どうんなアルゴリズムでBlogを判断しているのだろう? RSS、ATOMで判断なら、ビジネスBlogサイトも引っかかるだろうし。 仕事に使うには、もう少し情報を探さないと駄目だな。
    blogmenu.jpg 先日から仕事には使っていた半透明プルダウンメニューを、このBlogには反映しました。 ただ、プルダウンが解りにくい・・・。 しかも、メニューが目立たなくて、メニューと解りにくい・・・・。 デザインを考えなくちゃいけないな。

    PageRankで疑問

    | | コメント(0)
    rank.jpg 先日から、このBlogと仕事サイトのPageRankが3に上がっていました。 ただ疑問が・・・・。
    vista_me.jpg 64bit版VistaにはIE7が二つも入っていた。 よく見ると64bitと付いている物と付いていない物。 たぶん32bit版のIE7かな。なんで2種類も入れるんだと思っていたら理由がわかりました。
    先日、書いたMovableTypeで半透明プルダウンメニューだけど問題が・・・。 css_02.gif Safariでは半透明が反映されない事は前回の記事で書いたけど、補足が抜けていました。 プルダウンのCSSは「z-index]の値を付けないと前面に表示してくれません。 ※z-indexはレイヤーの考え方と同じです。 ただ、ここで問題が・・・・・。 上記のFireFox画像でイメージ画の上に半透明を使っていますが、このイメージ画をFlashで動かそうと思ってFlash画像を配置すると、半透明プルダウンがFlash動画の下に入り込んでしまいます。 一応、メニューのボタン機能は生きてはいるのですが、プルダウンがFlashの下に入り込んでいるために何を選んでいるのか解らない・・・・。ショック。
    実験的に、MTにGoogle マップ貼りこみ。 IEではフキダシに問題なくテキスト入るけど、FireFoxだとスタイルが崩れてしまう。 ん~。調べたら解るんだろうけど、 今はお仕事で時間が無いので、問題先送り・・・・。 今後は、三水会で呑みに行った場所にGoogle マップしてみようかな~

    Google Analytics

    | | コメント(0)
    IMGP0718.jpg 以前に、Google Analytics記事を書きましたが、 Google Analyticsはアクセスログを詳しく調べられるから楽しい。 しかも無料だし。 クライアントさんにも進めていますが、突っ込まれた質問だと答えられないことも・・・。 と言う事でGoogle Analyticsではじめる儲けるためのアクセス解析術購入しました。
    WS000015.JPG 先日から、テストしていたMovableTypeプルダウンメニュー JavaScriptとCSSだけでFlashモドキの事が出来ないかテスト。 プルダウンメニューだけなら面白くないので、チョッと手を加えて半透明プルダウンにしてみました。
    OSログを先ほど調べたので、今回はブラウザーログ。 自サーバのアクセスログを見ると、今年の2月1日から9月4日だと I E・・・・・・・・・42.5% FireFox・・・・・50.2% Safari ・・・・・・・2.8% ブラウザーログ 2006年2月1日から9月4日 これが、今年の8月だと I E・・・・・・・・・49.8% FireFox・・・・・42.4% Safari ・・・・・・・2.1% ブラウザーログ 2006年の8月
    今年の初めまではMAC OS-9のIEで何とか見れるようにならない?って言われたけど、最近ではそのセリフも聞かなくなったな。 やっと、印刷業界にもOS-Xが浸透してきたのかな? (印刷業界は未だに、OS-9 イラレは8もしくは10の状態だから。) 自サーバのアクセスログを見ると、今年の2月1日から9月4日だと Win・・・・・・・・・82.9% Mac(OS-X)・・14.2% Mac(OS-9)・・・1.5% 2006年2月1日から9月4日までのOS これが、2006年8月だと Win・・・・・・・・・91.4% Mac(OS-X)・・・6.9% Mac(OS-9)・・・0.8% 2006年8月のOS やはり、マーケットと同じくMacのシェアが低い。アタリマエカ 最近ではMacネタの書いてないから余計低い結果が出てきてる。
    Google機能合体!! MovableTypeのBLOG内検索は打点等が入ると文字化けが発生。(UTF-8だから?) と言うことで、マイ・ブログ明日も天気にな~れの検索にGoogle機能を埋め込みました。 ただ、ここでも問題が・・・・。
    ビジネスBLOGの提案でMovableTypeカスタマイズ中。 ビジネスBLOGなのでMovableTypeをCMSとして利用が大前提。 PHPを使えば簡単な事も多々あるんだけど、PHPを使えないサーバ環境を考えて全てHTMLで吐き出し。 でも、 1)メニューのカスタマイズしたい。 2)商品の表示順、商品の絞込み機能もつけたい。 3)SEOを考えて各ページに違うmetaタグを埋め込みたい。 4)FlashVideoを商品ページに使いたい。 5)一部にはFlashを使いたい。 MovableTypeのタグだけでカレコレ1ヶ月掛けてソース書いているけど、なんとか全て解決し形になってきました。 あとは、レイアウトと作っていけばOKかな。
    盆明けにレイアウト変更したときに、CSSとMovableTypeのソース変更(ディレクトリ名も変えてたりして)、metaタグ埋め込みでSEO対策したつもりが、逆に激減。 今週に入ってから、新たにSEO対策ほどこしたりして、何とかアクセス数が下がる事もSTOP。 ジワリジワリとアクセス数も戻りつつあるので、今まで使っていたアクセス解析ソフト(高機能アクセス解析CGI Standard版AWStats)以外に、Google Analyticsも導入。 よく、何で2種類もアクセス解析ソフト使ってるんだ?って聞かれるのですが、 コレには理由があります。 1.生ログ(アパッチログ)で解析する事によってASPでは見えてこない情報(ロボット、ブックマーク、入り口/出口、データ転送量)が色々とある。 2.ASP(CGI方式)を使うのは、特定のサイトのアクセスログを確認したい。 大きくは2つの理由だけど、それぞれにメリット・デメリットが有るので使っています。 そして今回のメインはGoogle Analytics。 今回は仕事サイトに組み込んでみましたが、もともとは有料ソフトだっただけに非常によく出来ています。 ただ機能が多すぎてまだ、使いこなせていないのが現実。トホホ Google Analyticsを使ってみて面白いのは閲覧者の動きがグラフィカルに見えてくることですね。 どのボタンがクリックされているかをグラフィックで表示してくれるので、見ているだけでも楽しいです。 クライアントさんへ収めたサイトも確認出来ればいいんだけど、アクセスログは個人が特定しにくくても個人情報扱いされている会社が多いので難しいかな。 どのコンテンツが人気が有るか判れば、そのコンテンツを充実させれたり、アクセスの少ないコンテンツの見直しなど、全体的な底上げか可能なだけに悔しい。
    Internet Explorer 7の印刷プレビュー画面 今回は、悪名高いInternet Explorerの印刷機能テスト。 今までのInternet Explorerは用紙内に収まらないバグ?がず~っと続いてましたが、やっとInternet Explorer 7でMacのブラウザーのように用紙内に縮小されて収まるようになったようです。
    仕事でも今後はInternet Explorer 7での動作チェックが必要になるだろうし。現在作っているサイトはInternet Explorer 7で問題なく使えるかテスト。 レイアウトの崩れなどは無いようなので、今回はRSS、ATOMリーダーの確認。 早速、RSSリーダーをクリックしてみると。 Internet Explorer 7 RSSリーダー画面 こんな感じですね。では、ATOMは? Internet Explorer 7 ATOMリーダー画面 ん~ん。FireFoxに慣れているから、プルダウンで情報が出る方が使いやすい気がするんだけど。 コレだったら、サイト見に行ってるのと同じだし・・・。 使い慣れると、また変わってくるのかな?
    rss.jpg 自社サイトをRSS2.0/ATOM化しました。 今後はInternet Explorer 7もRSS対応になるのでやっておこうかな?って感じです。
    Internet Explorer 7にアップデート とうとう、Internet Explorer 7にアップデートしました。 ※今後はInternet Explorer 7での動作チェックが必要になるだろうし。現在作っているサイトはInternet Explorer 7で問題なく使えるかテストをしておきたかったので。 仕事にメインで使っているGT4014jをアップデートするのは怖いので、とりあえずHPのノートパソコン nx6120CTでテスト。
    今週に入り、アクセス数が激減。 先日までは多い日で1日に1,000超える日もあったのに、今週に入ってからは1日あたり100づつ減っている・・・・。 な~ぜ~~ ナゼ?アクセス数が減ったかの答えは・・・。 今週からレイアウト変更をしたのですが、レイアウト変更時にSEO対策テストで埋め込んだmetaタグが問題のようです。 どうもGoogleから本文中の言葉とmetaタグに違いが有るのでペナルティーを受けたみたい。 仕事サイトのSEO対策テストでプライベートblogで試してみたけど。結果は最悪のようです。 Yahooと違いGoogleはmetaタグは余り重視しないので大丈夫だと思ってたんだけどな。 みなさん、metaタグのご利用は計画的に。

    Mysqlのお勉強

    | | コメント(2)
    mysql.jpg OS X Serverをイントラ内で運用しているが、まだ本格運用できていない。 Movable Type3.2のインストールは成功したけど、どうもMysqlが上手いこと動かない。 別にMovable Type3.2Mysqlじゃ無くても良いんだけど、ちょっとムキになってます。 DBDソケット、DBIソケットは何とか出来たんだけど、どうもhttpd.confの編集が必要みたい。 Mysql自体、よく理解できていないから、いい機会だと思って、このMySQL入門以前を買ってきました。 amazonでも★★★★★星5。しかも知り合いからもお勧めされて。チラッと中を見るとMacでのMysqlの設定もしっかり乗っている。 第一、ネーミングがよい!!MySQL入門以前。入門書は色々と売っているが、この本はタイトルが入門以前!! 早速帰って、OS X ServerでMysql設定するぞ!!って思っていたのに、もう2時間もblog記事書いてる俺って・・・・。
    色々と先週からOS X Serverをイントラ内で運用しているが、まだサーバをfedoraと交換出来てない。 理由はヤハリ、Movable Typeが上手いこと動いてくれない。 Movable Type3.2での運用を諦め、fedoraからMovable Type3.17OS X Serverへ持ってきてmt.cfgを書き換えたりしているが、テストで新規エントリーを書き込みするとBDでエラーが発生・・・・。ガク・・・。 でも大体の要領は解ってきたつもりでOS X ServerMovable Type3.2をインストールするがMovable Type3.17と同じ結果に・・・。 NetでOS X ServerMovable Type3.2インストール成功例を探すがなかなか見当たらない。 ココは人柱でやってやるかと思っているが、ホント人柱で終わりそう。 最近、急に寒くなってきたのでお腹の調子も悪いし、Macとトイレを行ったり来たりでめっちゃブルー。
    本来リテラシーとは"活用するための知識や能力”という意味。 デジタルに馴染めないデジタルデバインドが低いユーザーに対してWEBで何処までフォローするのか、 企業サイトで考えると、全てのユーザーに解り易くって言うのがベストなんだろうが、 全てのユーザーに解り易くする為にコストをかけも費用対効果が薄い。 また、年齢の若いユーザーであっても、携帯は使うがPCは使わないユーザーも多数いてる。 そのようなユーザーには携帯での情報発信。 デジタルデバインドの低いターゲットには紙媒体でのアプローチが一番ベストだと思うが、 クライアントは全てサイトで完結したがる。 クロスメディア戦略を提案するが、クライアントの事情でそれも出来ない。 結果、誰のためのサイトか解らない中途半端なサイトになってしまうのが目に見えている。 これでは、リテラシーどころかサイト自体に存在意義があるのだろうか。 私の考えるサイト作成の考え方は 1)通過点(サイト構築完了) 2)メインターゲット明確化   メインターゲットのデジタルデバインド   メインターゲットのリテラシー 3)誰のためのサイトなのか 4)サイトに対応できないユーザーへのフォロー(携帯・紙媒体・クロスメディア) スタート地点とゴールを明確にしなければ、良いものは出来ない。 また、通過点とはサイトの出来上がりであり、サービスとは違う。 例えるなら、ある所にお店は出来たが、お客さんが喜んでくれるサービスが無い状態。 せっかくお店を出したのだから、新規のお客さんがリピーターになるサービスを提示していかなくてはいけない。 サイトは生き物。作った最初の時期だけ手を入れて後は放置。これでは意味が無い。 時勢に合わせてサイトは変化が必要。 その時その時に合ったサービスを提示して初めてサイトの存在する意味がある。 この考え方を、どれだけ発注者に理解していただくかが一番の問題かもしれない。 WEBにおけるリテラシーを問われるのは、 サイトを使う側ではなく、作る側なのかもしれないと最近思う。
    サイトに関係する人員が増えれば増えるほど、サイトの方向性が定まらない。 クライアントからもサイトの方向性が見えてこない。 スタッフ間でミーティングをすると、個々に方向性があって・・・・。切磋琢磨は良いんだけどね。 サイトを使ってくれるターゲットを考えれば方向性が見えてくるんだが、 ログを確認していると現在アクセス数が伸びているターゲットはWEBに対するリテラシーが高い。 今後もこのターゲットをメインでサイトをリニューアルしてアクセス(=販売)を伸ばす方がいいのか、 アクセス数は低いがコンバージョン率が高い、もうひとつのターゲット(リテラシーが低い)をメインに置いて今後サイトが横に広がるように伸ばす方が良いのか。 この2つのターゲットは全然方向性の違う人達なので、悩むところろです。
    rss.jpg ブログユーザーのためのRSS徹底活用ガイドを買いました。 最近、仕事でWEB2.0の思想・概念であったり、段階的にWEB2.0の考え方を取り込んで行こうって話になります。 じゃ、実際にWEB2.0って?なるんだけど、簡単にRSSって言ってるけどRSS1.0RSS2.0の違いを明確に答えられるか、どの様に仕事に取り込めば良いんだって言うと・・・・。判りません・・・・。 勉強しなくちゃって事で早速購入縲怐B
    ブログ村にちゃんとpingが飛ばない・・・。 BLOGはMTを使用しているがナゼだろう。 もう少し、ググって見るか・・・・・。 と言いながらも現在は有る案件のサイトを作成中。 今後、大きくなる事を考えて作っているのだが、こうBLOGに慣れてしまうとサイト作るのがしんどい。 ちょっと前までは、全然当たり前の事だったのにな縲怐Bヤッパリ人間は楽な方へ行く動物か。 myサーバならXOOPSインストールしてCMSとCSSで作りたいが、クライアント様のサーバへHTML納品なのでそれも出来ないか。

    SVG

    | | コメント(0)
    あるWEBアプリの案件をもう5年ほどしています。 ある時期からイラストレータ9.0でSVG書き出しデータを使っているんだけど、今後の事を考えたら、MAC OS-9からOS-Xに移行していこうって事になったんだけど、OS-Xで動くイラレは10以降。 今まで使っていたaiデータをイラストレータ10でSVG保存、イラストレータCSでSVG保存。 何故かシステムでうまく動いてくれない。スタッフがSVGのソースを確認してくれた所、微妙にソースが9、10、CSで違うらしい。 まだ、急に対応が必要じゃないので今後の課題としていますが、まさかWEBでもOSでココまで影響が出るとは・・・。とほほです。 DTPと違ってWEBは、アプリがOSに対応すれば問題ないって考えていた自分が浅はかだった・・・。ガク。 この問題が解決出来ない状態でOS-9ブートのMACが潰れていったら、クラッシック環境で使っていかないとイケナイのかな?
    最近、聞くようになってきたWEB2.0。 はてなでもよく見ますね縲怐BWEB2.0って別に定義がある訳じゃない。 外部スタッフのSEにも、これからはWEB2.0って最近よく言われます。でもクライアントさんに定義が有る訳じゃないから説明しにくいんだよね縲鰀 WEB2.0ってようするにWEB2.0=良いサイトって言ったらちょっと違うかもしれないけど、 WEB2.0で検索するとAPIAjaxメタデータでどうのこうのって事がよく書かれているが、オイラの考えるWEB2.0って言うのは、技術的な裏付けは当然必要だけど、目先の技術にこだわりすぎず、その機能をどの様にWEBに落とし込み、ユーザーにどれだけ使いやすく、またどれだけサイトに付加価値がつけられるかだと思う。 blogのように、HTMLなどの知識がない人にサイト以外でWEBに情報発信が出来るようになった事は非常に素晴らしい事だと思う。 新しい技術・サービスが出来ても使いにくければ意味がないし、使いやすい技術・サービスだからこそ、そこから新たな物が生み出される。 なまじっか、WEBの世界でメシを食べていると新しい技術を追っかけたり、振り回されたりして、最終的には意味のない物になりそうな時がある。 客観的に自分自身・仕事を見直し、いつ、誰に、何が、どの様な、物が、必要を見直ししないとイケナイ日々。 WEBだけの話じゃないけど、印刷物時代では納品して終わっていた仕事が、オイラの場合はNETの世界では納品後が本当の仕事かな、印刷だと、企画・デザインが後で気になっても印刷してしまえば一端仕事としては終わっていたが、WEBは生き物。日々の更新・拡張・変更。 中身が勝負って事をつくづく思う。
    やっぱり、サーバが安定しない。 テスト段階で使っている分には問題ないんだけど、来年の独立を考えると不安だ。 外出中にサーバが落ちてしまったら、Mailも受けられなくなってしまう。 レンタルサーバでMailとWebを任せて、仕事のサイトやテストサイトのみを自宅サーバで運用しても良いんだけど、 やっぱり自宅で全て運用したいし・・・・・。サーバ変更しようかな縲鰀 実は密かに、mac mini にサーバを変更しようか思案中だったりりして。
    やはりxoopsもちゃんと勉強して早い事、cubesサイトを立てなくては・・・・っと思っちゃいるけどなかなか進まないんだよね縲鰀 ツレのxoopsサイトを見るたびに頑張らなくちゃって思うんだけど。 ココで反則技!必殺ズバリ他力本願。 取り合えず、出来合のモジュール詰め込んでそれっぽくするか。って事でモジュールの説明書になる本を買いました。 < 多機能なコミュニティサイトを作ろう!> XOOPS独習マニュアル 4534039565.09._PE0_SCMZZZZZZZ_.jpg レイアウトやxoopsの機能にはほとんど触れていません。モジュール取扱説明書です。 xoops書籍は何冊か出ているけれど、これって言うのが無いんだよネ。・・・オイラの理解力が無いだけって噂も有るけれど。 xoops勉強して早い事、cubesサイトと三水会掲示板作らなくちゃ。自分のサイトや仲間内のサイトだったら色々と実験できるし、そんな事してる間にxoopsが覚えられれば良いな縲怩チて考えてるんだけどさ。 さ縲怺謦」るぞ!!って良いながらblogしたり、仕事の資料や提案書作ったりしてるとナカナカ時間が取れない・・・。トットと仕事片づけるか。
    じゃ縲怩Bまたまた本を買っちゃいました。 XOOPSの勉強しないといけないのに、blog更新にハマってしまった。 どうも、レイアウトがしっくりこないので色々とハックしてみたくなったので、こんな書籍買ってみました。 ズバリ!!「Movable Typeスタイル&コンテンツデザインガイド窶買Rンテンツ管理システム(CMS)ツールとしてのMovable Type活用術&実践サイトデザイン術」なんて長いタイトル。まるで通うサスペンスのようだ、例えば「美人OL探偵3人組。日本海ご当地グルメと温泉三昧。湯けむり謎の殺人事件そのとき・・・・」みたいなものだな。 4839915954.09._PE0_SCMZZZZZZZ_.jpg XOOPSでCMSやれば良いのだけど、Movable Typeが簡単なのでついつい楽な方へ楽な方へ・・・。と良いながらXOOPSに役立つところもあると思って買ったんだけどね。