h1タグで迷走中…。

ｈ１タグで現在迷走している。

このタグは、もっとも重要な見出し部分に使われるタグだと考えてるんですが、このh1の効果的な使い方が、現在わからなくなってきました。

そんな分けで、私の個人的な悩みをここでぶちまけてみて、もしも興味のある人や個人的な考え方のある方がいれば、意見を交換できたらなどと考えています。

h1タグは、何度も書きますが、簡単にはレベルがもっとも高い見出しと言う事ですが、この説明は非常に曖昧な表現では無いでしょうか…。

そんなはっきりとした使い方のわからないh1タグに対して、私は三つの選択肢が出ていて、最近この選択肢の中でどれが最もすばらしい使い方なのかと言う事にすごく悩んでいます。

キーワードをh1に含める使い方
検索エンジンを「ターゲットにしたキーワードを含めたキャッチフレーズ」を、スタイルシートで大きさを調節したh1タグで定義して、ページの上の方にちょこっと表示する物がある。

昔はこれはすばらしいテクニックだと思っていたけど、最近は本当にこんな使い方をしてて良いのだろうかと考える様になった。

実際にびり？ビリオフ会♪のサイトで、これらh1タグの部分を削除しても、検索エンジンの順位は下がって無いですし、突然スパムの判定を食らっても不思議では無いのではと個人的に推測しているので、今ではこの使い方は排除しております。

ページのタイトルをつけるかサイトのタイトルをつけるか
残り二つの考え方が、「ページのタイトルをそのままh1タグにする」っいう考え方と「サイト全体のタイトルをh1タグで定義する」という考え方です。

１．「地球防衛隊コソレンジャー」と言うサイトを作っていたとします。

２．そしてサイトの中に、「ビリヤード」に関する内容のコンテンツのページを作るとします。

そのビリヤード情報のコンテンツページのh1タグは、内容のタイトルとなる「ビリヤードについて」にすべきか、サイトのタイトルになる「地球防衛隊コソレンジャー」にすべきか…って事です。

今、びり？ビリオフ会♪というサイトを作っております。

このサイトのページのすべては、左上にあるロゴ（ビリヤードサークル「びり？ビリオフ会♪」)に対してh1タグを定義しています。

でも、コンテンツの中には「ビリヤードについて」や「Web製作リンク集」など、「びり？ビリオフ会♪」には直接関係の無いコンテンツも混ざっています。

それでも、「びり？ビリオフ会♪」のサイト内にあると言う理由で、すべてのページのh1タグは、左上のロゴに対して定義しています。

この考え方で本当に良いのだろうか…っと眠れぬ夜をすごしております。

おそらくこの使い方については、さまざまな考え方があると思いますし、製作するサイトのコンテンツの内容によっては、柔軟に対応すべき点ではあると思うのですが、ここはあえて多くの方の意見を聞いて見たいと考えてます。

私は２点まで絞って話しを進めていますが、私の考え方とは違う考えをお持ちの方のご意見も心から大歓迎ですので、ご意見を頂けたら幸いです。

見苦しい記事を書いて申し訳ありませんでした。

超可愛くなったと思う(^^)

前回載せたイラストを
ロゴの形にしてみた。

この絵を再び書き直したりするんですが、どうしてもこの絵を越えるものが出来ない･･･。凄く雑に書いた物を丁寧に書くと、どうしても不自然になってしまう･･･。

下手だからこそ、バランスが取れてるんじゃないかって思う。

目の形も、綺麗な曲線で作ると、全く別の物になってしまうし、あーだこーだやってて、結局殆どの部分はそのままパスを切った。



なんだろう･･･。なんでこの適当に見える絵がやたらとバランスがよく見えるんだろう･･･。

凄く不思議だ･･･。

びり？ビリオフ会♪について

最近、びり？ビリオフ会♪公式サイトの
レイアウトがずれてきたのと、
後から後からバナーなどをつけた事もあり、最初に作った時とは大幅に違うサイトに変わってしまったので、ここは一つリニューアルしたいと思います。

とはいえ、リニューアルといっても、文章などの内容はそのままで、あくまでも外観のみに手を加えて行くつもりです。

