慎太郎のHPのブログ

現在更新できません。

現在、個人的な諸事情により、一時的にサイトの更新ができません。
ここまで更新できなくなるとは思っていなかったのですが。
でも、まだまだサイト内を繁栄させて、わかりやすくしていきたいんで、
がんばりますー。

現状報告です

ただいまのホームページ状況について
今日は書こうと思います。
このホームページを最初に開設したのは2009年1月7日。
最初に開設したのは忍者ホームページで、
共有ドメインでの開設から、宣伝をたくさんしました。
宣伝というのは相互リンク依頼とか、
検索サイトに登録とか、
まあそこら辺を。
それで独自ドメインを取得し、サイトを引越し。
忍者ホームページは無料で
独自ドメインの持込による開設はできないので。
そして今、google、yahoo、msnでのサイトインデックス状況は良好です。
どれもやっと250以上くらいインデックス登録してくれました。
googleはサイト登録してからすぐにインデックス登録し、
それからyahoo、最近やっとmsnがそれくらい登録してくれました。
アクセス数ですが、日に100人越えくらいをこの頃はしてくれていて、
休日、祝日は少ないという感じです。
一番最初からホームページを作成し続けて、
かわいがってきたのでこの人数はすごくうれしいです。
独自ドメインに変えたほうが集客がいいことがよくわかりました。
でもいまだに、yahooからは嫌われているようで、
yahooを使っでの訪問者は少ない少ない・・・。
msnはインデックスに載り始めるのと同時に訪問者も増えました。
まあ、これからどうなるかはわからないんですけどね。
でもいまだに、googleからの訪問者がほとんどですね。
まあ、こんな感じのことがアクセス解析でわかります。
訪問者の検索ワードなんかもわかるんで、
検索ワードに書かれている言葉を見て
サイト内で付け足す部分は付け足したりしたいですね。
訪問者が求めている情報を提供したいんで。
じゃないと「検索」じゃないじゃん、と思いますから。

あとは、ブラウザのことも気になります。
前にも書きましたが、IEはやっぱりIE6、IE7をあわせると訪問者の大半が占められるんですが、
Firefoxも負けてませんから。
でもスタイルシートでサイト内をいじると、
IEとFirefoxでの表示の違いには結構苦労するので、
やっぱりどちらにも見やすいページを、といつも思っています。

現在はJavaScriptのページをよく更新していますが、
「CSSサンプル」ページを更新しないとな・・・と思っている感じですね。

掲示板をはずしました

掲示板にイタズラな書き込みばっかりあるので
はずしました。

残念です。

googleページランクが3になっていました！

googleページランクを今日調べたところ、
3になっていました！
やりました♪
ページランクが上の人は
「3かよ」と思うかもしれませんが、
個人的には嬉しいです！
今まではページランクがずっと0でしたから。
googleから少しだけ認めてもらえたということかな？
と勝手にいいように解釈しています。

googleは、ホームページを作成してから
googleに登録すると、
最初は一時的に検索結果上位になって
次第に下がっていくみたいです。
(自分のサイトが2回そうでした)
たまたまだったのかはわかりませんが、
インデックス登録はyahooと比べたら
早いと思います。

サイト内大改造終了

サイト内全体の変更が完了しました。
結構がんばったのですが、
「HTMLタグ」と「スタイルシート」についてのページで
「タグから検索」「スタイルから検索」というボタンの位置が
おかしなことになっています。
これは早急に変更しようと思います。
今回の全変更は
「800*600」のウィンドウサイズのユーザーのために
変更したというのが大きいです。
横を800までとしました。
ページの本文が書かれている部分の幅は今までとほぼ変わっていないので
今まで見ていてくれた人にとっても
ストレスがないようには作ってみました。

ではこれから、携帯用サイト作成に
力を入れてみたいと思います。

全体のデザイン変更を引き続き頑張っています

サイト全体のデザイン変更を現在も頑張っていますが、
スタイルシートでのデザインのズレに
現在も悩まされています。
ブラウザの種類によってズレが生じる問題は
いつになっても解決されません。
ハックを使用して適用させるブラウザを
指定したりしようかとも考えたのですが、
やはり、ハックを用いずにキレイに見える方法を
なるだけ使用した方がいいので、
もう少し考えてみようと思います。

自分が今悩まされているのは
「float」です。
ネットで調べてみても、「float」は結構手ごわいもののようで
「float」を指定した状態でのmargin指定が
ブラウザにより表示が異なるようです。
今はIEだけじゃなく、Firefox使用者も
多くいるので、デザインの不具合について
もう少し粘って頑張っていこうと思います。

