zipang web blog｜日本のWEBは面白い！使って楽しむWEB体験記。

本日付（？）の「にほんブログ村」の「Webデザインブログランキング」で初めて１位になりました...。
↓の「blog rank」バナーをクリックしていただいた、皆様のおかげです。感謝感謝感謝...。

引き続き（なんとかネタを見つけ出してｗ）、ブログを綴っていきますので...何卒ご愛顧の程お願い申し上げます。

さて、その問題のネタなんですが...大汗。

今日は「修悦フォント」のご紹介。
（え？もう知っている？...orz）

ボクは生粋の名古屋人なので、東京（関東地方）の事はよくわかりませんが...日暮里駅で何やら工事をしている模様...。その工事中の案内標識や、迂回路の案内図をガムテープを使った独特のフォントで案内している「警備員さん」が居ます。

その方の名は「佐藤修悦（さとう・しゅうえつ）」氏

その佐藤氏がガムテープで作る「修悦フォント」...実に素晴らしい！！
クリエイター魂を感じます！

独特のフォルム、デザイン...そして、妥協しない確固たる仕事に対する実直な姿勢ｗ
こんな人こそ「警備員ではなく、クリエイター」になるべき人だと思います。

いや、「だから警備員をしている...」というスタンス（生き方）に惚れました。ｗ

多分、普通の警備員なら工事中の案内はせいぜいスケッチブックにマジック一本（一色）で「１番ホーム⇒」とだけ書き記すのが関の山...だと思いますよ...ええ。いや「⇒」マークすらも書かないな...多分。

それを、時間を掛けてあそこまでクオリティアップを図るなんて...マジヤバイｗ

「そこまでやる必要あるの？」と人は思うかもしれない...。

そんな事を言ったら世の中に存在するデザイン全て、「そこまでやる必要あるの？」って事だよね。
（すんごい極論ですがｗ）

ガムテープの切り口は直角です。

それを、わざわざカッターナイフでカーブを演出...。
そして、文字が「かもし出す特長部分」を「長く」したり「太く」したり...。

この国が定めた道路標識のフォントとは違った「アンオフィシャルさ」が、人々の道に迷いたく無いという意識に自然と訴えかけ、そして印象に残っていく...。

ボクはありえないほどの「方向音痴」ですが、ここまでインパクトある道先案内を目の当たりにすると...もっと道に迷うかもｗ（え？）

そんな佐藤修悦氏が個展を期間限定で開催しています。
是非、東京近隣の方...見に行ってみてはいかがでしょう。（ボクも行きたい！！...でも遠い...汗）

個展情報はこちら↓【　トリオフォープレゼンツ／佐藤修悦作品展　『現在地』　】
http://trio4.at.infoseek.co.jp/info/

また、そのドキュメンタリー映像がYouTubeで流れていましたので↓にはっつけときます。

...まだまだ、「修悦フォント」に関するYouTube映像や関連ブログは沢山あります。
「佐藤修悦」（敬称略）でググってみると面白いかも？

さて、既にネタ切れ必至な著者zipangなんですが...今日もギリギリ（アウトｗ）な状態でブログを綴ってみます...orz。

今日はWEBというバーチャル社会は意外とリアル社会なんです...ってお話。

皆さんはお盆休みは楽しかったですか？
社会人にもなると、一年の内に数回ある少しの長期休暇はタカラモンですよね...。

年末年始休暇、ゴールデンウィーク、お盆休み（夏季休暇）...。
ボクはレンタルビデオ屋のゲオ名和北店でフリーターを約３年（20歳～23歳）経験していますので、当時はある意味「毎日が日曜日」状態でした。とはいえ、フリーターは「ソノヒグラシ」...毎日バイト先へ行かないとオマンマは食べられません...大汗。

あ、話それましたｗ

ボクはウチの会社のWEB担当もしていますので、定期的にアクセス解析をしています。（苦手ですが）
アクセス解析ツールはGoogle Analyticsです。他にも多機能なツールはありますが、ボクはコレで十分。無料だしね...ｗ

で、今年４月に「はれて」ボクが制作した新しいWEBで運営が始まり、そして同時にGoogle Analyticsを導入...。定期的にアクセス結果を解析してきました...。

ぶっちゃけ、今の会社に入社してこの方WEBデザインを主として仕事をしていましたので、アクセス解析は「ボクの仕事」ではありませんでした。だから、今でも苦手...苦笑。

でも、そんな苦手な事でも、毎日Google Analyticsを眺めていると、何か分かった様な気がしてくるのがSEO・SEMの素晴らしいところ...（？）。

特にウチの会社のWEBは「企業WEB」ですので、土日のアクセス数（PV）は激減します。汗
それだけ、「社会の時間の流れと一緒にWEBも動いている」...と、リアル感が持てますよね。

それは...「土日のアクセス数を増やす方法を考えるに至るまでの情報の把握（プロセス）」がSEMの本質だと考えます。

特に中小企業WEBってヤツは、言葉は悪いですが...「あっても、なくてもいい」「何、このデザイン...っぷｗ」「何でこんなけしか情報が無いのに公開してるの？」「当時企業WEBを公開することが流行ったから？」ってモノが「今でも」本当に多い...。

いや、痛烈な批判に聞こえるかもしれませんが...これが現実です。受け止めてくださいｗ

それは、インターネット（バーチャル）社会と現実（リアル）社会がリンクしている事を把握していないから...「放置WEB」になっているんだと思います。

「もう一度、あなたの会社のホームページ見直してください。」

上記の様に、「土日のアクセス数が少ないのは、土日はどこの会社も休みだから...」と、バーチャルとリアルをリンクした考え方を持つことができたら、SEO対策の第一歩になる事でしょう（？）。

いかがです？

もっと身近に「WEB運営を自分の事として考える」事が中小企業WEBには必要だと思いますよ...。
※真剣にインターネットでのビジネスを考えているんだったらね。

そうそう、因みにお盆休み期間中...ウチの会社のWEB、アクセス数はボロボロでした...ｗ。
（ココで上記の長期休暇の文面と結びつくんです...ｗ）