特殊なサイトであるがゆえに、自由度が足りないので、今度は自由度の高いＨＴＭＬにして、ＣＳＳの変更だけでリニューアル出来るようにと、一ページずつじっくりと作って行きたいと思います。

ただ、その前に一つページの構成などの見直しもやりたいとおもってますし、ビリヤードの素材も作りたいと思ってるので、すぐに更新されると言うことはないのですが･･･。

オーナーにもまだ相談もしてないですし、いるコンテンツは増やして、いらないコンテンツはどんどん削除して行こうと考えてますので、時間はかかると思いますが、少しずつ手を加えて行きたいと思ってます。

ただ、結局なあなあで終る可能性も･･･。

何で複数のＣＳＳファイルに分けるのか･･･。

私の運営しているびり？ビリオフ会♪公式サイトでは、
ＣＳＳファイルを一つにまとめてある。

しかし、大きな企業のサイトをみると、その多くが一つのＣＳＳから、インポートで複数のＣＳＳファイルで分けられていて、正直意味はあるのかと疑っていた。

複数のファイルを読み込むのには時間もかかるし、サイトの一部分の更新を行う時も、複数のテキストエディタを一度に開いて組み立てなくてはならないし、あんまり効率的に良くないのでは？って勝手に考えてましたが、本日その考え方が浅はかだった事が分かった。

最近、DREAMWEAVERの使い方を勉強してきて、なんとなく理解が深まったので、私の管理しているびり？ビリオフ会♪公式サイトを更新しようと思ったんですよ。

そしたら、もう沢山あるＣＳＳのＩＤやらクラスやらが大量に出てきて、目的のコードを探すのに時間がかかるんです。

メモ帳には、最初に目次がおいてあり、目次とタグやＩＤ・クラスなどの部分のそれぞれの先頭に、C-20などの記号をつけてまして、目次についている記号を、メモ帳の検索機能を使って検索すると、目的のタグの部分に飛べるように設定しています。

しかし、ドリームウェーバーのＣＳＳファイルを一覧できる所では、コメントなどは一切表示されていないので、検索できない上に、何処までがナビゲーションでどこからがフッターなのかと言った境界線すら見えない状態に、凄くイライラします。

結局普通にＣＳＳファイルを直接いじるハメとなったんですが、途中で、ハッと思いました。

レイアウトのファイルと文章のファイルと･･･ってあらかじめ分けておけば、目的のコードを安易に見つけられるのではないかと･･･。

あっそれでみんな目的によってファイルを細かくわけていたのか･･･っと今になって身をもって実感しました。

もうびり？ビリオフ会♪公式サイトについては、収拾がつかないぐらいの量になっていて、このサイトをドリームウェーバーで運営するのは諦めました。

正直、このサイトはこのサイトで味があると思ってますし、メモ帳ならではのサイトだと思ってるんで、最初で最後のテキストエディタでの作成サイトにしたいと思います。

いや、今後もタグ打ちでサイトを作るかも知れないのですが、今後はできるだけコーディングソフトを使ってサイトを作っていこうと思います。

なんか、振り出しに戻った気分です。

前の職場の方から頂いた金閣寺

前の職場で、お世話になったある方から、
一枚の写真を頂きました。

その金閣寺は、私が忙しくて大変だった時に、
バーチャル京都へと誘ってくれた写真で、
大変お世話になったので、欲しいとお願いしたものです。

その写真を、私なりに加工して、
このブログの右下に配置しました。

既にcontenerにはもみじの絵が入っていた為に、
やむを得ずDiv タグを加えたまではしたんですが、
ＣＳＳは色々といじくりまくって、
どうやって今の配置にしたのか、
全然分かりません（笑）

超感覚的にやっちゃったんで、
このブログの修正をする時は、凄く大変そうです。

それにしても、京都に行きたいですね･･･。

DREAMWEAVERが楽しくなってきました。

今までは、心からドリームウェーバーを使うのが
しんどくて仕方がありませんでした。

なぜなら、テキストとブラウザを使って、ＣＳＳをコーディングしていった方が、凄く早く組めるし、さらには自由度の高い構築が出来ると思っているからです。

今まで勉強した本も、その殆どはDREAMWEAVER を対象としていない、メモ帳などのテキストソフトでのコーディングが主体だった事もあり、DREAMWEAVERを購入した後でも、あんまり使いたいって思いませんでした。

