waku2とらふぃっくす開発室: ホームページ

ほぼリニューアルHOMEのデザインが完成した

Sun, 09 Mar 2008 13:20:05 GMT

ようやくだ。何ヶ月かかってんだか。('A`)
でもそれだけかけただけあって（自分的には）全く文句のつけようがない出来だ。
が、当然やることはまだまだある。

・他コンテンツの詳細な内容（原稿としてまとめる）
・他コンテンツのデザイン
・HOMEを基準としたテンプレートのHTMLコーディング

あーでもなんかやる気がしない。燃え尽き症候群のような気分だ。
ちょっと休憩して他のことをやろうかな、、、
正月に買ったサーバーマシン用メモリもまだ取り付けてないし、
KAOSS PAD 3 もまだ起動しかしていない。
今こそホームページ以外のことをやるべきなのかもしれんな。

てゆーか現サイトの更新をまずやらんとな。うむ。
(｀･ω･´)

ホームページリニューアルは年内は無理ですｗ

Thu, 22 Nov 2007 17:57:59 GMT

かなり久しぶりの日記です。
とりあえず1ヶ月に1回は進捗報告のように書いてきたのですが、先月は書いてません。
そのときは結構うまくいきそうだったので書かなかったのですが、それから何度となくデザイン変更が行われ、、、

そして行き詰ってしまいましたｗ

一応ほぼ納得のデザイン案は挙がって現在作業中なのですが、これがグローバルメニュー部分にアイコン必須、
しかもオリジナルのイラスト風アイコンが必要なデザインになってまして、そもそも描けないのにこんな案を採用してしまうあたりが
ﾎﾞｸのあさはかなところだろうか、、、

とりあえず今は「ねこ」「Thinkpad」のアイコン作ってます。
まぁアイコンといってもイラレでイラスト作ってそれを縮小して使うつもりなので結構面倒なのですが。
アイコンをズバッと作れるような能力は持ち合わせていないんでね。しょうがなかばい。
一番面倒なのは塗り。イラレの塗りはかなり面倒だということがわかった。今まで気づかなかった。
これはウチのHOMEのページで使ってるPCエンジンキャラのイラストを描く際に参考書として買った本がいいんだか悪いんだかって感じで、
この本は「イラレで全部完結させる」という内容のため「これが当然」という作りになってしまうわけなんです。
で、さすがにきりかえることにした。

線画はイラレ、塗りはフォトショにする。というか「Thinkpad」のアイコンからそうするようにしました。

・・・でもむずかしいねフォトショは、、、（むずかしいとわかってたので今まで使わなかった）
とりあえず理屈と塗りの概念はわかった。2chで聞いたり今日は本も買ってきた。二次元キャラCGの本だけどピンポイントでいいこと書いてあったので購入。
今日はこれを見るので終了だな。
ちなみにフォトショとイラレのバージョンは今更のCS1で、

前の前に勤めてた会社が給料未払いのままつぶれたときに、引き上げてきたものです、、、

('A`) …1ヵ月半分だったかな、、、

リニューアル計画続行中

Sun, 22 Jul 2007 15:08:30 GMT

久々の記事です。ずっとサボっていたわけじゃあありません。

現在リニューアル計画続行中です。

前々回の記事で書いた通りで、要件定義（っていうのかなぁ）とサイトマップと、主に制作上のガイドラインを作成しました。
そこからページデザインを現在行っておりまして、ついさきほど素案1を作りました。
今までのデザインコンセプトは「カワイイ」だったわけですが、今回は、

メカかわいい

または、

Web2.0っぽくかわいい

です。（なんだそりゃ、、、）
もはやWeb2.0というコトバを書くのも少し気恥ずかしいほどですが、まぁそんな感じなのです。
今回は「メカかわいい」デザインです。でもとあるGUIデザインサイトをパクりすぎているので、怒られない程度には独自性を出さなければ。
どうせ誰も読まないだろうから書いてしまうが、軽く要件というか導入予定の仕組みを挙げると、

■文字コードはUTF-8

■基本は、メニュー固定幅・コンテンツ可変幅のレイアウトをこころがける。

■コンテンツ量に左右されない最低限の高さを確保する

コンテンツによってはやたらスクロールが短いのもあるはず。

そうなるとやたらとヘッダとフッタの間隔が近かったりする。

それを避けるため、最低限の高さは確保しようということ。

■cookieで次回観覧時のために情報を保持しておく

・前回の文字サイズ

・ログイン情報

など

■文字色については、各コンテンツごとにスタイルシートを用意し適用させる

各コンテンツで背景色が異なるため。

アクセシビリティを考慮すれば背景色は変更しない方がいいんだけど、

それだと面白くないので文字色はチェックツールを使用してから決めることとする。

■全てのページにおいて文字サイズを段階調整（相対値：％）できるようにする。

CSSで行うことになる。

全てのページのヘッダー部分に文字サイズ変更ボタンをつけるのがいいだろう。

■全てのページにおいてパンくずリストをつける

サイトナビゲーション向上のため

■全てのページにソーシャルブックマークボタンをつける

Yahoo!ブックマーク、はてなブックマークなど色々あるけど、

ｳﾁのサイトの雰囲気に沿うものだけにしておこう。

あと、どうやらブックマーク数をカウントできるっぽい。

■全てのページに「当サイトに関するみなさまのご意見をお聞かせください」フォームをつけるようにする

HOMEページなど、つけられない（＝つけてもしょうがない）ページは当然あるのでそれは除外。

質問内容は、

質問1：このページの情報は役に立ちましたか？

役に立ったふつう役に立たなかった

質問2：このページの情報は見つけやすかったですか？

見つけやすかったふつう見つけにくかった

■サイト内検索をできるようにしてもいいだろう

メニュー内ではなく、コンテンツ内に。

PCEDBやサーバー構築など、必要そうなコンテンツに追加すればいいだろう。

手法は、

・google

・CMS

・namazu

などがある。どれにするかはまだ未定。

■「ページ上部へ戻る」ボタンは結構大きくてもいい。

■内部リンク以外のリンク文字の後には、リンク後の状態を表す「リンクアイコン」をつける

・別ウインドウになる

・外部サイトへのリンク（別ウインドウ）

■全てのページに「プリント表示」（印刷レイアウト表示）ボタンをつける

■全てのページに「このページへの感想を送る」ボタンをつける

応募フォームを全ページにつける。

ページ形態は別ウインドウか、それともレイヤーのいずれか。

■音声情報（mp3/midi）の代替方法を検討する

んなもんあるかい、と思うけど内容を書いておく位はしてもいいと思う。

■注釈文の1文字目にある「※」に2行目の頭を合わせない。2文字目から表示されるようにする。

■文字のインデントを意識する。

これは各コンテンツごとに異なるかもしれないのでその時に詳しく書く。

ドロップキャップをつけるのも面白い。

■フッターにあるリンクリストにパイプ（｜）は使わない。

読み上げソフトで「棒」とか読まれるため

■文書構造を意識する。

と一口で言えるものでもない。とりあえず

・大見出し/中見出し/小見出しは見出し要素hタグを使う

・見出し要素の階層は、文章の階層構造を正しく表現しなくてはいけない。(h1→h2→h3…）

・段落ではpタグを使う

という感じです。長くがんばって書いたようで、実は資料をコピペしただけだったりする。楽だな。ｗ
そして新しいホームページのキーワードは、、、

猫・IBM・ホームページ・DTM・ツクール・XBOX・PCエンジン・コミュニケーション

という感じでしょうか。
特にIBMとXBOXは気合いれてつくるつもり。
さーがんばろう。

リニューアル計画発動

Mon, 11 Jun 2007 15:26:59 GMT

ここ一ヶ月ほど、全然ホームページを更新していない訳ですが、何もダラダラとしていた訳でもない。

ホームページリニューアルの計画を進めていたのです。

…まぁそれだけでもないんですけどね。絵描いたり音楽作ったり。
で、前回のリニューアルのときもそうだけど、今回も資料作りから始めることにした。
前回と違うところは、前回は新規立ち上げに近いので資料もそのような作りになったんだけど、
今回は既にいくつかのコンテンツがある状態でのリニューアルなのでそれ相応の資料になるということだ。

じゃあその「それ相応の資料」ってなによ？

今作っているのは、
・リニューアルの目的と効果と手法を主とした、第三者的視点での要件定義書
・既存と追加予定コンテンツの一覧（サイトマップ）
で、手法の一つである「アクセシビリティ対応」と「Web標準」についての技術書を読んだりしてます。
まぁCSSでの組み方の本なんですけどね。

「またおおげさな、、、」と思うかもしれませんがしゃーない。だってこういうの職業にしてるんだもの。
それにある意味仕事に役立てるために作っているので、しっかりやらんとね。
というか「しっかり」やらないと、絶対にWeb標準、しいてはユーザビリティ向上→アクセシビリティ対応にはまず出来ないのでありんす。
大体どの本にも書いてあるんだけど、

ルールの策定にほとんどの時間を費やすのです。

いや、本気で。
成功例は残念ながら挙げることは出来ないんだけど、失敗例ならいくらでも挙げられる。
「CSSで組めるぜ！」という人がいるけど、そんなん誰だって組めるのですよ。本だっていくらでもあるし。
が、その手段を使って目的（ユーザビリティ対応など）を達成させた人は、はっきりいってほとんどいない。
個人レベルでもほとんどいないし、企業レベルでもほとんどいないし、官公庁でようやく少し、という感じです。
ほとんどのサイトは、CMSやDWによる「形だけの更新利便性」を達成したに過ぎず、CSS使ったからといって他にどうということはない。
というか更新利便性の話をすれば、CSSを使うことによってむしろその能率を落としているコーダーがほとんど。
適当に決めたボックス名をとりあえず使ってる外部CSSファイルになんとなく記述して「できた～」だと？

おまえ、後のこと何も考えてないだろう、、、と言いたくなるが、自分もだったりする、、、('A`)

とにかく技術はいくらでも拾えるわけで、それを活用するのにほとんどの人が成功していないというわけだ。
ここでいう成功は、先に挙げた
・アクセシビリティ向上
・Web標準化（これは本来は手段であるべきだけど、やったことないので目的とさせてもらう。大切なのはそれによる波及効果）
・更新利便性の向上
です。

これらの成功を我がwaku2とらふぃっくすで実現させようというわけだ。
わぁー大風呂敷広げたもんだ～ｗ
書くのは簡単だけどこれが難しいんです本当に。
でも1人でやるだけ、まだやりやすい。チームでいきなりやるのは無理というか超大変。
なので実戦の前に実践しておきたいのさ。
ああ、仕事のためだけが目的ではないけどさ。
一番の目的は上記「Web標準化」で書いた「波及効果」の一つ、「アクセス数の向上（SEO対策）」です。

要はもうけたいってことかい。）ぉ

ﾎﾞｸにしては珍しく少し難しい話を書きましたが、たかがWeb、されどWebということです。
とりとめなくまとまりないのでこの辺で、、、自分でもよくわからなくなってきた、、、

ちゃんとアクセス解析結果を考慮してみる

Wed, 06 Dec 2006 15:06:45 GMT

今まで適当にしか見てなかったんだけど、ここ数日でランキングサイトへの登録・ゲーム系サーチエンジンへの登録更新を

続けざまにやった結果少し「わかってきた」。月始めということでアクセスログが見やすかった？せいもあってﾎﾞｸでも解析しやすかったのだ。
だからメモとして記す。てゆーか記すからには後日見るくらいはしないとな。
ちなみにYahoo!とGoogleからのアクセス内容については触れないでおく。多くて当たり前なんだから。
んじゃいきます。

ランキングサイトからのアクセス数は全く期待できないことがわかった。
google/yahooで検索上位に来るサイト4つに登録したんだけど、アクセス数においては全く効果なし。
新規登録においても効果なしで、自作自演で（笑）、ランキング上位に来るようにしたけど、それでもダメだった。
※ほとんど1～5位の間に入ってる

ただランキングサイトへの登録は多少は意味があると思う。
ランキングサイトは軒並みPageRankが高いので、リンクされるという意味では多少の効果があるかもしれない。
ただし「ランキング」サイトということで、ウチのサイトとは全くジャンルが合わないので、効果は薄い。
…つーかウチのサイトのジャンルは一体何なのだろうか？(^^ゞ

予想以上のアクセスがあったのは、ゲーム系検索エンジンだ。
少なくはないと思っていたけど、こんなに割合が高いとは思わなかった。今まで登録更新は四半期に一度くらいだったので、これはｲｸﾅｲ。
今後はせいぜい月イチくらいで登録更新をかけにいこう。
あ、登録更新をかけると「今日の新規・登録更新サイト」みたいな感じで紹介されるんスよ。だからアクセスが多くなるってわけ。
でも登録更新かけるの面倒くせぇよな、、、

あと微妙にアクセスが多かったのがmixi。
これも意外だった。適当に自己紹介に載せてるだけなのに、、、
しかも日記は外部日記なので新着日記にも載らず、マイミクがたった3人しかいないのに関わらず、だ。（笑）
これは逆にいえば内部日記にしてマイミク死ぬほど増やしてコミュニティで積極的に発言すれば、多くなるってことだと思う。
理由はわからんけど、mixiというサイトでの滞在時間は異様に長い。自分でも妙に長時間居すわっていることがある。なんでだろう、、、？
話は少しずれるけど、このあたりに何かがあると思われる。

というわけでまとめます。

HOMEページにはったランキングサイトのバナーは即刻撤去する。

…ちなみに検索キーワードについては特に多く語ることはない。
なぜかというと「PCエンジン」のあとにくっつくキーワードTOP以外はyahoo、googleにおいて把握済み、
そしてそのキーワードをそのままゲーム系検索エンジンに設定してみるというテストも現在実施中だからだ。
※今まではなんとなく自分で考えたキーワードを登録していた
もちろんサイト内にも多くちりばめられている。
Hタグのソース上での構造は残念ながら無視せざるをえない状況なので万全ではないのだが。

ちなみにキーワードTOPは「エミュ」。
このキーワードは我がサイトでは元々使うつもりは全く、無い。

さてどんなホームページを作ろうか

Tue, 05 Dec 2006 16:46:13 GMT

今のホームページも満足に更新できてないくせに！！！！！１　という人もいるとは思うけど、
今回は趣旨からして違う。

アフィリエイトを前提に作られたホームページを考えているのだ。

本当はアフィリエイトではなく何か新しいWebサービスを始めて小銭を稼ぎたいところなんだけど、何も思いつかん。(^^ゞ
という訳でとりあえずアフィリエイトで小銭を稼ごう、と。まぁ小銭*2言ってるけど、本当はガバッと儲けたいのだが。ｗ

しかしそうはいっても難しい。
難しい理由としては、ライバルが多いこと。それと自分の得意なことが少ないこと。
さらにその得意なことももっと知っている人がいる（ライバル）ということで、なかなか思いつかない。
てゆーか色んな本によるとアクセス数＝アフィリエイトの売り上げではないと書かれているので、この考え方自体おかしいのかもしれない。
でも最低限のアクセス数は欲しいよね、、、せめてgoogleで1～2Pあたりに載りそうなくらいで。
とりあえず現状で有望かと思えるネタ（ビッグキーワード？）を挙げてみる。

その1：猫

猫の検索結果約 10,200,000 件中 1 - 10 件目 (0.07 秒)
桁違いだ。さすがというべきか。（？）
とてもじゃないけど検索上位に来る自信がない。てゆーか「PCエンジン」で上位に来てるのも正直奇跡なんだけどさ。
まぁ競合サイトでデータベース化しているところがないので、という理由もあるけど。
それはさておき猫でホームページ作るのはかなり難しい。ありきたりな内容ではだめだ。
しかも猫サイトはコミュニケーション命っぽいところがあるので、尚更苦手だ。
で、そこで考えたのは、、、「どうせモテないし猫でも飼おうぜ」というどっかで聞いたような趣旨のページだ。
正直これなら内容考えるのも自信あるし、オリジナリティかつ、ただの猫好きというより潜在的な隠れ猫好きを発掘できるし、
そういう人はゲーム系が好きっぽいのでアフィリエイトもゲーム系で貼れるし、結構いいことづくめだと思う。
まぁこの考え方が合ってれば、の話だけど。ただ問題が一つ。
自虐ネタだということだ、、、
xaitohってHNがオリジナルすぎるし、仮にxaitohを使わなくても猫画像で誰なのか特定できなくもないし、
運営するのはwaku2traffics.comと同じサーバーだし、100%個人が特定できるってのは痛い。
本名とかは全く晒してないつもりだけどさぁ、、、

その2：ThinkPad
ThinkPad の検索結果約 32,900,000 件中 1 - 10 件目 (0.13 秒)
更にほぼ3倍ときた。そりゃあ世界のIBM（だった）からね、、、
これも検索上位に来る自信がない。
何より内容も自信がない。データベースは既にいくらでもあるし。
オリジナルコンテンツを作るにしても、ﾎﾞｸは3台しかThinkPad持ってないし実は詳しくない。
（それいったらPCエンジンだって詳しくないってﾂｯｺﾐが、、、）
一応IBMでハード・ソフトウェア全部固めたらこうなるぜ、みたいなことを書いてみようかと思ったけど
それ実現できるかわかんねーし。
今ちょうど計画練ってるところで、正直かなり難しい。相当のｽｷﾙが要求されるし。
それだけ苦労しても検索上位に来ることが（おそらく）無いってのは、かなり切ないので、、、多分やらない、、、
ThinkPadなコンテンツはアフィリエイトを想定しない趣味でやった方がいいわな。

他はまだつっこんだところまでは考えてない上に、ちょっと検索かけてみたけど記事自体が少ない（＝人気がない？）ので
多分やらないとは思うけど、とりあえず羅列しておく。いつかここを見直して考え直すこともあるかもしれないしね。
以下「興味はあるしそこそこ詳しいネタ（キーワード）」です。

・塀内夏子のサッカー漫画

　オフサイド

　Jドリーム
・藤原芳秀の漫画

　拳児

　ジーザス

　闇のイージス
・孔雀王
・スーパードクターK
・ホームページ制作スキル
　DreamWeaver
　FIREWORKS
　perl

　PHP
　Linux
　Apache

　postgreSQL

　MySQL

　smarty

　…

('A`) なんか履歴書っぽくなってきたのでやめた。

つーかつまんねー人間だな俺って、、、

Wii発売は我がサイトのメジャーへの追い風になる

Sun, 17 Sep 2006 18:57:51 GMT

と思う。
以下のような図式が成り立つようだ。てゆーか半分すでに成り立っている。

WiiのバーチャルコンソールでPCエンジンの●●が発売決定
↓
どっかのゲーム系メガサイトが紹介。リンクをウチに貼ってくれた
↓
(ﾟдﾟ)ｳﾏｰ

しかし当の我がサイトは、ソフトは全然登録されていないし、それほど面白い事をやっていない。
このままでは来てもらっても速攻お帰りいただく状態。これはまずいｱﾙﾖ、、、

という訳で例の会員制というかSNSをはじめて、機能として何でもキャラバンを始めようと思う。
あとgoogleAPI（まぁMapだろうが）を使って何か面白い遊びでもやってみたい。
あ、それ以前にPCエンジン初心者の人でも理解できるようなFAQ、、、いや、楽しげなPCエンジン紹介ページでも作っておきたいね。

言うだけなら誰でも出来るな。。。
とりあえずWii発売日の12月2日を目処に頑張る。