ちょっと前から、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で色々とギミックを加えていくとjqueryとDD_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/ です。
最近はMTのプラグイン開発やAjaxの動作テストをしているんだけど、ローカル環境にサーバを立てたくなってきた。
別にレンタルサーバでテストしていても良いんだけど、やはりローカルにサーバ環境があれば何かと便利。と言うことで早速サーバ構築なんだけど、簡単な方法としては「使っていないWinマシンにLAMPをインストール」もしくは「MACにMAMPをインストール」なんだけど、それじゃ面白くないので、長いこと使っていないMAC-MINIにFedora11をインストールすることに！！
※Fedora触っていたのは確かバージョン4ぐらいだったか、単にFedora11を触りたかっただけなんだけどね。
MACにFedoraをインストールするのは簡単。
2時間程度でMAC-MINIにFedora11のインストールは完了。あとはサーバの設定すれば良いと思っていたけど、ここで問題が・・・・。
Fedora11にroot権限で入れない・・・・。なぜ？
Netで調べてみたら、Fedora10ぐらい？からデフォルトではroot権限では入れない設定になっているようです。
回避方法は簡単に見つかったんだけどさ。ん～。面倒だな～。
やはりMACにMAMPインストールしなおそうかな。
とりあえず、機能は徹夜だったので今日はここまで。
作る。作ると言い続け・・・・。長い日にちが経ちましたが・・・・。
何とかできあがった不動産物件管理機能付きホームページシステム。
ただ、デモサイト作っただけでは意味がないので、不動産物件管理機能付きホームページの機能紹介のサイトを現在作っております。そうそうドメインも約1年前に取ったまま塩漬けになっているドメインで運用。（この塩漬けドメインがYahooでブラックになっていなければいいが・・・。）
悩んだあげく、とうとう購入してしまった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作成手順
まっ、これだけのことですが、カスタムフィールド追加したときなどのMovable Type管理画面レイアウト管理が非常に楽になるかな？
MTOS4用にオリジナルプラグイン作ったりしていると管理画面に表示したときにレイアウトが悪い。
※これはMTOSに関わらずMT4でも同じで、カスタムフィールドが縦に並べられるだけ。
と言うことで、MT管理画面のレイアウト変更に挑戦！（忘れたときの自分用に記録しておきます、）
main.css（改）で変更した管理画面はこんな感じです。
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からダウン。
レンタルサーバ会社からは一切連絡がなかったので、レンタルサーバ会社のホームページを見るとこんな文言が。
原因：ハードディスクの故障のため、ＯＳの動作が不安定となり停 止しました。
結果：新たにハードウェアを交換しお客様のデータを移行。 正常動作を確認し復旧が完了致しました。
なお障害中のメールについては、順次再配送されます。今しばらくお待ちくださいますようお願い申し上げます。
サーバは回復したと言っているが、どうもおかしい。
と言うのもCGIやPHPが全て動かない。しかもｍａｉｌの受信も駄目。
結果：
これじゃ、仕事に影響が・・・・・。現在進行中のお客さん数社とメールのやりとりすら出来ない。
こんな時でも、レンタルサーバ会社（STEP-SERVER）は問い合わせはメールだけなので、リアルタイムの対策がとれない～。
苦情も入れたお問い合わせを送ったけど、たぶん返事は来週の月・火あたりかな。
オイラのお客さんサイトは全て他社レンタルサーバで運用しているのでお客さんへ直接被害がないことが救いです。
は～。いつになったら、直るんだよ～。
Windows7が数量・期間限定で先行予約販売が始まりました。
いつもなら、新OSは購入するんだけど、今回は見送りかな。
と言うのもVISTAで痛い目にあったしな～ってのが本音です。
VISTAは、もっと普及すると思ったし、お客さんの環境でもVISTA増えてくるだろうと思っていたけど、VISTAは普及しないわ・XPに比べ起動は遅いわ、パッケージや雑誌では表記されていないバージョン制限（出来る出来ない）がある、アプリケーションやユーティリティー・周辺機器のドライバーは使えないものも有るし。
一時は仕事のメイン環境をVISTAにしたけど、そんなトラブルが多く結局はXPに戻したしさ。
※現在VISTAはバーチャルPCで新サイトの動作環境チェックに使うだけの存在。
先日からMovable Type（MTOS）のカスタムフィールドプラグイン製作にはまっています。
ちょうど、仕事の谷間でもあるので、こんな時しか勉強できないからね。
Movable Typeプラグイン製作に必要な参考書はちょっと前に買ってあったんだけど、この書籍が非常に読み難い。
コレは、作者がどうのこうのではなく、編集者の問題だろう。ページ間を行ったり戻ったりは当たり前のレイアウト。しかもページを進むにつれて肝心なところの説明が所々省かれていたり、進行途中の写真も少なく、現在やっていることが正解なのか間違いなのか？とナカナカのMなレイアウトです。しかも気が付いただけで誤植がチラリホラリ。テストで作ったプラグインが動かないので四苦八苦してたら原因は誤植だったりして・・・・。読んでいて、応用して、非常に疲れます。
オイラがNetで購入せずにリアル店舗でこの書籍を手にしていたら、買うかは悩むだろうな～。だって本当に読み難い。（読んで疲れる）コレは作者より編集者の問題だろう。
文字校やレイアウト校正はどうなっているんだ？読者から見るとソースって何？って編集者が編集した感じを受けるぞ。Amazonでの評判でもオイラと同じようなことを書かれている方もいてるしさ。
ただ、書籍の内容としては面白い。MTOSでカスタムフィールドを使えるようにする考え方や、NetでMovable Typeプラグインの作り方が詳しく載っているサイトが無いだけにこの書籍の存在価値は大きいです。
簡単なカスタムフィールドプラグインなら半日もあれば数個作ることは可能です。
ただ・ただ！内容が面白いだけに、この書籍の編集が足を引っ張り、非常に残念なことに。
ま～。そんな愚痴をこぼしながらもプラグイン製作には欠かせない参考書になりました。ただ・ただ・レイアウトが・・・・。（しつこいって）
そうそう、出来れば各プラグイン作成で数パターンの応用例を載せてもらえたら、もっと良いのでは。
一応、例としてサンプルは載っているんだけど現場レベルで必要とされる機能じゃない例もチラリホラリ。あえてプラグインを作らなくても回避出来そうなことをプラグインの例になっている感が・・・・。
インターネット閲覧ソフト「インターネット・ エクスプローラー８」（ＩＥ８）を３月１９日に正式リリースだそうです。
ん～。WEB屋としてはうれしくないぞ。
だって、検証しないと行けない環境が増えるだけじゃん。
だいたい、IE7ってなんだったんだ？
先日から欲しかったAdobe Spryの参考書とSEO本です。
基本からしっかりわかるAdobe Spryプログラミングブックの中身はタイトルのままで「Spryの基本＆JavaScriptの基礎」です。adobeサイト見れば載っているようなことが書かれていますが、個人的には買って良かったぞ。
確かにadobeサイトやSpryについて書かれているBLOGで情報探したり、英語サイトが読めれば買う必要はないんだけど、Netで情報を探す手間が省けて日本語に翻訳された参考書と考えれば納得できる。本屋で見つけたら間違いなく購入していたぞ。Spryってなんだ？って方にはお勧めできる内容です。
ただ、この手の書籍の問題点が・・・・・・。それはオイラの住んでいる地域の本屋さんには置いてないんだよな～。
そして読み手のレベル（スキル）で本の評価が全然変わってしまう。
オイラにはピッタリの内容だったけど、スキルの高い人には全くの無駄銭になることも・・・。微妙です。
Amazonなどで評価を見ても新刊はナカナカ評価が付いていないし、本屋には置いていないのでNetで買うときは半分賭です。今までに技術書をAmazonや楽天BOOKで購入しているけど何度か購入して失敗したことも。
Movable Typeをversion 4.24にアップデートしました。
今までは個人的なBLOGや仕事サイトは4.1を使っていたんだけど、Movable Typeがバージョンアップするごとに微妙にタグが変わったり・追加されたりで、仕事で新規サイト建てるときに最新バージョンのMovable Typeをカスタマイズする時に戸惑うこともシバシバ。
やはり、仕事で使うからには勉強もかねてテスト環境を作っておかないとね。
と言うことで、このBLOGも含めて最新バージョンの4.24へアップデート。
日本語ドメインサイトのTOPページにちょいと加工施しました。
今までは、TOPページ読み込み毎にイメージ画像をランダムに表示してましたが、今回の加工で5種類の画像をフェードイン・フェードアウトに変更。
使ったツールはjQueryとjQueryライブラリのプラグインInnerFadeです。
Flashを使えば何てことはなく簡単に出来る事だけど、アンチFlashとしてはどうても自社サイトにFlashを使いたくなかったのさ。
そうそう、単に画像がフェードイン・フェードアウトでは面白くなかったので、画像毎にリンク先を設定できるようにしています。
Flashを使わずにフェードインフェードアウトが、どんな感じかはこちらをご覧ください。
1週間前に公開した自社サイト（日本語ドメインサイト）。
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へ仕事ご発注お願いします。
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では残念ながらドメインを打ち込んでも検索されない状態ですが・・・・。とほほ
日本語ドメインがSEOで、どの程度の効果があるか実験するためにサイトを作りました。
作りましたと言っても、実は3～4ヶ月掛かってたりして・・・。色々と仕事やプライベートなことが忙しかったもので空き時間にチョコチョコ手直ししながらって感じです。
実はまだ、制作実績ページは手つかずの状態で公開だったりして。
日本語ドメイン以外にも試してみたいSEO方法があったので、Movable Typeテンプレート制作段階で埋め込んでみましたが、さてさてどんな結果が出るかな？
昨日の晩に公開したところだから、まだYahoo・Google共にクローラーが回ってきていないので検索サイトにドメイン打ち込んでもサイトが表示されない悲しい状態ですが、一ヶ月後にどんな状態になっているか楽しみ。
そうそう、日本語サイトのURLはホームページ作成大阪.comです。良ければ一度見てやってください。
ショッピングサイトの勉強用に参考書を購入。
今まではレンタルサーバに標準でついていたカートシステムでテストサイト作ったり、Zen Cartを弄ったりしていたけど、何だかな～って感じで段々と触らなくなっていたんだけど・・・。
テストショッピングサイトを触らなくなった理由は簡単！
3番目で書いたオープンソースだけど、EC-CUBEって国産オープンソースが出ているのは知っていたけど「手を出すには早いかな～」って感じがして放置していたんだけど公式ガイドブックも出たことだし勉強しますかって事で、今回は参考書を購入。
EC-CUBEになかなか手を出さなかった理由は、
上記のことは時間が経てば解決することなんだけ、一番気になったのが国産オープンソースっことです。
国産のメリットは「開発スタッフが日本人なので日本のニーズにあったシステム構築」「コミュニティーが活発になりやすい。」って事が非常に大きなメリットなんだけど。
気になるのが国産オープンソースCMSで有名なZOOPS事件。
ZOOPSは色々なゴタゴタで開発者・コミュニティーが分裂してユーザーが振り回された事があっただけに・・・。EC-CUBEも同じ結末にならないことを願うけど。
オイラはあのゴタゴタで結局zoopsを使うのを辞めてMovable Typeへ移行したんだけどね。結果的にMovable Typeへ移行できて良かったと思っていますが。
EC-CUBEは、ゴタゴタもなく育ってくれれば良いんだけどな～。
現在作成中の新しい自社サイト。
以前から、CSS処理で気になっていたことが・・・・。それはFireFoxだけで表示されることなんだけどさ。
たとえば上部画像で言えば、「無料見積り」ボタン箇所。これはHTML上ではテキストなんだけど、cssで画像に切り替えて表示。
ただ、テキストを消すことができないので、cssにtext-indent: -99999pxと指示を入れて画面の外にテキストを飛ばして表示されないようにして居るんだけど。
FireFoxでこのボタンをクリックすると
このように、ボタンからtext-indent: -99999pxを指定した為にボタンから左側にかけてミシン罫のような物が表示される。
今までは、FireFoxだけで表示される現象で気にしていなかったんだけどね。
※理由は、アクセスログを確認してもFireFox訪問者は少ないから。
だからと言って放置しておくのはプロとしてはいかがな物か。と言うことで色々と調べてみたところ回避方法が見つかりました。
回避方法はcssに overflow:hidden と追加するだけ。では追加した状態でどうなるかというと
このように、「無料見積り」ボタンの周りだけにミシン罫が表示されるのでスッキリ！
IE6移行ではミシン罫が表示されないので、あくまでもFireFox対策だけどね。
そうそう、今となっては意識しなくて良いかもしれないけどIE5.5？IE5？では overflow:hidden を指示するとボタン自体が機能しなくなるらしいので注意してください。（動作確認できる環境がないので未確認です。）
Virtual PC 2007ですが、多少動きがもたつくのでメモリ設定を変更しました。
デフォルトの設定ではメモリ容量が少ないので512MBに変更。（オイラの場合はIE6がスムーズに動けばいいので512MBです。）
設定変更の方法はVirtual PC 2007を立ち上げるとVirtual PC コンソールってちっちゃい窓が開くのでエミュレーションOSを立ち上げていない状態で設定ボタンをクリックするとエミュレーションOSの設定画面が開きますのでメモリ項目で必要な容量に変更してください。
512MBに変更後の動きですが、ファインダーもかなり動きが軽くなりました。非常に満足！！
あと、エミュレーションOS（オイラの場合はXP）とリアルOS（オイラの場合はVISTA）ではデフォルト設定ではファイルのドラッグアンドドロップやマウスがOS間をシームレスに動かすに事が出来ないので、操作性を向上させるためにバーチャルマシン追加機能のインストール/更新を追加します。
ものの数分でエミュレーションOSとアルOSでファイルのドラッグアンドドロップやマウスがOS間をシームレスに動かす事が可能になります。
そうそう、デフォルトで出来たのか不明ですが、エミュレーションOSとアルOSでクリップボードが共通ですので、VISTA上でコピーしたテキストをXPへペーストも可能です。
とりあえず、仕事する上で作業効率が向上されました。
VISTAをメインで使っているWEB屋さんにはVirtual PC 2007 はお勧めアイテムですよ。
最近は各クライアントさんのアクセスログや自社サイトのアクセスログを見ると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。 
かれこれ数ヶ月前から、空き時間に制作している裏自社サイト。
Movable Type4実験、日本語ドメイン実験、SEO実験のために制作していますが、前々からやってみたかった事が・・・。
それは、Movable Type で小カテゴリー追加したら自動でカテゴリードロップダウンメニューに反映 ＆ カテゴリーによっては小カテゴリーではなくエントリーを反映。
とりあえず、カテゴリーに小カテゴリー追加したときのメニューは問題なく完成。
ただ、それだけでは芸がないので、またしても半透明プルダウンに。
ただ、メニューが読みにくい・・・。透明率の数値を色々触っているが、まだしっくりこない。
でも、マウスオーバー次には読めないことも無さそうなので、しばらくはこのまま行ってみるか。
以上で埋め込みは完了。
あとは記事（エントリー）にThickboxを使用したいときは下記ソースを使います。
<a href="拡大画像階層" class="thickbox" title="拡大画像で表示させる文字"> <img src="元画像階層もしくはテキスト" title="お好きな言葉" /></a>
GWは映画見ていただけじゃありません。
Movable Type4.1の参考書関係も充実してきたことだし、ちゃんと勉強もしてたんですよ。
Movable Type使いで有名な方々の書籍ですが、書籍によって同じ結果を吐き出すにも途中（ソース）が違う方法が載っていたりしておもしろい。
そして、今までのMovable Type書籍に多かったインストールからの入門者書籍ではなく、あるていどMTを使っているユーザーに対しての情報が多いので自分に合った方法を試したり「あ～こんな方法があったのか」なんて発見があったりして。
久々に読み応えのある書籍群。Movable Type使いの方にはおすすめですよ。
そうそう、VISTAではOfficeXPが未サポートと言うかトラブルが出ているユーザーが居てるらしい。
オイラが使用しているofficeは未だにXPだけど、VISTAを使うにはofficeもバージョンアップが必要か・・・。金がかかる。
OpenOfficeを考えたけど、Office2007バージョンアップの価格が安い間に買っておくのもアリかな。
先日、ヨドバシ梅田まで書籍を買いに行ったけど店頭には売っていなかったので、結局はamazonで購入。
SEO対策に関してだけど、何が正解なのか・・・。基本は理解しているんだけど、ここ最近ではYahooやGoogleのアルゴリズムも変更されているので最新の情報を把握するためにも書籍を購入。
NETでSEO対策情報は追っかけているけど、サイトによってはスパム扱いになると書かれていたり大丈夫と書かれていたり。
どうもアルゴリズム変更に伴い、都市伝説のようなSEO対策情報が・・・・。
テストサイトでもSEO試しているけど、一番効果があるのは外部リンクとディレクトリー型への登録かな？
ただ、いつまで効果があるのかは未定だけど。
一度、SEOしすぎてスパムサイトと判定された過去があるだけに慎重にしなくては・・・・。
そんなためにも今回は書籍購入したんだけどね。
やっと届いたMovable Type4アップデート版。
たしか去年のクリスマスに注文したはず。
あまりの遅さに宅配が届くまで、すっかり注文していた事すら忘れていた。
去年末には今年中に届くのかと思って何度か電話はしたけどサポートセンターはいつも話し中で繋がらない。
相変わらず、お金だけ先取ってサポートが悪いソフトバンク。
勉強資料が届きました。
資料（書籍）は、やはりCMS関係です。
Movable type4の書籍は購入しようか？止めておこうか？悩んだけど結局は購入。
だってさ、Movable Type4はヴァージョン3.xに比べ機能がチョコッと変更されているけど、そのチョコッとで悩む事がしばしば。
どこで悩むかって言うと、一部ページを動的に生成したいときの方法など。
Netで調べれば簡単に解るんだろうけど、他にも調べたい事が出てくるのじゃないかと思って、とりあえずMovable Type WEBデザインの新しいルールを購入決定。
内容は、入門者用です。インストールの仕方から始まって使い方、デザインのいじり方のさわり部分。カスタマイズを考えている方には向かないかも・・・・。
※tipsネタはほとんど無いかな？個人感想です。
次は、WebクリエイティブのためのCMSツールガイド。
内容は名前のまま。いろいろなCMSのツールガイドです。
このCMSはここに強い、ここに弱い。と言った情報からインストール、使い方の説明です。
とうぜん、320ページで8つのCMSを紹介しているので、突っ込んだ内容は載っていませんが、このサイトにはこのCMSって資料には十分です。
作者エ・ビスコム・テック・ラボ氏の書籍は個人的には非常にわかりやすいので大好き。
この書籍もNetで調べれば解る事だらけだけど、
先週から一般公開したトライクサイト。 クライアント様からは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まで。
最近では、新しいサイトのお仕事は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を弄っていこうって方には、解りやすい参考書になると思いますよ。
早速、テスト環境構築だけどイントラ環境に作りたかったので、MacBookにMAMPをインストール。
これで、いざ外に公開の時にはDDNSで外からアクセスできるようにすれば良いし。
打ち合わせへ出向くときにはMacBookでネット環境が無くてもプレゼンできるぞ。
そうそう、MAMPでテスト環境作ってParallels DeskTop for Macで動作確認できるかテストしたところ、全然問題なし！！
これで、MacBook1台でサーバとクライアント環境が構築できて、しかもMacでの動作確認、Winでの動作確認が可能になりました！！！
実はこれを狙っていたので、ATOK 2007 for Mac+Windowsを購入したんだけどね。
以前はMovable TypeにLightBoxを組み込んでいた時も有ったんだけど、LightBoxは画像が多くなるいつれて重たくなってしまう。
それに比べThickBoxは動作が軽い。書き込むソースが簡単。それ以外にもThickBoxでやってみたいことが有るので、今回はWordPressにThickBoxを組み込んでテストをすることに。
ただ、ThickBoxはLightBoxに比べ軽いけど、何だか画像を表示するときにカクカクした動きになるのが気に入らない。
この動きも数値を変更するなどで動きがスムーズになるかも・・・・。テストしてみなくては、今後の課題と言うか宿題だな。
仕事が空いたときしかテストできないので、いつになったら気に入った動きが出来ることやら。
■ホームページ仕様
Blogの定番。Movable Typeにて構築、ビジネスBLOGにて更新レスポンスを重点にシステム構築。ｘｈｔｍｌ・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の定番。Movable Typeにて構築、ビジネスBLOGにて更新レスポンスを重点にシステム構築。ｘｈｔｍｌ・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 Type４をMacbookにセットしてスタンドアローン環境を構築。
と言いながらも、来月末までスケジュールがパンパン状態なので書籍を購入したところでStop。
さ～10月からの勉強になると思うけど、オイラのモチベーションが何処まで持つことか。
おかげさまで、来月には16本新規サイト。進行中のサイト1本を公開しなくちゃいけない。
ありがたい限りです。
さ～、胡坐をかかずに日々勉強。
おいおい。単にYahooのNewsページだよ。一瞬偽装サイトかと思ったけどYahooのTopページから進んでいるし・・・。
どうも最近は、ウイルスバスターのアップデートをしてからNetへのつながりが悪い。ウイルスバスターが落ちる。
みょう～にウイルスバスターにストレス感じていたところで、今回の意味不明なポップアップ。ちょっと笑ってしまった。
自分のサイトで、「危険サイト」ポップアップが出てこないか、チョッと期待してたりして。
この2日間異常に迷惑コメントが。
一日に250～300程度の迷惑コメントが届きます・・・。とほほ。
Movable Typeでは、迷惑コメント/迷惑トラックバック防止プラグインが多数あるけど、WordPressはネットで探して見てもコレといったプラグインが見つからない。（探し方が悪いのか？）
チマチマとスパムを削除するのも疲れたので、WordPressで有名なスパム防止プラグインAkismetをインストールしたけれどヤッパリ多少はスパムが弾かれずに届きます。
何かいいプラグイン無いかな～。
先日に続き、今回もFireFoxの小技ネタ。
WEB関係の仕事をしていると、ブラウザーでの動作チェックが必ず必要。最近は古いIEの動作チェックは余り言われなくなったけど、変わりにFireFoxでの動作チェック依頼が増えてきている。
個人的にもお馬鹿なIEよりFireFoxが好きなので、簡単なサイト製作段階ではFireFoxで確認しながら作って最後にIE用に微調整したりするんだけど。案件によっては製作段階でFireFoxとIE6/7で確認しながら作るのですが、ゴチャゴチャとモニター上にアプリが立ち上がるのは好きじゃないので、僕はもっぱらFireFoxに”IE TAB”と”IE View”を入れています。（拡張機能です。）
GmailやYahooメールを使っていると、メールが届いているのか確認する事が段々と面倒になります。（あ～マスマスぐうたらになっている）
そこでFireFoxの便利なプラグインを発見。なんとウィンドウの右下にGｍａｉｌとYahooメールが届いたらお知らせしてくれる優れもの。
Gmail Notifier と Yahoo! Mail Notifier です。ネットで検索してもらうと直ぐに引っかかりますよ。
IDとパスワードを設定しておくだけで、FireFoxを立ち上げている間はバックグラウンドでメールチェックしてくれているので、新着があるたびにメールアイコン横へ届いたメール数が表示されます。
しかもアイコンをダブルクリックでメーラー画面に切り替わるので打ち合わせ途中でも何気なくメールチェック出来たりと、ナカナカの優れもの。
GoogleがBlog専用検索を開始しました。（まだ、ベータ版だけど）
早速使ってみた感じは、いいじゃん！
投稿日時（1 時間以内、12 時間以内、1日以内、1週間以内、1か月以内、指定なし、日付を指定）で絞込が出来る。
今までは、サーチサイトでキーワード入れて検索しても、ナカナカ欲しい情報が出てこなかったけど、Blogから絞込が出来るのは非常にありがたい。
たとえば、購入を考えている商品を使っているユーザーの声が簡単に検索できるとかネ。
ん～ん。ますますNETでバイラルな使い方がすすみそう。
ただ、ビジネスBLOGが引っかからないのが気になるな～。
どうんなアルゴリズムでBlogを判断しているのだろう？
RSS、ATOMで判断なら、ビジネスBlogサイトも引っかかるだろうし。
仕事に使うには、もう少し情報を探さないと駄目だな。
先日から仕事には使っていた半透明プルダウンメニューを、このBlogには反映しました。
ただ、プルダウンが解りにくい・・・。
しかも、メニューが目立たなくて、メニューと解りにくい・・・・。
デザインを考えなくちゃいけないな。
先日から、このBlogと仕事サイトのPageRankが3に上がっていました。
ただ疑問が・・・・。
64bit版VistaにはIE7が二つも入っていた。
よく見ると64bitと付いている物と付いていない物。
たぶん32bit版のIE7かな。なんで2種類も入れるんだと思っていたら理由がわかりました。
Safariでは半透明が反映されない事は前回の記事で書いたけど、補足が抜けていました。
プルダウンのCSSは「z-index]の値を付けないと前面に表示してくれません。
※z-indexはレイヤーの考え方と同じです。
ただ、ここで問題が・・・・・。
上記のFireFox画像でイメージ画の上に半透明を使っていますが、このイメージ画をFlashで動かそうと思ってFlash画像を配置すると、半透明プルダウンがFlash動画の下に入り込んでしまいます。
一応、メニューのボタン機能は生きてはいるのですが、プルダウンがFlashの下に入り込んでいるために何を選んでいるのか解らない・・・・。ショック。
以前に、Google Analytics記事を書きましたが、
Google Analyticsはアクセスログを詳しく調べられるから楽しい。
しかも無料だし。
クライアントさんにも進めていますが、突っ込まれた質問だと答えられないことも・・・。
と言う事でGoogle Analyticsではじめる儲けるためのアクセス解析術購入しました。
先日から、テストしていたMovableTypeプルダウンメニュー
JavaScriptとCSSだけでFlashモドキの事が出来ないかテスト。
プルダウンメニューだけなら面白くないので、チョッと手を加えて半透明プルダウンにしてみました。
これが、今年の8月だと
I E・・・・・・・・・49.8％
FireFox・・・・・42.4％
Safari ・・・・・・・2.1％
これが、2006年8月だと
Win・・・・・・・・・91.4％
Mac（OS-X）・・・6.9％
Mac（OS-9）・・・0.8％
やはり、マーケットと同じくMacのシェアが低い。アタリマエカ
最近ではMacネタの書いてないから余計低い結果が出てきてる。
MovableTypeのBLOG内検索は打点等が入ると文字化けが発生。（UTF-8だから？）
と言うことで、マイ・ブログ明日も天気にな～れの検索にGoogle機能を埋め込みました。
ただ、ここでも問題が・・・・。
今回は、悪名高いInternet Explorerの印刷機能テスト。
今までのInternet Explorerは用紙内に収まらないバグ？がず～っと続いてましたが、やっとInternet Explorer 7でMacのブラウザーのように用紙内に縮小されて収まるようになったようです。
こんな感じですね。では、ATOMは？
ん～ん。FireFoxに慣れているから、プルダウンで情報が出る方が使いやすい気がするんだけど。
コレだったら、サイト見に行ってるのと同じだし・・・。
使い慣れると、また変わってくるのかな？
自社サイトをRSS2.0/ATOM化しました。
今後はInternet Explorer 7もRSS対応になるのでやっておこうかな？って感じです。
とうとう、Internet Explorer 7にアップデートしました。
※今後はInternet Explorer 7での動作チェックが必要になるだろうし。現在作っているサイトはInternet Explorer 7で問題なく使えるかテストをしておきたかったので。
仕事にメインで使っているGT4014jをアップデートするのは怖いので、とりあえずHPのノートパソコン nx6120CTでテスト。
OS X Serverをイントラ内で運用しているが、まだ本格運用できていない。
Movable Type3.2のインストールは成功したけど、どうもMysqlが上手いこと動かない。
別にMovable Type3.2はMysqlじゃ無くても良いんだけど、ちょっとムキになってます。
DBDソケット、DBIソケットは何とか出来たんだけど、どうもhttpd.confの編集が必要みたい。
Mysql自体、よく理解できていないから、いい機会だと思って、このMySQL入門以前を買ってきました。
amazonでも★★★★★星５。しかも知り合いからもお勧めされて。チラッと中を見るとMacでのMysqlの設定もしっかり乗っている。
第一、ネーミングがよい！！MySQL入門以前。入門書は色々と売っているが、この本はタイトルが入門以前！！
早速帰って、OS X ServerでMysql設定するぞ！！って思っていたのに、もう2時間もblog記事書いてる俺って・・・・。
ブログユーザーのためのRSS徹底活用ガイドを買いました。
最近、仕事でWEB2.0の思想・概念であったり、段階的にWEB2.0の考え方を取り込んで行こうって話になります。
じゃ、実際にWEB2.0って？なるんだけど、簡単にRSSって言ってるけどRSS1.0とRSS2.0の違いを明確に答えられるか、どの様に仕事に取り込めば良いんだって言うと・・・・。判りません・・・・。
勉強しなくちゃって事で早速購入縲怐B
レイアウトやxoopsの機能にはほとんど触れていません。モジュール取扱説明書です。
xoops書籍は何冊か出ているけれど、これって言うのが無いんだよネ。・・・オイラの理解力が無いだけって噂も有るけれど。
xoops勉強して早い事、cubesサイトと三水会掲示板作らなくちゃ。自分のサイトや仲間内のサイトだったら色々と実験できるし、そんな事してる間にxoopsが覚えられれば良いな縲怩ﾁて考えてるんだけどさ。
さ縲怺謦｣るぞ！！って良いながらblogしたり、仕事の資料や提案書作ったりしてるとナカナカ時間が取れない・・・。トットと仕事片づけるか。
XOOPSでCMSやれば良いのだけど、Movable Typeが簡単なのでついつい楽な方へ楽な方へ・・・。と良いながらXOOPSに役立つところもあると思って買ったんだけどね。
OS-XのIEでも同じだった～。
OS-XでMT作業の時にはFirreFoxのみか。そういえは
プロフィール
ホームページ制作・デザイン・印刷、お問い合わせは全国から承っております。
Blogネーム：キューブス［CUBES］
職業：デザイナー（SOHO）
性別：オトコ
2006年から独立。
MacからWin、 そしてLinux使い。ちょっと変なデザイナーです。
DTPとWEBをメインに頑張っています。
仕事紹介サイト
検索
このアーカイブについて
このページには、過去に書かれたブログ記事のうちNetについてカテゴリに属しているものが含まれています。
前のカテゴリはKing of 物欲です。
次のカテゴリは乗り物です。
最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。