一つのタグに対して、複数のクラスをつける事が出来ないので、複雑に絡み合った組み立てを行う際は、どうしてもタグを増やさなくてはならなかったり、結局はコード表示モードで編集するぐらいなら、さっさとメモ帳でコーディングした方が良いって思ってたんですが、それは私の認識が浅かったと反省しております。

いや、確かにクラスを複数指定するのには、結局コードをいじらなくてはならないですし、複雑なレイアウトを少ないタグで表現する為には、やっぱり手作業で行う部分はあると思いますが、でも凄く便利な機能が満載だと言う事を認識させられました。

DREAMWEAVER8による至極のCSSレイアウトデザイン! パーフェクトブック

この本によって、私のDREAMWEAVER嫌いが克服できそうです。昨日の夜にフラッと本屋さんで読んでみて、内容が凄く気にいりまして、そのまま購入したんですが、当たりだと思います。

正直、最初の内は、複数のdivボックスに、同じＩＤを指定したりと、これはおかしいだろっ！って気に入らない部分もありましたし（後にＩＤについての注意書きが書かれていたので、これは問題ないのですが･･･。）、いつのまにか加わっているＣＳＳのソースなどがあったりで、この本の文章の通りに作って言っても、完成したものが違う物になったりしますが、肝心のDREAMWEAVER の使い方の手順についてはきっちり書いてます。

あくまでもDREAM WEAVERでの作成の流れを伝える事が目的であり、マークアップの本ではないんだから、むしろこれでいいんじゃんって思いました。

この本は、DREAMWEAVERの魅力的な機能をフルに活用できる素晴らしいマニュアルだと思いますので、今後しばらくはこの本でDREAMWEAVERの可能性をどんどん教えてもらい、自らの力にしていきたいと思います。

って事で、しばらく私は忙しくなります。

wikiが上手く設置できない･･･。

「ウィキ？ビリオフ会♪」と言う計画として、
ウィキの設置を試みていたんですが、
エラーが出まくって上手く設置する事が出来ません･･･。

いったい何のエラーなのか、
知識の無い私には全然理解できず、
もう少し勉強してから、改めてチャレンジしたいと思います。

このまま続けてみてもと思うのですが、いろいろいじくり過ぎてもうめちゃくちゃでして、最初から行う覚悟を決めて参りましたので、またしばらくは出来る事で違う事を優先して行いたいと思います。

ただ、前回設置した時の状況を考えると、そんなに重要でもない気もしてたので、正直これは自分がやりたいだけなのかも（笑）

ＲＳＳバナーを作ったんですよ。

ＲＳＳアイコン？バナーを作ってみたんですよ。
このブログの下の方にもおいてあるのですが、
この簡単そうに作られたバナーを作るのに、
司馬亜（シヴァ）は２時間以上もの時間を
費やしました。

なれないイラレで試行錯誤しながら、
色々な本を参考にしながら･･･。

っで、出来た物は最初に作ろうとしていたデザインと全然違うものとなりました（笑）



これを使いたいって物好きな方がいたら、
別に使っていただいても構わないので、一言何か書いてください。

いや、別に何かを要求したいのではなくて、
私が超一生懸命に作った物を、私以外の方に認めて貰えたら、
超嬉しいって事ですっ！

大きさは、小さいものを作ったのですが、
皆さんの好みもあると思ったので、
300×100のサイズをおいとく事にしました。

いたら本当にうれしいんだけどなぁ･･･。

このボイスパーカッションは凄いね！

昔、ＣＳＳの勉強をしていた時に、
よく海外のサイトを参考にさせて頂いてました。
このサイトの前のデザインは、非常に綺麗で、
目標にしてたんですが、あるときからこの形となり、
そして、この動画がおかれていました。

最初は何かの効果音だと思ってたんですが、
よくみると男の人の口が動いているんですよ。

もう夢中でやりましたよ。
ボイスパーカッションの練習（笑）

日本でも以前ボイスパーカッションが流行しましたが、
世界ではこんなに凄い人もいるんだとビックリさせられました。

ただ、個人的に最後のオチがヘリコプターってのが
ちょっと･･･って感じです･･･。

オリジナルブログデザインですよ(^^)

なんか、どのテンプレートにしても、
それぞれ問題があって満足出来なかったので、
結局自作のデザインに致しました。