それとこの頃、携帯からのアクセスが増えているようです。
残念ながら今のサイトはPC用で、
携帯用には作られていません。
携帯からアクセスしている人はやはり、
携帯サイト用のhtmlタグについて調べたいんでしょうかね？
自分は携帯からネットに一切繋がないので、
多分携帯サイト用タグを調べたいんだな、
と自己解釈して専用のページも作成しようかな、と検討中です。
今頑張っているPC用サイト全体のデザイン変更が終わったら、
携帯サイトも作成していこうと考えています。
今や、携帯でのネットは結構主流でしょうから。
でも、携帯サイトはスタイルシートやJavaScriptが使用できないと
どこかで知った記憶があるので、
早くそれらが使用できるようになるといいなーと思っています。
スタイルシートやJavaScriptはデザイン好きの自分にとっては
とても大事なので。
それと携帯用はファイル容量制限もあるので、
そこらへんの勝手が良くなるよう願いますね。

サイト内大改造中。

サイト全体の構成を現在変更しています。
結構な代価増になると思うので、
サイトの更新は少々お休みだと思います。
サイトのソースを変更したり新しく作ったりするPCと
ネットにつながっているPCが違うので、
全体的な再構成が完成しないと
アップしません。
早急に、見やすいサイトへの移行を頑張りたいと思います。

スタイルシートについて

スタイルシートのページを現在、増設中です。
まだまだ種類はあるので。
スタイルシートってデザイン担当なんで、
htmlソースとは別にして
「こっちは基本構造、こっちはデザイン」と
役割を分けて書くことができるものなんで
使えるようになると便利です。
でもそのかわり、
スタイルシート特有のバグというか、
「このブラウザだといいけど、このブラウザだと変な表示になってる」
っていうことがよくあります。
これがなかなか手強いんです。
だからいくつものブラウザチェックが必要になってくるんです。
難しいですよね。
Firefoxでスタイルシートについてのページをみたとき、
変なずれがあったのですが、
それは今日、直しました。
でも、結果的に
他のブラウザ含め、Firefoxでも
ちょっとだけ見た目が悪くなってしまいました。
そういうことになるんです。

まだまだ奥が深いということですね。

スクロールが滑らかなJavaScript

「スムーススクロール」というものをサイトに取り入れてみました。
これはJavaScriptなんですが、
取り入れ方が簡単で、
しかも使い勝手がいいです。
この「スムーススクロール」というのは
アンカータグ「a」で、ページ内の移動をする場合
(たとえば、「ページ上部へ移動」とか)
通常であれば画面が切り替わる感じで
所定の位置まで移動なんですが、
これは所定の位置までスーっと行くというか、
とにかくこれは実物を見た方がわかりやすいのですが
そんなものがあるんです。
自分のサイトだと全ページにつけたのですが、
ページの下の方に「～サイト上部へ」というリンクがあると思うので
それを押してみてください。
中村慎太郎のHTMLタグ・スタイルシート辞典
ブラウザのJavaScriptをonにしていたなら
ページがスムーズスクロールしたと思います。
これを入れてみたんです。

この使用方法なんですが、まず
・http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/
というページに
「dfSmooth Scroll　5.66 KB　・・・」という場所があるので、
このリンクをクリックしてファイルをダウンロードしてください。
・次に、ファイルを解凍して、任意のディレクトリにアップします。
この説明では「JaVa」というディレクトリに入れたとしましょう。
・そして、使用したいページの<head>~</head>内に以下の一文を入れて下さい。
<script type="text/JavaScript" src="JaVa/smooth.pack.js"></script>

これで完了です。簡単でしょ。
でも、注意点としては、
このスクリプトはページ内移動する
「<a name="~"」というタグがないと動作させる場所がありません。
他ページからの移動だったりは動作しませんので。

これを使うとちょっとだけ、
ページがかっこよくなりますよね。

ホームページの引っ越しに関する情報2

先日記載した、
ホームページの引っ越しに関する情報
というページで、

1.新サーバー調べ・独自ドメイン取得
2.元サイトで「サイト移転ページ」を載せるために準備・作成

という2つのことを主に行ったと書きました。
今日はこの2番目、

「元サイトで「サイト移転ページ」を載せるために準備・作成」

について書きます。

今まで運営してきたサイトの場所には相変わらず、
多かれ少なかれ、訪問者がやってきます。
サイトが移転したからと言って
すぐに訪問者が新しい方に来てくれるわけがないし
検索サイトにも古い方のサイトが載ったままの状態です。
検索サイトも、自分に合わせて情報更新をしているわけではないので。
移転前のサイトを全削除してしまうだけだと、
今までごひいきにしてくれた人や、
検索サイトを使って来てくれた人に対して
不親切です。

そんなときのために
元のサイトに
「このサイトは移転しました。新しい場所はココですよー」
と教えてあげられれば親切です。

そのために、「移転しました」ページを作成。
自分の場合はこんなページです。
中村慎太郎の古いページ

移転に関する文章はもちろん書かないといけませんが、
このページは「5秒後に新サイトに自動ジャンプ」するようにしています。
これはJavaScriptを使って操作しています。
このページを作成するのに
参考にしたサイトはココです。
http://www.dieen.net/internet/url_jump.html

移転するときは参考にするべし！！