さて、今日はユーザビリティ、アクセシビリティに関するお話でも...。
（相変わらず記事内容は奥が浅いですがｗ）

ライブドアのWebディレクター達が自社が提供しているウェブサイト開発と運営について書き綴っているブログがあります。今朝、そのブログをたまたま見つけ、その中に「ユーザテスト」に関する興味深い記事がありました。

【　livedoorディレクターBlog　『未経験者がユーザーテストを行う際の10のポイント』　】
http://blog.livedoor.jp/ld_directors/archives/50758263.html
（直リンスマソｗ）

ユーザテスト...してないなぁ、ウチの会社（ボクも）。
作り手の（偏った）考え方や、参考にしたサイトと同じ（様な）構成の実現を頼り（目標）にして作っていた状況であった...と否定は出来ません。

誰の為にWEB（ホームページ）を制作しているのか？ちゃんと考えないとダメですね...。

特にボクみたいな中小企業相手の制作案件ばかりだと、先方の担当者とのやりとりだけが先行してしまい、ユーザ（閲覧者）の事はそっちのけ...って事が本当に多い。

ボクはオブラートに包んだビジネストークは、双方のタメじゃないと思っているタチなので、先方の要望（希望）に対して、総合的（SEO・ユーザ、アクセシビリティ・デザイン・レイアウト等）に精査し、どうしても「ダメ」だと思ったことは「ダメ」と直球で返してしまう悪い癖があります。

いや、癖ではないか...ｗ

独りよがりじゃダメなんですよね～。
マスターベーションサイトはサルも食わない（見ない）。

ユーザテストは少なからず（被験者は社内の人たちでもいいので）、やった方がいいかもしれません。
但し、意見を纏めることが出来る司会者は必要です。

※以前、纏めることが出来ない司会者（先方担当者）だったが為に後に先方と揉めた経験ありますｗ

皆さんのサイト...ユーザテストしてますか？

今日はMacユーザさんは関係ありません。（たぶん）

もう皆さんは「Windows Vista」を体験されましたか？

既にウチの会社の顧客も業務として利用しているユーザがチラホラいます。ボクも昨年末なけなしのお金を叩いて買ったSONYのノートパソコン「VAIO Type G」もWindows XPからVistaへアップグレードしました。

正直申し上げると、Core SoloのCPUではあのグラフィカル（Aero等）なインターフェイスはオモオモです（汗）。まぁ、メインで使うPCではないので、会社で自宅（プライベート）のメールチェックをしたり、会社でやりきれなかった仕事を持ち帰る為の持ち運び用HDDにしたり...と、あれはあれで意外と重宝しています。

※ちなみに当ブログのトップページに掲載されているノートパソコンの写真は、ボクのVAIO Type Gです。

既にVistaがリリースされて半年以上経ったおかげ（？）で、WEB制作現場にも「新しい風」が吹いています。それは、Vistaから採用された標準フォント「メイリオ」をCSSで指定する「メイリオサイト」の制作です。

ご存知の通り、CSSのfont-familyを指定するだけの事ですが...。
「font-family:"メイリオ","Meiryo"......;」

最近だと、Yahoo! JAPANの検索結果ページにもメイリオは採用されていますね...。皆さんお気づきでしたか？流行に敏感なボクらWEBクリエイターもfont-familyに「メイリオを仲間入り」させるのも抵抗はなくなってきたのかもしれませんね。

（ウチの会社では）一昔前のWEB制作のタブーの一つとして、「font-family（face属性）は指定してはいけない...」というワケノワカラン暗黙の了解がありました。ウチの会社のトップ（や、当時の先輩方）は、「デザイン」の「デ」の字も理解できない、「デザインセンスのカケラも無い」人たちばかりでしたので、ボクが当時「<font face="FontName">」としてタグを書いたら、ここぞとばかりに怒られました。ｗ

