最近地図ばっかり作っています。
子供の頃から地図を眺めてぼんやりするのが大好きだったので、とても楽しい作業です。

ところで、地図を作るうえでいつも考えるのは、北が上の地図にするか、目的地を上にした地図にするかです。

最寄り駅が複数ある場合や、他の乗換駅などとの位置関係を明確にしたい場合は北が上の地図が、
最寄り駅がひとつしかない、お客様の動線が一つしかない場合などは、目的地が上のほうがわかりやすいと思います。
駅前に設置された地図などは、一定の方向を向いていることを前提にしているので、後者が多いですよね。

…が、私はこの親切ローカルサービスの後者の目的地が上の地図に何度も惑わされているのです！
地図は北が上、という先入観のまま、地図を信じてあらぬ方向に旅立ったことは数知れず。
カーナビも常に北を固定にする派、目的地が上の地図はひっくり返してみる派です。
（ベストオブ迷子になった地図は東京の浅草橋駅東口の地図です）。

逆に、良いお店を見つけた時など、母に地図を書いて渡すのですが、
目的地が上の地図を書かないと、母は絶対迷子になって、
「お前の地図はわからん」といって交差点ごとに電話がじゃんじゃんかかってきます。

あなたはどっち派！？

サイト制作時、地図制作を掲載される場合には、ぜひどちらのタイプがよいかのご希望をお聞かせください！

3月末についに日本でもIE6・7から最新のIE8・9へのアップグレードが、Windowsアップデートに含まれました。
日々CSSの解釈のバグやセキュリティ問題で頭を悩ませ続けてくれたIE6・7を憎む同業の皆様の待ち望んだ日がやっと来た！！

…と喜んだのですが、複数サイトのアクセス解析の結果を教えてもらったところ、現状殆ど変わらないですね！！！！！！！！
IE6でシステムを組んでいる企業の方なども多いのでしょうか。

IE6がなくなると、セキュリティの向上や、CSSの解釈がおかしいIEを考慮したコーディングの手間が減らせるのはもちろんですが、
10年も前から憧れだった透過PNGが、ついに気楽に使えるんです！

ただ、IE7・IE8もなんかおかしいみたいで、フルカラーの透過PNGにalphaをかけると、
半透明になっている部分の背景が真っ黒に！という現象があるようです（IE9は大丈夫）。

これが…

↓

ギャーッ

WindowsXPの最終バージョンのIE8が残っている限り、結局CSS3は使えないし、
制作現場レベルでは、「IE6消滅して！」が「IE8消滅して！」に入れ替わるだけって知ってる。

WordPressの投稿をFacebookにも同時投稿してくれる便利プラグインWordbooker。

試しにスタッフのアカウントで投稿してみて、さあ本番の設定に変更…と思ったところ、あれれ、もしかしてアカウントを変更する機能がない？一度プラグインをアンインストールして再インストールしても、データベース上にアカウント情報が残りっぱなしになっているようで無意味でした。

考えるのをやめ、ユーザーデータをデータベースから削除（思考停止）

ないってことはないと思うんですが…見落としてるんでしょうかねー。

みんな大好き、a:hover imgにopacity・alphaを指定して、お手軽に画像のロールオーバーが作成できるアレの件です。
このホームページでもふんだんに使用されております。

最近、マシンをWindows7の新しいのにしまして、問答無用で最新のFirefox10（10.0.2）をインストールしたのですが、挙動がなんだかあれあれ？

▲カーソルを合わせると、一瞬ちらっと背景が真っ黒になる、ふしぎアニメーションが発生してしまう。

背景色を指定してあるものは大丈夫だったので、
要するに何でもいいので、背景色を指定するだけで回避できるようです。

a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
}

↓

a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color:#fff
}

Firefoxさん的に「半透明にしろっていわれたけど、基準にする色が指定されてないからとりあえず黒背景にしときました！」って挙動なんでしょうか。
不具合なの仕様なの？
同時期に同じPCに慎重して最新のFirefoxをインストールした隣席の甲斐くんは、いつの間にやら直っていたなどというし、はてな？

現在オブ･ユースサイトをリニューアル兼お引越し中なので、
ＰＣのＨＯＳＴＳファイルに新しいサーバーのＩＰとドメインを指定したのですが、
ブログを更新しようとしたら新しいほう表示されてしまい、
今日ブログ更新できないじゃん！と気づいた木曜原です。
仕方ないので別ＰＣからログイン。

リニューアルもついに佳境に入っています。
デザインやコーディングができていくのをただニヤニヤしてみていた私ですが、
今回はＣＭＳ化が私の担当なので、今度は皆から「マダデスカー」とみられる立場になります。
頑張りますよ！

※ちなみに先週やってた社長ブログは没になって２稿目をあげましたので、まだ決まってません。

このヘッダーと背景色だけ差し替えたスタッフブログと同様、社長ブログもWordpressデフォルトのTwenty Tenで放置をかましていたのですが、ついに社長からやんわり刺されまして（http://www.ofuse.jp/blog/archives/53）、やっとこさ重い腰を上げた次第です。社内のことは、日々の業務の中でつい後回し後回しで放置してしまっていけません。

社長ブログはFacebookや社長個人のおつきあいからお越しになる方が主になると考えられますので、オブ・ユース全体から切り離したデザインで、単独コンテンツとして運営していこうという方針で決定していました。そのため、別サイトとしてデザインをがらっと変えるため、社長に簡単なヒアリングを行ってきました。