以前も使っていたんですが、
今回はさらに右側の体裁を整え、進化しました。

って微妙な進化だけど･･･。

やっぱこれは美しいな･･･。

一仕事終えて満足っ！

ぜんぜんダイエットしてないじゃん・・・。

ひとつ気がついた事があります。
それは私がダイエットをしていない事なんですよ・・・。

最初の目論見では、ビリー隊長の元へ入隊を考えていたんですが、
実際に体験してみて、とても私の三畳の部屋では実践できないと判断しました。

そこで、いろいろな方法を模索していて、わかった事がいくつかあります。

それは、体を鍛えて強靭な体を手に入れるのであれば、間食以外の食事制限などはせず、また逆にスリムな体を手に入れるのであれば、体を鍛えるのではなく、ウォーキングなどの運動をしながら食事制限を行った方がよさそうだと思いました。

昔は、体に脂肪がつきにくくて、体を鍛えても大きくはならなかったのですが、今は太って体のパーツそのものが太くなってるんで、むしろ今こそ体を鍛えるタイミングなのではと思いました。

昔のしょぼい経験での話ですが、見た目に効果が出るのは
おそらく１ヶ月くらいで、それから内側の筋肉が少しずつ
鍛えられると思うので、３ヶ月くらいで体は締まると思ってます。

でも、筋肉以外の部分がついていってないと思うので、やっぱり一年以上は続けないと無理か・・・。

それはそうと、私は最初から少しきつめに動こうと思うんですが、
最初はランニングだけからの方が良いとかってあるんですかね・・・。

うーん…まず自分がどんな体を欲しているのかをイメージする事からはじめたいと思います。

組み合わせを狙った効果･･･

組み合わせを狙った効果が、最近現れ始めました。
自分のレンタルしているサーバーに移動したおかげか、
以前のサーバードメインが受けたペナルティから開放され、
サーバーを移転させて本当に良かったと今になって思います。

「新宿　オフ会　ビリヤード　サークル」の4つに絞り、
四つのキーワードを２つ以上組み合わせて検索された方を狙って
コンテンツを増やして参りました。（完全にＹＡＨＯＯ狙い）

一日のアクセス数（ページビュー数）が、ブログ・掲示板を省き、
80〜300になりました。サーバーの移転に伴い、皆様にご協力頂けた
おかげで、ほぼ以前のサーバーの状態まで回復できた
のではないかと思います。

今でもオフ会に御参加いただけるメンバーの皆様。
そして、リンク先の変更を快く受けていただけた
相互リンクパートナーの皆様。

ご迷惑をおかけしまして、申し訳ありませんでした。
そして、心より感謝いたしております。

本当にありがとうございますっ！
今後とも、びり？ビリオフ会♪を宜しくお願い申し上げます。

ハッチポッチステーション

素晴らしいパロディー音楽の世界です。
ハッチポッチステーションは、子供向けの教育番組の一つですが、
グッチ雄三さんの歌うパロディ音楽は、大人でも楽しめるものだと
確信しております。

特にグイーン（三番目）の映像は、
クイーンのボヘミアン・ラプソディの映像を
ご覧になった事のある方がみれば、
面白いと思います。

1.エリック・かけブトン
2.デーブ・パープル
3.グイーン
4.ローリング・すっころんだ

SEO 対策って･･･。

最近、自分が運営している
ビリヤードサークルのサイトに、
やたらと相互リンクを求めるメールが届くようになった。

私の作っている「びり？ビリオフ会♪」公式サイトは、Ｗｅｂ標準に沿うサイト作りを目指して、きっちりとマークアップする事にこだわって作ってきたので、ある意味ＳＥＯ対策をしてきた事になるのかも知れないけど、一般的にはＳＥＯ対策とは言われていない。

一般的なＳＥＯ対策というと、キーワードをいくつも入れたり、相互リンクを増やすもの見たいだ。でも、ＳＥＯって検索エンジン最適化をさす言葉なはず・・・。

そう思うと、同じキーワードを隣接させたり、相互リンクを増やすなんて行為は、果たして本当に検索エンジンロボットに対して、最適なサイトの情報を提供する技術かと思うと、なんか違う気がする。

