Archive for the ‘web全般’ Category

このページの目次

ソースコードは見れるけどページが表示されないIE

水曜日, 7月 1st, 2009

こんにちは、なかわけです。

今日は、うっかりわりと有名なトラップに引っかかってしまいました。
IEでソースコードは見られるけどページが真っ白で表示されない状態。

そもそもなんでこのトラップにハマったかというと、取引先からいただいたhtmlファイルで<head>タグ周りを自分で確認しなかったからです。

原因はcharsetより先に<title>タグが来てしまったこと。つまり、こうなっていたわけですね。

<head>
<title>このページは入力ページだよ</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS” >
・・・
</head>

charsetより先に日本語が来てしまうと、IEがページの文字コードをShift-jisをご認識してしまうということらしい。

しかし、ちょっと待った!!そもそもこのページはShift-jisで作っていたはず。なのになぜ見れない。
いろいろ調べていた結果、タイトル内の「入力」という文字を削除すると、表示されるようになりました。
「入力」がダメ文字かなと思って調べてみたけどそういうことでもなかったです。
よくわからないです、この挙動。

この件に関してあんまり詳しく調べても時間の無駄(!?)なので、とりあえず正しく動くように書きなおして終了することにしました。

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS” >
<title>このページは入力ページだよ</title>
・・・
</head>

あ~あ、引っかかっちゃったな~。
以下、参考になる記事です。
http://www.trick7.com/blog/2008/08/06-154000.php

IE6がgzip圧縮が使えない

木曜日, 12月 11th, 2008

こんにちは、なかわけです。

仕事中にphpで動的に生成したJavascriptやCSSがIE6でうまく動かない問題が起こりました。
動的に生成されたCSSの結果をコピペして静的ファイルして置き換えるとうまく動きました。

そのときは原因がわからなくてなんとなくごまかしてその場をしのぎましたがまた同じ問題に直面して今度こそはちゃんと原因を追究しないとなということでその場にいる仲間で調査しました。すると、以下のような記事を見つけました。

JSファイルが圧縮転送されてくると実行されないことがあった

参考:http://mz.skr.jp/note/2007/11/ie6-gzipped-javascript.html

IE6はgzip圧縮に対応しているようですが、どうやらその挙動は怪しいようです。
仲間と相談して圧縮しない設定にしたら、JSもCSSもちゃんと動作するようになりました。 

この不具合によってだいぶ時間を費やしました;;
またこの現象について調べてもあまり関連記事が見つかりませんでした。あまり知られてないのかな?
だとするとみんなに知ってほしいです。結構はまって時間浪費しますw 

 

F5キー更新の罠

火曜日, 2月 5th, 2008

こんにちは、なかわけです。

ふと、仕事していて気が付いたこと。

作業でウェブを更新して、
ファイルをアップして、
ちゃんと更新されたかなーと思って、
F5キーを押してみる。

あれ?

更新されてない・・・。

ファイルちゃんと編集したよなー。
ちゃんとアップされてるよなー。

F5
F5
F5
F5
F5!
F5!!
F5!!!

更新されない。
じっくり考えてみる。

あーなるほど。
F5キーの更新は、「いま表示されてるページのみ」を更新しているのか。
つまり、このページにリンクされているcssやjsは更新されない(ときがある)のね。

F5キーの意外な罠。

F5キー

ボットチェッカー

日曜日, 12月 16th, 2007

こんにちは、なかわけです。

ちょと面白いものを見つけたのでメモ書き程度に記録します。

自分のサイトに検索ボットがいつ来たかを知るためのブログパーツ「ボットチェッカー」。
配布元のサイトで自分のサイトのURLを入力するとコピペするソースが出力されます。GoogleとYahoo!とMSNの3種類があります。利用にあたって登録等がなく、すぐ使えるところがいいです。

そんなわけでウップス!!なかわけにボットが巡回しに来たのは以下の日にちらしいです。

Googleボットチェッカー

Yahoo!ボットチェッカー

MSNボットチェッカー

アクセス解析「なかのひと」

土曜日, 11月 24th, 2007

こんにちは、なかわけです。

ちょっと面白そうなアクセス解析がありました。「なかのひと」という名前のアクセス解析です。

位置情報 アクセス解析 なかのひと – 会社、学校など組織からのアクセスに特化

仕事で使う機会があったのですが用途が合わず使えませんでした。でもどういう解析が出るのか気になったので「ウップス!!なかわけ」に導入してみました。

簡単に説明しますと「なかのひと」アクセス解析はどこの組織(企業・学校・団体・機関など)のネットワークからアクセスがあるかというのが知ることができる解析ツールだそうです。
まあ、それを知ってなかわけがなにをするわけでもないですけど・・・。「なかのひと」の結果や操作画面が見たい人は言ってください。こっそり教えますので。

Firebugはいいツール