まずはインストール済のWordpressについて足りない点はないかの確認。このスタッフブログについているようなFacebookボタンやTweetボタンを提案しました。他に絵文字のプラグインなど、希望はないかと確認すると、全くないということなので、基本的な形は今のままいくことに。

次はデザインについての希望を聞きました。ブログに対するイメージをとりあえず列挙してもらいましたが、

• 親しみがある
• 温かい

という話になったので、暖色系を使った柔らかい、優しいデザインでいきましょうという話に一瞬なったのですが、

• かっこいいの
• クールなの

とか突然つぶやきだした社長。

黒などを基調にしたり？親しみと正反対の方向かも、と確認してみると、社長はうーんうーんと考え込みだし、結局以前作ったハードボイルドっぽい似顔絵を使って、それ路線で進めることに。

その昔、ホットでクールに！といわれて頭を抱えたのを思い出しました。

なんとなくイメージが固まった（…か？）ので、デザインのラフ（ラフといいつつ、ほぼ100%レベルで作り込むオブ・ユースの慣例）をあげる作業にとりかかります。次回の自分のブログの番までにデザインが決まっているといいなあ。

さて、前回はホームページ制作の話から反れてしまいましたが、今回は、続きを書きます。

【2.ホームページ制作の打ち合わせ・ヒヤリング】でお客様と我々の認識が合致し、ホームページの方向性が決まったら、次に構成案とお見積り書を提示いたします。

■構成案とは？
構成案とは、ホームページを制作するに際に、俯瞰して構成を把握する事のできる、設計図のようなものです。弊社では、サイトマップとワイヤーフレームを使い確認していただきます。

【サイトマップ】
先ず初めに、お客様のご要望を取り入れつつ、弊社が現状一番最適と思われるサイトマップを作成します。
上図のように、ツリー状に各ページの遷移が分かる図となります。

【ワイヤーフレーム】
次に、ターゲットとなる閲覧者の見易さを考慮しながら、ページ内の構成図を作成いたします。
下図のように、「ワイヤーフレーム」には、デザイン要素が入っていませんし、この時点で提案する内容は大まかなラフとなります。

※現在、サーバー契約やドメイン取得など行われていない場合は、弊社が代行いたしますので、ご安心ください。

上記2つの構成案を元にお見積り書を作成し、お客様へ提示し、ご検討いただきます。

【4.ご発注】
3で提示したホームページ構成案・お見積り書を確認いただき、納得いただけましたら、正式にご発注していただきます。

どうも、土曜担当の丸山です。
先週に引き続き、ホームページ制作のフローについて書いていきます。
第二回目となる今回は、「打ち合わせ・ヒヤリング」について書こうと思います。

実際にお問い合わせや見積もり依頼をいただくと、私からメールなり電話なりでコンタクトをとります。
本来、ヒヤリングシートを用いて、お客様のご要望や、弊社がホームページ制作するにあたり必要な情報を書面で書き起こしていくのが定石なのですが、弊社では今の所、決まったヒヤリングシートがありません。。。

今まさに作っている真っ最中でございます。

ヒヤリングシートは、お客様のご要望を簡潔にお伝えいただく手段として、記載していただきますが、そのままご要望の通りにまとめるだけでは、ホームページ制作の会社にお願いする意味が薄れてしまいます。我々はお客様の主観とは違った視点で、ご要望を見直し、最適と思われる方法をご提案いたします。その為にも、ご要望を簡潔にまとめられるヒヤリングシートは必要なのです。
※現在までは、ヒヤリングシートを用いていませんが、お打ち合わせの際にお聞きする内容と同じです。

また、ご予算が決まっている場合は、この段階にお知らせいただけますと、ご提案内容とお見積もり金額の差異が少なく、以降の進行がスムースになりますので、よろしくお願いいたします。
ホームページ制作は、やりたい事が後から増える場合が多いのですが、先ずは、ホームページを制作する事で達成したい目的を見定め、その目的に応じたご提案を我々は行います。

また、本来はお会いしてお話をうかがいたいのですが、地域によっては、メール又はお電話になる場合もあります。

どうも、土曜担当だったハズの丸山です。

ここ1ヶ月ほど、オブ・ユースコーポレートサイトのリニューアルを社内で進めています。

そこで、ホームページを依頼され納品するまでのフローをまとめる機会がありましたので、このブログに投稿する用に違ったテンションで10回に渡って紹介していきたいと思います。

べ、別にネタに困った訳じゃないですよっ

【1.お問い合わせ】
先ず、ホームページ関係で気になる事があったり、悩んでいたり、思いが溢れすぎてまとまらなかったりした際は、オブ・ユースまでお問い合わせください。
メールフォームからでも電話でも、コンタクトの取り易い方でOKです！

では実際、どんな内容のお問い合わせが多いのかと言いますと。
・10ページ程度のホームページを作成するならいくらですか？
・○○関連の商品をWEBで販売したいけど、いくらでできますか？
・会社のホームページをリニューアルしたいので、相談にのってほしい。
その他に、多いのがSEOや、CMS導入のご相談です。

要するに、ザックリした要望があるけど、費用がいくらなのか気になる方が多いようです。

WEB関連の仕事をしている人以外で、ホームページを作り慣れてる人が多いわけがありませんので、疑問や不安も多いのは当然ですよね。
費用に関するお問い合わせが多いのも納得できます。
なので、その不安を解消する為に、概算でも見積もりが欲しい方には、このタイミングで概算お見積り書を作成する場合もあります。
ですが、通常は、お会いして詳細に要望をうかがってからの見積りとなります。

次回は、ホームページ制作の打ち合わせについて投稿します。