だけど、私のサイトに相互リンクを求めてくる方々は、「お互いのＳＥＯ対策の為、相互リンクをしましょう」なんて、よく解らない文章を書いてくる。しかも本当に多い･･･。

他のサイトにリンクを貼ってもらえるサイトは、それだけの価値があると検索エンジンに判断させるとか聞いた事があるけど、サイトの価値の向上を考える前に、人為的にリンクを貼ってもらうって方向性に疑問を感じる。

掲示板などを設置すると、必ずといっていいほど第三者の手によって、掲示板を検索エンジンに登録される。さらには分けのわからないリンクを大量に貼っていく人間がいる。彼らは、掲示板にリンクを書き込みする事で、その掲示板のあるサイトから、リンクを貼ってもらっているかのような状況を作り出している。

掲示板のあるサイトに関する感想でも書けば、それはそれで良い事だと思うけど、殆どのＳＥＯによる書き込みは、「素晴らしいサイトですね」とか書きながら、何十個ものリンクを貼っていく・・・。こんなのが、果たして本当に検索エンジン最適化なのかと思う。

サイトを作る側からすると、本当に迷惑な話だ・・・。

って事で、今まで馬鹿正直に、相互リンクを受けてきましたが、今後は意味のある相互リンクをして行きたいと考えてます。でないと、リンク集の価値そのものが低下してしまう・・・。

地味な作業

気がつけば朝・・・。
気がつけば夜・・・。
何かに没頭すると、時間がアッと言う間に過ぎていきます。 
 
別に　javascript の勉強をやめたわけではないのですが、あるサイトの Javascript を見ていると、HTML で、body タグに id がついていました。何故ここに id がついてるのかと思い、ＣＳＳを見たところ、いくつもあるページのデザインを、全て一つのＣＳＳファイルにまとめていました。
 
「body に id をつける事で、デザインを振り分けているんだ・・・」 
 
っと理解できた自分は、いてもたってもいられず、試したくなり、夢中になって５つのCSSを一つにまとめていきました。気がつけば朝になってまして、ついでに３つぐらいに別れていた画像データを一つにまとめて、ｈｔｍｌ 一つ一つの画像の確認をし、ＣＳＳへのリンクを貼りなおしたり、不具合を直したりしていたら、24時間戦ってました。（古いっ・・・）
 
 続きを読む

javascriptめっ･･･。

今更ながら、Javascriptを、
コピー＆ペーストではなく、あくまでも
根本から使えるようになりたいと思い始めた。
 
ＸＨＴＭＬとＣＳＳを組み合わせる事が出来たので、表現する事に関しては、この二つの技術をもっともっと昇華させて行けば良いと言う考えは、未だに変わってはいません。
 
しかし、それは私の主観的価値観であって、客観的価値観では、表現よりも動的な部分を重視することを身にしみて理解して来ました。そして、そこが私の弱点だと考えられているのではないかと思い、その穴をきっちり埋めて、平面にしてやろうと考えたわけです。
 
そして、その私の弱点は、
 
1. Javascript を、body要素内に組み込んだ事が無い事
2. FLASH  を設置した事がない事
3．ＰＨＰ をＸＨＴＭＬに組み込んだ事がない事
 
ではないかと考えたのです。
 
その中でも、 Javascript に関しては、ブラウザクラッシャーなどの影響で、ＯＦＦにする人がいたり、検索エンジンとの相性が悪いなどのデメリットが現段階では出てきているので、 Javascript に拘らない静的なサイト作りに走った為、勉強しようとは思いませんでした。
 
しかし、最近では Javascript にＣＳＳやＸＭＬなどと組み合わせた、Ａｊａｘなどという技術も注目を浴びてきた事や、またマークアップコーディングを行なう際にも、ＰＨＰや Javascript に関する基本的な知識が必要になってくる事がわかった為、重要視するようになりました。
 
 Javascript が解らなくても、ウェブデザインの仕事が出来るよって言われた事もありましたしかし、ＰＨＰやFLASH同様に、ある程度は理解をしないと、ＣＳＳの本当の力を発揮できないのではないかと思い、ＰＨＰ と ＦＬＡＳＨ と Javascript のいずれから制覇しようかと思い、比較的簡単だろうと思って Javascript に手を出しました･･･。
 続きを読む