金曜日, 8月 3rd, 2007

こんにちは、なかわけです。

先日いいツールを見つけました。「Firebug」というツールです。FireFoxのエクステンションです。

ウェブデベロッパーツールというやつです。

firebug

名前に「bug」とついているとあまりいいイメージではありませんが、たぶんbugをFireするって意味だと思います。

このツールでなにができるかというと、ウェブサイトのソースが見れます。

いやいやソースだけなら、標準機能で見られるじゃんって思う方もいらっしゃると思いますが、その表示がすばらしい。

「調査」ボタンをクリックすると、ロールオーバーしている部分がソースのどこに当たるかを瞬時に示してくれます。
また、平行してその要素にどんなスタイルが付いているかも表示されます。
またまた、そのソースが編集できてプレビューすることができるため、このサイトのCSSどうなってるんだろうってときに、スタイルをちょちょいと編集してスタイルをはずしたりすることもできます。

またまたまた、Javascriptの実行結果もソースで出力されるとこともすごい。普通Javascriptを書くときは、出力されるものを想像しながら書くか、静的にHTMLで書いたものをJavacriptに書き直すというような作業になります。そのときに、バグがあったとしても気づきにくくどこにバグがあったかは、出力結果をalert()やdocument.write()などで調べなくてはいけません。

が、FirebugはJavascriptの結果をHTMLソースの中に織り交ぜて出力してくれます。便利便利。

とまあ、ほかにも価値のある機能がたくさんあります。興味にある方はインストールしてみてください。
ウェブデザイナーにはもってこいのツールです。

こういうの作れる人ってすごい。

(さらに…)

FireFoxの<iFrame>のバグ

火曜日, 1月 30th, 2007

こんにちは、なかわけです。

仕事でFireFoxのバグを発見したので覚書きしときます。日記として読んでも面白くないですよ~。

バグの症状は、1ページ内に複数のインラインフレームを使用した際にフレーム内の内容が入れ替わって表示されてしまう、もしくは同じ内容が重複して表示されてしまうというもの。

検証した結果、以下の条件でこのバグが発生することがわかりました。

  1. ブラウザがFireFoxであること
  2. 1ページに複数の<iFrame>が使用されていること
  3. ページの表示が遅いこと

3つ目の条件の補足説明。
そのページにプログラムを使用していて処理が重いとかページ内のボリュームが多いときにFireFoxのレンダリング処理が追いつかずに表示がおかしくなってしまうようです。

なかわけはFireFoxが好きなので、よく使っていましたが初めてバグを見つけました。まあ、通常使用している場合にはあまり当たらないバグだと思うので問題ないと思います。

FireFoxの中の人が見ているとは思いませんが、もし見てたらそういうことです。中の人がんばれ~。

携帯インターネット

月曜日, 1月 22nd, 2007

こんにちは、なかわけです。

みなさんは、携帯でインターネットしてますか?なかわけは電車の乗り換え検索くらいしかしません。
だって携帯の画面小さいじゃん。

と思っていたのですが、一般的にはかなりのユーザが携帯でインターネットしているらしいですね。オイラの知り合いも「携帯インターネットのユーザ数、ヤバイっす」って言ってて、そのときは「ふ~ん」としか思ってなかったけど、近年のSNSサービス、ま、主にMixなんだろうけど、それの浸透によって爆発的に増えたんじゃないかと思っております。1日に1億PVだってさ。ヤバイね。

電車の中でみんな携帯をピコピコ触ってるのは、それだったんですね。

でもやっぱりなかわけはちょと使いにくいと思う。なんかいい方法ないもんかね。たぶんそこに大きなビジネスが転がってると思う。

Wifiソーシャルコミュニティー FON

金曜日, 12月 8th, 2006

こんにちは。なかわけです。

みなさんは、FONって知ってますか。オイラは友達から聞いて最近知りました。

■FONのサイト

簡単に説明しますと、自宅の無線環境を他人に公開する代わりに、出かけた先で他人の無線環境を借りられる、というサービスだそうです。一見すると、「無線を開放!?他人をタダ乗りさせのかよ?」とか「セキュリティ的に最悪じゃん!?」という印象ですね。オイラも最初そう思いました。

でも実際そこらへんはちゃんと考えられているそうです。基本的にこのサービスを利用するには、アカウント登録と専用ルータが必要で、もちろん自宅のプライベートエリアと開放エリアを分けて無線を管理できるそうです。

すでにexciteと提携をしていて、これからISPとどんどん契約していてシェアを広げていくそうです。面白そうだったので早速登録してみました。ほとんど興味本意です。

でも、このサービスはすでに世界140カ国以上に広がっていて、日本でも浸透すればインターネットに困ることなくなるかもしれません。

と言ってみましたが、オイラノートパソコンなんて持ってないから外でインターネットできないけどね。