- WebとPCのメモ帳
- 2008年04月
クロスブラウザの基礎知識 〜原因とその対応方法〜
- Entry Time
- 2008 04/30 01:46 (Wed)
- Category
- HTML CSS
Web制作やBlogのカスタマイズでよく起こりがちなのが、「あるブラウザでは思った通りに表示されるが、別のブラウザで見ると表示が崩れている。もしくは思った通りに表示されない。」という現象。
私もBlogのカスタマイズで新しいテンプレートを土台にあらゆる場所を変更したのですが、様々な表示の違いにかなり悩まされました。自分が調べている範囲でもIE以外の利用者が相当増えてきていますから、IEだけでちゃんと表示されればいいと割り切るわけにもいきません。(そもそも自分はFirefoxを使ってますからね。)
今回はそのようなクロスブラウザ対応で困らないための基礎知識がテーマです。起きるトラブルで大体の原因の予想がつけば、解決する手段を見つけるのはそう難しくありません。もちろん個々のトラブルの原因はケースバイケースですから、条件に当てはまらない場合も多々ありますのでご注意を。
クロスブラウザの基礎知識 〜原因とその対応方法〜 の続きを読む
Yahoo!からのアクセスが急増していた
- Entry Time
- 2008 04/26 23:12 (Sat)
- Category
- 検索エンジン
アクセス解析をチェックしていて気がついたんですが、なぜかここ数日Yahoo検索からのアクセス数が目に見えて増えていました。
最初はテンプレートを変更した効果が早くも出たのか？と思ったのですが、Googleの方は特に変化はありません。
気になったので少し調べてみたのですが、どうやらYahoo検索のアルゴリズムが変わったらしいですね。
Yahoo!が開発しているウェブサーチエンジン「Yahoo! Search Technology (YST)」のインデックスについて、フルアップデートを実施しましたので、お知らせいたします。
YSTでは日本語処理やコンテンツ解析、その他機能の研究開発に注力していますが、その成果をインデクサに組み込み、全体を更新する作業を行いました。これにより検索結果が改善されます。
YST update 実施しました (Yahoo!検索 スタッフブログ)
このBlogにおけるYahoo検索経由の訪問者はかなり少ないのですが、このままの勢いが続くと仮定すればGoogle：Yahooの比率が2：1ぐらいになるかもしれません。(今までは5：1ぐらい。)ネタの問題でYahoo経由の人は少ないと思っていたのですが、単純にアルゴリズムの問題だったということでしょうかね。
「CSSかテーブルか」よりもっと重要なこと
- Entry Time
- 2008 04/26 20:08 (Sat)
- Category
- HTML CSS
CSSで組むことのメリットとか｜CSS HappyLifeを読んで気になったのでエントリを一つ。
テーブルレイアウトじゃなく、正しいHTMLとCSS使ってサイトを作ることのメリットって何だろー？
CSSで組むことのメリットとか (CSS HappyLife)
制作者側とサイト運営者(企業)にしかメリットがないのが気になるという話なのですが、個人的にはそれで別に構わないと思うのです。
リニューアル作業が完了しました
- Entry Time
- 2008 04/25 23:27 (Fri)
- Category
- お知らせ
サイト内のほとんどの修正・チェック作業が完了しました。本日から本公開となります。
技術的な作業が終了しましたので、これからは溜まっているネタを積極的に執筆・公開していきたいと思います。今後ともよろしくお願いします。
あなたの日記ブログに人を呼び込む4＋1の方法
- Entry Time
- 2008 04/24 23:36 (Thu)
- Category
- アクセスアップ
「自分語り」を読んでもらうために。を読んで。
「こんなこと言ったら申し訳ないけどさ、他人の私生活なんか興味ないねんよな……。友達でも何人かブログやってる子おって、見に来てとかコメント書いてとかよう言われるけど、正直困るねん。だってぜんぜんおもろないねんもん」
「自分語り」を読んでもらうために。 (われ思ふ ゆえに・・・)
日記Blogで人が来ないという話は非常によく聞きます。最初から身内の交流ために始めたBlogやサイトならアクセス数など関係ないでしょうが、「世界中に発信できる」という話を聞いて始めた人は予想と現実の落差に愕然とするかもしれません。
参考:アクセス数の理想と現実
残念なことですが、これは大概の場合において事実です。同じ私が運営していたとしても、ここが私の日常を語るだけのBlogだったら未だに6hotだったかもしれません。
アルファブロガーも普通に日記Blogを書いている人も、使っているのは同じBlogというツールです。それなのになぜこのような違いが生まれるのでしょうか？
続・IEではなくFirefoxのみで発生するCSS styleトラブル
- Entry Time
- 2008 04/21 22:11 (Mon)
- Category
- ブラウザ
前回のエントリIEではなくFirefoxのみで発生するCSS styleトラブルにこんなトラックバックをいただきました。
そんなことが起こるのか！？
検証：IEではなくFirefoxのみで発生するCSS styleトラブル？ (THE HAM MEDIA)
なんて疑問に思ったので検証してみた。
こちらでも再度検証してみましたので、結果を報告します。
続・IEではなくFirefoxのみで発生するCSS styleトラブル の続きを読む
IEではなくFirefoxのみで発生するCSS styleトラブル
- Entry Time
- 2008 04/20 02:34 (Sun)
- Category
- ブラウザ
新テンプレートの修正作業を続けているのですが、何ともおかしな不具合が発生していました。公開時点から様々な問題を発見したのですが、ほとんどはこれが原因だったようです。
起こっていたトラブルを簡単にいえば「Firefoxだけ本文内のスタイルが無視される」という状態です。
例えば「<span style="color:#ff0000">赤色</span>」と書けば「赤色」という文字は普通赤くなります。ところが、なぜかFirefoxだけこれが無視されていました。
正直、凄くはまったトラブルだったのですが、判明した原因は笑ってしまうほど簡単なものでした。
IEではなくFirefoxのみで発生するCSS styleトラブル の続きを読む
暫定リニューアルしました
- Entry Time
- 2008 04/19 04:29 (Sat)
- Category
- お知らせ
定期的に来てくれている方で今現在サイトをご覧の方は見てわかると思いますが、このBlogのテンプレートを変更してリニューアルしました。
最近更新が滞っていていましたが、原因はこれです。HTMLとCSSの変更・修正に手間取り、Blogを書く時間がさっぱり取れませんでした。まあそのかいがありまして、何とか公開にこぎ着けました。
2度目のテンプレート変更ということで、とりあえず今までに気になっていた点と修正したかった点をすべて洗い出して、新しいテンプレートをカスタマイズしました。さらに「せっかくだから」と近年のWebサイトのトレンドをいくつか取り入れてみました。主な修正点は以下のとおり。
- サイドバーを右にまとめるタイプの3カラムに変更
- 固定レイアウト(固定幅)を廃止し、リキッドレイアウトに
- ただしネガティブマージンを使いサイドバーだけは固定幅
- 固定フォントサイズを廃止し、すべて相対サイズに
- IEでもフォントサイズを変更可能に
- エラスティックレイアウトの採用(不完全)
- 物理マークアップの廃止、見栄えはすべてCSSに移行
- メインカラムのみ。サイドバーは今後修正
- できる限りの理論マークアップを試みる
- まだ不完全な部分が多いので、今後の課題
- いくつかのタグの最適化
ただタイトルに「暫定」とついているように、すでに問題が発生していることも確認しています。現時点で私が認識しているのは以下のもの。
- コメント入力欄の異常(入力補助機能のJavaScirptがおかしい)
上記のエラーは今のところFirefoxのみで発生しており、他のブラウザ(IE6＆7、Opera)では発生していません。他にもチェックし切れていない問題はたくさんあるでしょうから、今後見つけて修正していきたいと思います。(変なところがあったら教えてくれると幸いです。)
ちなみにIE6の場合画像の枠が灰色になっていると思いますが、これは仕様です。(alphafilter.jsを使ってみたんですが、上手く動かなくて挫折。他のJavaScriptと干渉でもしているのかもしれません。)
というわけでしばらくレイアウトが安定しなかったり、ちゃんと表示できなくなったりするかもしれませんが、今後もよろしくお願いします。
Tag List
はてなアンテナに追加