まぁ、その諸先輩方は皆ウチの会社を去っていきましたが...大汗。って、そんなウチの会社の内情なんて、ど～でもいいですね(^^;

Windows XPを利用している方は、試しにメイリオフォントをインストールしてみてはいかがでしょうか？
著作権の絡みもあるかと思うので、インターネット上からフォントファイルを入手するのは難しいかと思いますが（一時期は色んなサイトからダウンロードできたようです。）、Vistaパソコンが近くにあれば、そこから拝借するのもアリだと思います...。（アングラなお話です...苦笑）

是非、お試しを。

コントロールパネルからフォントを開き、「meiryo.ttc」「meiryob.ttc」をウインドウへドラッグ＆ドロップするだけでOKです。詳しくは「メイリオ」でググって参考サイトをご覧下さい...汗。

【　monomose　（spfdesign+eggraphix）　】
http://www.excite.co.jp/design/monomose/

ポータルサイト「エキサイト」の「デザイナーズポータルプロジェクト」の一つ。エキサイトニュースのトラックバック情報を皆で共有し、Flashでグラフィカルに見せてくれるサイトです。トラックバック数で記事がソートされ、２４時間に一回ニュース記事のトラックバック数を集計してランキングしています。

最近ではディープでホットなWEBクリエイター達がXMLと各種Frameworkを駆使し色々なFlashコンテンツで閲覧者を楽しませてくれます。（そのサイトが「使える」「使えない」...は、別の論点です。）

このサイトを開発したクリエイターの鎌田貴史氏は自身のブログにて「みんなのブラウザのスタートページをお洒落にしよう！というプロジェクト」と銘打ってヒアリング（誰から？汗）、開発がスタートし半年の開発期間の末、満を持してのリリースだったようです。ご苦労お察しします...。

こういうサイトを拝見する度に、「可能性　＋　楽しさ　＋　ニーズ」があれば、多少の開発努力も少しは気が楽になるのかな？と思います。（納期に追われる事が無いから？）

Flashかぁ...最近、マジメに触ってないなぁ...汗。
（そもそも、ボクにFlashサイトの開発案件が回ってこないｗ）

【　グラフ作成ソフト『JSChart』　（アシアル株式会社）　】
http://www.jschart.jp/

マッシュアップサービスサイトは多々ありますが、ボクの経験上「ビジネス利用するには、いつ、どう使うんだ？」と思うものが多いです。（ボクの年齢による思考能力の低下もありますがｗ）

JSChartはビジネスには必要不可欠な「グラフ表記」を主に数字を登録するだけの簡単な操作で制作できるサイトです。グラフは主に「棒グラフ」「円グラフ」折れ線グラフ」を選択可能。

特にマッシュアップとしての利用が可能なため、企業サイトで株価や売上、出荷台数などを公開するには役に立つかと思います。

CSVファイルからのグラフ生成も可能で、商用ライセンスを利用すれば、自社のWEBサーバにアップしたCSVデータを吸い上げる事が可能になります。例えば、CSVデータを自動生成するCGIなどを併用すれば、その吐き出されたCSVファイルをJSChartに登録する事で、リアルタイムなグラフ情報を閲覧できますね...。

グループウェアとの利用もアイデアとしてはいいかも...。

グラフ生成のCGI（PHP）プログラムって開発するのが意外と面倒...ｗ
ボクは進んで開発しようとは思いません。（汗）

今後のWEBビジネス展開に利用してみてはいかがでしょうか？

さて、今日は先日当ブログにてお伝えした機能のβ版（？）が完成しましたのでご報告です。※詳細は『zipang web blogに「よくある機能」を自力開発予定（予定かよｗ）』をご覧下さい。

【　簡易チャット『What's up?』　（著者zipang　作）　】
http://blog.zipang.jp/
（右サブカラム内設置）

開発期間は約半日...。大して凄い事はやってません。
prototype.jsの恩恵を授かり、仕組みやプログラムはイタってシンプルな即効システムです。

強いて言うなら、Twitterよりも手軽に書き込みが出来るかなｗ
（IDやパスワードの発行はありませんので...）

当初は「What are u doing?（今、何してる？）」というタイトルにしましたが、最近日本でよく聞く英語「What's up?（調子はどう？）」にしました。昨日公開時にアクセスしてくれた皆さんはお気づきかと思います...汗

また、簡易チャットとしても利用できます。ログを数秒に一回自動でローディングする仕組みですので、皆さんが書き込んでいる内容をズーット見ているのも面白いかも...ｗ

「ROMる」って言うのかな？

良かったら、皆さんの調子（今、何してる？）を書き込んでくださいね！

【　書き込む前に必ずお読みください。　】

＜使い方＞
nameにあなたの名前（ハンドルネーム）、commentに「何をしているか？」等を書いて「Say!」ボタンをクリック！
たったコレだけです。
また、commentにURLを書き込むと自動でリンクが貼られます。

＜注意事項＞
モラルある書き込みをお願いします。
個人が特定できる書き込みや、他の閲覧者が不快に思うような書き込みはやめてください。

＜免責事項＞
What's up?機能を介したインターネットのブラウジングは利用者の責任において行っていただくようお願いいたします。What's up?機能は利用者が書き込んだ全ての内容の合法性や道徳性、著作権の許諾、正確さなどについて責任を負いかねます。また、著者zipangは利用者がWhat's up?機能を利用したことにより生じた損害や障害に対する責任を負いません。

いい話というか...。
最近ボクが「どうなんだろう？」と思う事です。

前提として「企業（戦略的）WEB」「個人（趣味）WEB」という枠は外しておきます...。
※でも最終的には関係してくるかな？...汗。

人それぞれ「デザインの感性」は違うし、一概にどうこう言えることでも無いとは思います。

例えば、自分自身が（趣味の範囲で）「ブログを公開したい（作ってみたい）」と思ったとき、大手ブログサービスサイトが提供しているテンプレートデザインを利用する事で、一応の見栄えのブログは公開できますよね。

だけど、「もっとオリジナリティあるデザインがいい！」と思う人も多いはず...。

しかしながら、自分でテンプレートデザインを制作するとなると、(X)HTMLやCSS、Javascriptやブログ変数等のWEB制作技術を片っ端から勉強しないと、自分が納得いく作品には到底行き着けない。

ましてやタグの配置ミスやCSSの設計ミス等、「変な風になっちゃった時（ｗ）」に、元に戻せなくなるリスクもありますよね。

それは「何故そうなったのか？考えられる問題」を一つ一つ追及し「チマチマ」と修正していかないといけないという、スーパーマリオブラザーズを攻略するよりも超難題が待ち受けています。
※ボク、最初のクリボーで死んだことありますｗ

最悪、何をどう直していいのか、どうにもならなくなってしまった場合はコーディング等、一からやり直す事も...汗。

...それを考えると、ボクらWEBクリエイターって「神様」だな...汗（いや、変人か？ｗ）

それが出来ないから「WEBデザイン制作」をWEB制作会社（や、WEB制作に精通した人）にお願いするんだと思うんだけど...（至極単純な話ですよ...）

例えば、女性がブランドバッグを買うとき「ブランド」や「デザイン」「使い勝手」を重視するかと思います。

でも、シャネルやルイ・ヴィトン等、名のある高級ブランドは「高級」が付くだけあって、そりゃ「高い」。

ぶっちゃけ、ボクからしてみればブランドバッグは「贅沢品」です。
※女性じゃないので、そのあたりの感性はワカリマセンｗ

正直それは作品が依頼者に「総合的に気に入られるかどうか？」です。

ただWEBデザインというのは、依頼者からしてみれば、どんな作品が上がってくるか不安で仕方ない...。
それが依頼者心情だと思います。

逆に言ってしまえば、「大枚を叩く勇気」が依頼者には必要なのか？

「高い　＝　贅沢」という簡単な図式で物事を考えるのであれば、計らずとも「WEBデザインは贅沢品」ではないでしょうか？

先にも述べた高級ブランドバッグは、毎年新しいのが出る度に、過去の「代物」はコレクターで無い限り「飽き」が来るでしょう。
だけど、飽きたバッグでも購入当時は「高い代物」だったハズ。

最近では「早い・安い・効果的（？）」を売りにしているWEB制作会社（フリーランス含め）をよく見かけます。
建築業界で言う「建売住宅」と同じで、「あとは売るだけ姿勢」だから出来る事だと思いますが...。
（言葉は悪いが、過去にボツったデザインを他の依頼者に平気で提案しちゃうとかね...苦笑）

それにしたって、いくら「安い」と言っても依頼者からしてみれば「高い」ハズ（？）。

最後に...。
本当に「ど～でもいい話」でしたね...大汗。

zipang web logを『もうちょっとだけ楽しくできるかもしれない、よくある（？）機能』を自力開発しようと目論んでます。

トレンドサイトの一つ、手軽に「今何してる？」を書き込み、リアルタイムなコミュニケーションが（ある程度）可能なSNSサービスの　『Twitter』...。
もう皆さんチェックしましたか？

ボクは、ついさっきチェックしました＾＾；；
そして、何気なくアカウントを取得...。
なるほど、こういうサイトか...。（勝手に納得）

で、その『Twitter』の機能（？）を、AjaxとPHPで開発してみようかなぁ～って思ってます。
まぁ、Twitterほど高機能（アカウントを発行したり）にする必要は無いので...さほど難しくはないかな...。

その前に「さわり」だけでもと思い、Twitterをチェックしてみました。

まぁ、「面白いかどうか...」は、作ってみないとわからないので...苦笑。

完成したら、当ブログの右のカラムにでも載せようかな？

ちなみに『Twitter』はこちら↓

【　Twitter　】
http://twitter.com/

【　mixiユーザーのためのチャットコミュニケーションサイト　マイミク専用チャット（著者zipang作）　】
http://zipang.jp/mmc/

...てか、自作自演サイトでスイマセン...汗。
※決してネタが無い...訳ではありません。（無いかも？）

mixiは皆さんご存知の通り、日本最大級のSNSサイトですね...。
参加されている方も大勢居ると思います。

ボクはmixiの招待メールを貰うのに２年かかりました...ｗ
ええ、ボク友達少ないですから......（苦笑）

mixiのログインページ（トップページ）をアクセスするたび、「どんなサイトなんだろう...」と気になって仕方なかった、あの頃...ｗ。今となっては「mixi中毒真っ最中」ですｗ。
※今年に入ってからmixiの日記は一日も欠かさず書いてます。（ど～でもいい内容ですが）

さて、話はズレましたが...。

このマイミク専用チャットは凄く出来が良くて、「Windows XP or Vista の Internet Explorer 6 or 7」でしか動きません！

アハハハｗ（ありえね～ｗ）
ある意味「必須環境」...と言い切ってます。（大汗）

.........。
スイマセン、ちゃんと開発しなくって...。

もし、皆さんが利用されているパソコンのインターネット環境が上記の「必須環境」でしたら（ｗ）、是非参加してみてください。

ボクも、たまぁにINしてます...。
※最近は閑散としていて、誰からもアクセスがありませんが...（オイオイ）

参加するにはmixiのコミュニティ「マイミク専用チャット」へご参加ください...。
基本的に誰でも歓迎です。

コミュニティのアドレスは...。
http://mixi.jp/view_community.pl?id=1298715

...というか、自作自演サイトを宣伝したみたいで...マジ、ごめんなさい。（苦笑）

こんなボクも、一応WEBクリエイターをしています。

もうちょっと、技術的な記事を書いて欲しい...と思っている閲覧者の方も大勢（？）いると思いまして、今日は少しコアなお話でも...。

もうご存知の通り、昨日当zipang web blogのトップページに「応援メッセージフォーム」を付けてみました...。
※まだご存知でない方はトップページの下の方をご覧下さい。

え？
「キミ、誰からの応援が欲しいんだ？」って？

ハハハ...汗。
ま、まぁ、ソレはソレとして...（苦笑）

今回の応援メッセージフォームは「prototype.js」を採用した「Ajax」でのメール送信フォームとなっています。
※Javascriptが動作しない（許可していない）ブラウザの環境では動きません...。

Ajax化（？）する事で、送信ボタン（submitボタン）をクリックしてもプログラムを動かすページへ跨ぐ事無く、フォームデータを受渡しできるという利点がありますね...。

また、バックグラウンドでメール送信プログラム（今回はPHP）が動くので、動作結果を部分的（クラス的）に処理し、結果を得られる事で、(X)HTMLダイレクトな結果ページをいちいち出力するよりも処理速度は向上し、且つ「今見ているページ」から離脱させること無くアクセシビリティ性能も向上させています。

まぁ、もうこんな事は皆さん既にご承知な事だと思います...汗。
今さらボクなんかに説明されなくても...って、そもそも説明になってないか...苦笑。

ちなみに、今回の応援メッセージフォーム...、IE7とFirefox2（Win XP版）でしか動作検証してません...汗。
（相変わらず自分の環境で動けばいいか...で検証している。ボクの悪い癖です。）

それにしても、prototype.jsやmootools.js、jquery.js等のAjaxフレームワークのおかげで、Ajax関連の開発は凄く楽になりました...。
こういうフレームワークをタダで提供してくれる開発団体（？）は素晴らしいですね...。

感謝感謝感謝...。

ちなみに、任意ですが住所も入力できるようになっています。
郵便番号をハイフン無しで半角数字を入力し、住所検索ボタンをクリックするとお住まいの住所情報を取得し自動入力できます。

これは、「XML-RPC」の一つ「IXR_Library.inc.php」を併用したAjaxプログラムです。
気になった方は「IXR_Library.inc.php」でググって見てください。
使い方等、大勢のIT（WEB）技術者がレポートを書いています。（他力本願...汗）

特にショッピングサイト等の住所入力が必須なフォームフィールドを公開しているWEBには需要はあるんじゃないかな？（今回は技術の押し売りですが...。汗）
※但しPHPが動作するサーバじゃないと動きませんよ...。

【　追伸　】
応援メッセージを受け付けております。
イタズラメッセージは受け付けておりません...大汗。
イタズラメッセージは著者がヘコみますorz。

今日はボクが大嫌いなSEOのお話。（ｗ）

皆さんご存知（？）の通り「Search Engine Optimization」の頭文字をとって「SEO」。

W3Cが提唱（勧告）する通りに一つ一つの(X)HTMLタグを理解し、「読み物」として適切なタグ配置をする事で、Googleなどのロボット型検索エンジンのクローラに登録されやすく、また検索結果の上位掲載を計る（図る？）制作者側の取組みですね...。

ただ、SEO対策というのは「終わりなき作業」で、継続的な観点から日々試行錯誤をしないと中々結果が見えてこないモノ...。

また、SEOだけを追いかけるのも、いかがなものか...。
（自論ですが...汗）

ま、まぁ、それはそれとして。
そんな出口の無い作業に一筋の光をもたらす（？）サイトを見つけました。

【　アクセス比較.jp　（株式会社ディーボ）　】
http://accesshikaku.jp/

自分のサイトでよく使われる文字列（ボクの場合は「WEB2.0」とか）を入力し、その入力した文字列からアクセス数（PV数、ページランク等）を比較してくれるサイトです。

ま、まぁ、この手のサービスは既に多数存在し、どれも同じようなモノかもしれません...大汗。

因みに遊びで「zipang web blog」と検索したら、サイト情報はひっかかりますが右のグラフは「Not in top 100,000」と表示され、「箸にも棒にもひっかからない残念な結果」でした...泣。

まだまだ、頑張らないといけないかな...ハハハハ...はぁ...orz。
※何をどう頑張ればいいのか？（だからSEOってキライですｗ）

皆さんも、自分のサイトでよく使用している文字列を入力して検索してみてください。

（18:07 追記）
スミマセン、URL書くの忘れてました...大汗。

ぶっちゃけ、陰は北海道でしょう...。

雪印からはじまり、ミートホープ...さらには石屋製菓の「白い恋人」...。
夕張市の財政破たんもあり、色んな意味で「熱い北海道」

まぁ、だからといって北海道全体が悪いという事ではありませんが...。

そんな中、人間と言うのは悪いうわさに関して初めてその物事に関心を持つ訳でして...汗。
ボクも「白い恋人」をググってみました。

そして、石屋製菓のホームページを見てビックリ...。
なぜ、お詫びの文章を「画像」で掲載しているのか？

...謎です。
（いやいや、批判はあまりしちゃダメだよ...と自分に言い聞かせる...苦笑）

閲覧者心理としては、別に綺麗なフォントでお詫び文を読みたくも無いですし...。
しかも縦書き...横書き世代のボクにはちと読みづらい...汗。

それとも、検索エンジン（クローラ）にお詫び文を登録されないようにしている処置なのか？
...だとすると、余計に「何か往生際が悪い」ような気にもなる...。

はてさて...。

でも、賞味期限を改ざんするのは良くないが、白い恋人はおいしいお菓子だった事は事実。
企業体制を改善し、清き再出発を願うばかりです。

...ってWEBに関係しない記事でスイマセン。

WEB制作に携っている方なら一度は聞いた事があると思います。

「.htaccess」

そう、ApacheやIIS等、WEBサーバのデフォルトのコンフィグ(主にhttpd.conf)では、開発したPHPやCGIが上手く動作しない事が多々ありますよね...。それを「根性（ｗ）」で動かすために必要な設定ファイルが「.htaccess」です。

ちなみにボクが勤めている会社では...「テンエイチティアクセス」と呼んでいます。
※制作会社によって呼び名が違うようです。（ドットエイチティアクセス...だったり？）

ですが、この.htaccessファイルを作るのにも一苦労...。
設定方法や記述方法を理解していないと、何を書いて良いのかさっぱり「？」。

しかも、mod_rewrite関連を設定する時は、正規表現を使ったりしますので余計「ワケワカラン」

そんな時、役に立つのが今日ご紹介する『.htaccess Editor』
（ジャパネットタ○タか？...ボク。）

【　.htaccess Editor　（両見英世氏、万年将人氏　作）　】
http://www.htaccesseditor.com/

• ファイル一覧の拒否
• ベーシック認証
• エラーページ
• デフォルトページ
• WWWあり・なし統一
• リダイレクト
• アクセス制限

これらの設定が、各々のフィールドに必要事項を書き込むだけで、ページ下のtextareaに出力されます。

なるほど...これは簡単！
基本的な事はコレ一つでOKですね...。

ただ、欲を言えば...。
php.ini関連の代替設定や、先ほども言ったmod_rewrite関連等も設定できるともっと使い勝手は良くなるかな...汗。

だけど、結局は.htaccessやWEBサーバそのものの設定を理解していないと、なかなか難しい事案でもありますね。

さて...。（え？）

需要があるかどうか？...は、まだ本格的に運営が開始されていないので何とも言い切れませんが、面白いサイトを見つけました。

俗に言うアフェリエイトサイト...なんですが...汗。

運営している自分のサイトの広告スペースの「一日の掲載料いくら？」を設定し、企業に買っていただくサイト。

【　広告マーケットプレイス『Pitta!（ピッタ！）』（株式会社デジタライズ）　】
http://www.pitta.ne.jp/

最近アフィリエイトの面白さに目覚めてしまったボク...。
欲を言えば、少しでもおサイフの足しになれば...と、はじめたんですが...まぁ、現実はそんなに甘くないようです。（苦笑）

この「Pitta」は自分のサイトに広告スペースを作り、その広告テナント料金の「掲載一日いくら？」を設定、広告掲載を希望している企業に対してアピール（？）するサイトです。

他のアフィリエイトサイト同様にサイトの審査はあります。

で、実際使ってみました。

なるほど、「ボクのブログの広告スペース買って！買って！」と、アピールしないとダメな様です...笑。

もう少し詳しく...。

まず、審査（申込みから一週間程度かかります）が無事通ると、自分の広告スペースをアピールできるログイン情報を取得できます。

そして、Pittaへログインして...

1. 自分のサイトのURL
2. 広告の種類設定（テキスト広告 or Flash広告等）
3. 広告設置場所の説明
4. 広告スペースの一日の掲載料金の設定
5. 自分のサイトがどんな内容か？の説明（アピール）
6. 掲載したい広告カテゴリ
7. キーワード

...等を登録します。

で、自分のサイトに掲載する為のJavascriptソースが表示されるので、それをコピーして広告スペースにペースト...。

これで準備OK...（のハズ...汗）

上記、述べたようにまだPitta自体本格運営していないとの事ですので...本当にコレでいいのかは不安ですが...。
※本格運営は2007年9月からとの事...。

とりあえず、ボクの場合（zipang web blogの場合）、全ページのヘッダー（右上部分）のGoogle Adsenseをやめて、Pitta用の広告スペースにしました。

設定金額は一日500円！！（高いのか安いのか...？？？大汗）

これで様子見してみます。

結果は後日にでもご報告しますね。

さて、久々にWEB業界の話題でも...と思いまして、最近の検索サイト事情を色々探ってみました。

...で、とあるサイトで紹介されていたWEB2.0的な動作でYouTube等の「動画検索」を楽しくさせてくれる（様な）サイトを見つけましたのでご紹介します。

【　Woopie　（ACCESSPORT株式会社）　】
http://www.woopie.jp/

何か見たい動画の文字列を入力して検索してみてください...。

非常にシンプルなレイアウト、白を基調としたすっきりしたデザイン...そして、ユーザに配慮したAjax（？）採用のページを跨がないシームレスな検索結果展開と、そのフェードアウト（イン）のアニメーションエフェクト...。

何故でしょうか...殆どの検索情報が「YouTube」なのに、ラグジュアリー感がありますよね...。
※いや、別に検索先のYouTubeが悪いとは言いませんよ...。（苦笑）

まぁ、ボクも他人のWEBを評価できる程「出来た人間」ではありませんので...アレですが...汗。

SNS（mixi等）やCMS（ブログ等）では自分の記事に「動画ソース」を埋め込む事は既に日常茶飯事です。
この様な動画検索サイトは、今後次から次へと新たな可能性を秘めてリリースされるかと思います。
※既に多数公開されていますが...。

WEB2.0的サイトも「競争が激化してきた...」と、いうべきでしょう...。

そんな中、ウチの会社...本当に生き残れるのか？？？
少々（いや多大に）不安感を拭い切れません...。

時代（WEB技術）は刻々と進化しています。

いやね...別に「資料を作るな！」とは言いませんよ...ええ。

それが、誰しも納得するような数字や、見やすい表、資料制作者の少しの見解（私見）等が書かれていれば...。

なんだかよく知りませんが、ボクの会社のホームページの一週間のアクセスログやオーバーチュア、Google AdsenseやらGoogle Analytics...まぁ、これらが吐き出す色々な数字を纏めて、『ワケノワカラン』エクセル表（これが見づらい！）にしては、毎週会議をしている...。

しかも資料は纏まった数字をさらに纏めただけ...。
逆に「余計ワケワカラン」ｗ

当然、東京本社で会議をしていますので、ボクら名古屋オフィスの連中は蚊帳の外...。

オイオイ、今の会社のホームページ作ったのボクなんですが？

っつーか、LPOをきっちり設定して、想定できる範囲以上の過去のヘッポコホームページ（東京本社作）の不足説明を補ったりしたのは「スミマセンがボクですがなにか？」

おかげさまで前のホームページとは比べ物にならないくらいコンバージョン率はアップしてます。
（自慢...汗）

というか、ご丁寧にGoogle AnalyticsやGoogle Adsenseのレポートサイトが分かりやすい「必要最低限の数字」で我々ユーザにシステムが自動集計した資料を提示してくれているのに...その資料から何故また「ワケノワカラン資料」を「わざわざ」作っているのか？

大いに謎です...。
そんなヒマがあるんだったら、HTMLのタグの一つでも覚えてもらいたいものだ...イライラ。

ボクには皆目理解に苦しむ...。
何がしたいんだ？東京本社！！！！

で、いい加減「ブチギレ」たので...下記のようなメールを流してやりました...イライラ。

【　ブチギレメール　ココから　】

また、資料作り...ですか？

前々から言っていますが、資料なんか作らなくてもAnalyticsやAdsの集計ページをダイレクトで見れば事は済みます。

前回の私が出席した会議の時にも、「ノートパソコンを会議の場に持参しダイレクトな数字を見て会議をしましょう」と言ったと思います。

資料を作ることは仕事をする前段階です。

前段階ばかり追いかけて、その資料から結果がなかなか出せないのであれば、やり方を考え直すか、やらない方（資料を作らない）がマシです。

我々はIT企業ですよ...。

資料を作った日（一日前？今回の資料だと数日前ですが...）の数字を見るのではなく、『一秒でも今に近い過去の数字を見る』べきだと思いませんか？

オエラガタ（顧客）を納得させる為の資料であれば「紙」でないといけない、かもしれませんがね...。

いい加減、意識改革しましょうよ...。

【　ブチギレメール　ココまで　】

ちなみにこのメール、メーリングリスト宛てに送信したので、ウチの会長も社長も全員読んでます...大汗。

ボクって意外と社内に敵が多いのかな？（敵を作ってるのは自分自身だけど...）

つーか、（ボクも含め）やってることが幼稚だなぁ......orz。

ま、そんなこんなで、今日は「とりあえず」会社に来てみました...。

お盆休み真っ最中なのか、道はバカみたいにすいていて、出勤途中コンビニにも寄ったのに、オフィスについたのが朝７時前...。
（ここまで早朝出勤だと、ある意味頭おかしいな...ボク）

で、そのコンビニで買ったのが『サントリー　炭酸ボンベ』という炭酸飲料...。
（※リンク先の写真は「レッドガラナ味」）

いや、別に『名前のインパクトだけで』買ったわけじゃないよ...名前だけじゃない、そう。（汗）

こんなアルミ缶に「酸素ボンベ」を彷彿とさせる程の細かいディティール...。

どこかにぶつけたのか、塗装がはげている表現だったり、メーターがついていたり...。

最後には「バーコードが爆発」してますｗ

そう、こんな他愛もない、期間限定としてコンビニのペットボトルコーナーに並んでいる溢れんばかりの商品にも一つ一つデザインは存在し、消費者の購買意欲を掻き立てるような心理的販売戦略があるんですね...。

そして、思わず買ってしまったボク...。

この『炭酸ボンベ』...。
多分「商品名」が先で、「味」は後だと思うが...（違っていたらスンマセン、サントリーさん）

なんにせよ、今までのカタチを壊し、新しい価値観を見せてくれた、このデザインに脱帽しました。

意外と出来ないんですよね...こういう冒険...。

ボクも、もう少しデザインから「学ぶ」「使う」「遊ぶ」を勉強しないとダメだなぁ...。

『はい、会社ですけど何か？（オイオイ！）』

素晴らしく、「ヒマ」です...大汗。
ま、そりゃそうですよね...だって世間はお盆休み...。

うっとおしい営業の電話すら掛かってきません。

さて、そんな中ただ会社で「ボーっ」としているのも「アレ」ですから...、当ブログ「zipang web blog」をパワーアップさせようと色々いじっていました。（まだいじり中...）

まずは、ソーシャルブックマークサイトの各サービスを利用できるようにブログ記事ごとにアイコンを設置しました。（フッター部分をご覧下さい...。）
【　SEO対策 ドットコム　】　感謝！感謝！

そして、外部サイトへのリンクにマウスオーバーすると、そのサイトのページサムネイルを表示できるように機能追加しました。（ココにマウスをもってくると...。）
【　Snap Shots™　】　感謝！感謝！

とりあえず、こんな所でしょうか...。

個人的には、見た目を「ゴチャゴチャ」させるのは好きではないのですが...汗。
でも、それとこれとは別問題...と割り切って、「ユーザビリティ」「アクセスビリティ」を少し訴求してみました。

見る人によっては、少々鬱陶しいと思うかと...賛否両村ありますからね...。汗

一日のアクセス数（セッション数）が約で10～20程度…。（Google Analytics調べ）

お世辞にも「多い」とは言えない数字です。
（PV数ではありませんよ…汗）

「せっかく作ったのだから、皆に見てもらわないと意味が無い！」
（ブログの内容は薄いけど…汗）

誰しもそう思うことだと思います。

いえ、最近では「見られる事で、第三者にホームページ（ブログ）の評価をされるのが怖い」というWEBマスター（ブロガー）の心理もあるようです…。

以前、読んだとあるWEB制作に関する書籍に、「人は何故ホームページを見るのか？」という我々WEB制作に携わる者にとっては、ホームページのあり方の原点に立ち返った内容のコラムがありました…。

その中に…

「貴方のホームページの良し悪しを評価しに閲覧しに来たのではない。貴方のホームページに掲載されている文章を読みに来たのです…。」
（ココで言う良し悪しとは主に「デザイン」「コンテンツ」「ユーザビリティ」「アクセシビリティ」等）
この内容は後日にでも詳しく書こうかな…。

さて、そんなこんなで…。

「じゃぁ、どうやったら皆に見てもらえるのか？」

ただ大口あけて待っているだけでは、何も問題は解決しません。
ビジネスで言うところの「営業活動」をしないと…。

って事で、大勢の人が集まり情報交換が頻繁にされているSNSの一つ、『mixi（ミクシィ）』を営業活動の場として、宣伝させていただきました。

幸か不幸か？ボクは『WEBデザイン』というコミュニティに参加していましたので、そこのコミュニティの『作ったページ見せて!!』というトピックスに僭越ながら宣伝書き込みをさせていただきました…。
※ホームページ（ブログ）の宣伝の書き込みは、最適なトピックスを選ばないと他の閲覧者によるバッシングの標的になります。書き込みの際は十分ご配慮ください。

書き込みしたのが、昨日の午前9時28分…そして、そのまま放置（汗）。

で、先ほどGoogle Analyticsを確認…。
右上の画像の折れ線グラフの右端が昨日のセッション集計数です。

…なるほど、効果はありましたね…。
セッション数が『38』に成っていました。

例え少しでもグラフに結果が出ると、それだけでもウレシイです。

いろいろMT4に関してググっていたら、MTブロガーの皆さんが既に以前までリリースされていたβバージョンのMT4を導入して、その導入手順がいろいろなブログで紹介されていました。

「なるほど。」と、思いながら手順を追って「後で元に戻せばいっか...」と思いながらやってみました...。

で、ボクのこのMovable Typeは（何故か）データベースがPostgreSQLで運営していて、アップグレードの途中で何やらデータベースの構成もMT4として編成されてしまいました...大汗。

って、事でMT3に戻せなくなったわけですが...ｗ

ま、まぁ、基本的なユーザビリティは代わってないし、アクセシビリティもAjax（？）等を採用してページを跨がないシームレスな動作をしてくれます。（画像やファイルのアップグレードとかね...）

なので、今後は『Movable Type 4』で運営していきます！（あ～あ、やっちゃった...汗）

...と、ところで、どこがWYSIWYG (ウィジウィグ)機能なのか？
※この記事の執筆も以前のバージョンと代わらないエディターライクなフォームフィールドでしたが？？？

テンプレートデザインが変わらなかっただけマシか...大汗。

皆さんご存知？の通り、この「zipang web blog」はMovable Type3.35で公開しています。
過去にもブログシステムの記事を書きましたが...どうなんでしょうか「MT4」...。

折角、やっとの事で新しいブログデザインを制作、公開したのに...orz。（苦笑）

まぁ、バージョンアップすると色々機能も増えて、「ブログを書く楽しさ」は広がるのかなぁ？

【　お知らせメールからの引用　】
Movable Type の複数のコア・コンポーネントが刷新され、デザインを工夫した表現力豊かな記事を作成できるWYSIWYG (ウィジウィグ)機能、画像ファイルなどをより簡単に管理できるファイル・マネージャー機能など、様々な新機能が盛り込まれたメジャーバージョンアップとなります。

なるほどWYSIWYG (ウィジウィグ)機能か...。
ボクが利用しているWEBデザイン制作ツールは、FireworksやPhotoshop、Illustratorを使います。
そして、基本的なレイアウトコーディングは以前まではDreamweaverを使い「WYSIWYGライク」な制作フローでした。

ですが、CSSの表現力の発展、TABLEレイアウトがご法度になりつつあるSEM等を考慮すると、WYSIWYGでは、細かいところまでのコーディングの気配りが非常に難しいと感じています。

無駄なタグを平気で記述してしまったり、W3C準拠の自動コーディングができなかったり...。

ま、まぁ、Dreamweaverを使いこなせていないのかもしれませんが...。
（コレでも９年このソフトと付き合っていますが...）

最近はDreamweaverやMicrosoft Word等のWYSIWYGを似せた「WEBライクのWYSIWYG」もライブドアブログやMODxでは良く見かけるようになってきていますね。

最近ではそんな「WYSIWYG時代」に逆行した「秀丸エディタ」一本でコーディングする事が多いです。

そして、話は戻りますが、「MT4」...。
バージョン３と同じく、個人利用は無償ですのでダウンロードだけはしておこうと...何気にサイトにアクセスしたんですが...。

相変わらず、その無償版ダウンロードページが何処にあるのか分かりにくいです...。
......。（未だに見つからないｗ）

[8:20追記]
ありました↓
http://www.sixapart.jp/movabletype/license.html
このページの「個人ライセンス（無償）」からダウンロードページへ...。

ま、そんなグチはこの辺にしておいて...。

今日は、先日提出していたカンプデザインがクライアントのOKが出たので、早速画像のスライス、CSS設計、テンプレート用の標準ページのコーディング...と順調に作業が進んでいました...。

ま、まぁ、ボクにも「そんな環境にしてしまった」事に対して非が無いわけでもないのですが...。

足元には「Mac mini」、普段使用する「Windows XPデスクトップPC（自作）」、机の上には「VAIO Type G（Windows Vista）」...と、「小室○哉」バリ？にあれこれパソコンを使っています。

でも、何を血迷ったか、XPに「Internet Explorer 7（以下、IE7）」をインストールしてしまったんです。

そう、手元に今尚世界中でもっとも多く利用されている「Internet Explorer 6（以下、IE6）」が無いのです...。※Vistaは最初から「IE7」ですからね...。

しまった！

これじゃ、ボクが制作したWEBのコーディングチェック（レイアウトチェック）が「標準ブラウジング（IE6で）環境」で出来ないではないか！
IE6はスタイルシートやXHTML（XML宣言ありの場合）等、多々バグフィックスが報告されています。

で、今日一日かけて制作したWEBなんですが...。
XP IE7　...　表示OK
Vista IE7　...　教示OK
XP Firefox2系　...　表示OK
Vista Firefox2系　...　教示OK
Mac Safari　...　表示OK
Mac Firefox1系　...　表示OK

で、肝心のIE6...

もちろん手元に無いので...東京の後輩のパソコンで確認してもらった...。

「思いっきりfloatがダメですね～...」

.........orz。

もうIE6なんて早く消えて無くなればいいのに！！！

ちなみにIE7もバグはあるようですね...
そろそろ「ちゃんと作ってくれませんか？」マイクロソフトさん！

↓IEはCSSだけでもこんなにバグがあるんですよ...↓
http://cssbug.at.infoseek.co.jp/detail/winie.html

まずは、サイトをご覧下さい。

【　Microsoft Surface　】
http://www.microsoft.com/surface/

凄いですね...。
本当にこんな事が出来る未来が来るのでしょうか？

この「可能性」を使うのにマウスやキーボードなどの「道具」は要りません。体一つあれば、基本動作は動くようです...。
そして、この「可能性」の上にクレジットカードを置くと決済処理が...、筆でなぞると絵が描けて...、写真や動画が指先一つで拡大・縮小・回転などが出来ます。

はじめて見た時、素直にビックリしました。

でも、これって何処におけばユーザのニーズにマッチするんだろうか？

「テーブル」だから「喫茶店」？（決済もできるから...）
...はるか昔に流行った「喫茶店のインベーダーゲーム」を思い出しましたｗ

それにしても、ボクたちの未来って漠然ですが「どうなっちゃうんだろう」って少々不安になります。
このインターフェイス（可能性）を使いこなせるか不安になりませんか？

...近い将来、ボクが喫茶店？で「オロオロ」している光景が目に浮かびます...汗。

（これと似たようなインターフェイスが「iPhone」で実現できてますよね...日本の発売は何時になるか？）

「サイト価値を最大化するためのトップページ設計術～4パターンの訪問者を想定して作る」
http://web-tan.forum.impressrd.jp/e/2007/08/02/1365

ホームページを制作した事がある人なら少しは...

「どうしたらホームページを見てもらえるだろう...。」
「どういう情報を閲覧者は欲しいのだろう...。」
「トップページが与えるサイトの印象って、どの様な掲載内容から訴求すればいいのだろう...。」

と、考えたことはあると思います。

今回ご紹介した記事は「閲覧者の心理」を理論的に、そして的確に本質を表した内容だと感じました。

いや、ボクも「なんとなく、わかってるよ、そんな事...。」とは常に感じていましたが、「言葉として」相手に説得させる（していただく）だけの、話術は持っていませんでした。

（１）目的志向ユーザー
（２）ふらっと訪問ユーザー
（３）サイト内迷走ユーザー
（４）サイト内リターンユーザー

と、閲覧者が「トップページを閲覧するまでのプロセス」は、「まさにそう！」と思わざるを得ません。
是非ご一読ください。

ただ、同業者じゃないと、なかなか理解できないかもしれませんね...。

「ボク（ワタシ）は、何を思って、何が知りたくて、このサイトのトップページを見に来たんだろう...」と思いながらサーフィンしてみると、紹介した記事を少しは理解できるかな？？