朝顔日記

来ましたねぇ〜。早速インストールしてみました。け、ケバイ！ (w

• Opera7β

ぱっと見、気が付いたのは、ナビゲーションバーが装備されていますね。css の対応状況はおいおい見て行きたいと思います。

まだあまり触っていませんが、件の「ミニはてなアンテナ」は、何故か駄目になりました。メイン画面では、こちらの想定した通りの動作なんですが、ホットリストに収まると、なぜかリロードリンクも効かないし、target="hoge" （謎）も効きません。何故でしょう？ UA 名はデフォルトで、IE6 を名乗るみたいなんで、opera7 にしてみましたが、それでも駄目です。ホットリスト上からこのサイトにアクセス（ようはミニ朝顔日記状態）してみて、refferrerとってみてもアプリケーション名は Opera にはなっているんですが。

しょうがないので、ミニ朝顔アンテナに仕込んだ opera のみ、リロード＋別窓はやめました。ま、IE でアクセスする時くらいしか困らないのでいいんですけどね。

「ミニはてな」の件ですが、全然別のサイトを試しにホットリストに加えて見たらわかりました。ホットリストに収まってしまうと、JavaScript が無効になってしまうのが原因のようです。つことは、「ミニさとみかん」でもリロード駄目？ あ〜あ。

　ということで、「ミニ朝顔アンテナ」も実はリロードボタンが聞いていなかったことが判明。:p) JavaScriptでリロード出来ないので、どうしたものかと思いましたが、自分へリンク張ればいいということに気が付き、<a href="http://a.hatena.ne.jp/nyama/simple">reload</a> に変更したらうまくいきましたとさ。

資生堂が視覚障害者向け総合美容情報ページをオープンしたそうです。「資生堂リスナーズカフェ」というのが、それ。なかなか興味深いです。しかし、テキストで書けばいいようなことを画像にして、それをすべてaltに入れるというのはどうなんだろうか。ちょっと不審。

しかし、まぁ参考になる点もあるんでもう少し見てみます。

opera以外では、別窓イヤン、とか「リロード」ジャマとかのご意見をいただきましたので、そのように変更。うちのそのままです。

<script type="text/JavaScript">
if(navigator.userAgent.indexOf("Opera",0)!=-1){
document.write("<base target='hoge'>");
document.write("<p id='button'><a href='javaScript:location.reload()' target='_self'>reload</a></p>");
document.write("<style type='text/css'>");
document.write("body{font-size:small;}");
document.write("li{font-size:x-small; padding-left:0; list-style-type:none;}");
document.write("li a{white-space:nowrap; font-size:small;}");
document.write("ol{margin-left:0; padding-left:0;}");
document.write("</style>");
}
</script>

私のメインブラウザはいまや phoenix なわけですが、たまに opera も使います。その際、はてなアンテナをホットリストに入れて「ミニはてなアンテナ」にすると ｳﾏｰなわけです。で、あの狭いスペースで使う必要上どうしても文字サイズを小さくしないと見難い。ところがミニ用に最適化すると今度は phoenix で見難い。幸い見映えは css で設定しているので css を切って閲覧すればいいんですが、いちいち off するのも面倒くさい。そこで考えました。UAによるスタイルの切替えです。もっとも、全面的に切り替える必要も無いので、必要な部分だけ追加することにしました。

めったにさわらない JavaScript なるものを久々にいじることしばし。遂に完成しました！！ というほどのものでもないですが。:p)

<script type="text/JavaScript">
if(navigator.userAgent.indexOf("Opera",0)!=-1){
  document.write("<style type='text/css'>")
  document.write("body{font-size:small;}")
  document.write("li{font-size:x-small; padding-left:0; list-style-type:none;}")
  document.write("li a{white-space:nowrap; font-size:small;}")
  document.write("ol{margin-left:0; padding-left:0;}")
  document.write("</style>")
}
</script>

これを、はてなアンテナの設定で「ページヘッダ」のところに付け加えました。すると、opera のみ字が小さくなりました。やた！

ある程度調整した朝顔アンテナをoperaでみたところ

hatena.png （約25KB）

Opera のホットリストに私の使っている朝顔アンテナを追加できたら便利だろうと、考えてみました。

まずは何も考えずに件のアンテナのページを表示させて、「表示」→「ホットリスト」→「カスタムパネルを追加」で、追加してみる。これでカスタムパネルとして「朝顔アンテナ」が追加された。しかし、このままでは更新できないので、はてなアンテナの設定の「ページのヘッダ」のところに、<a href="javascript:location.reload()">reload</a> を追加してみる。これで更新は出来るようだ。

試しに、アンテナに登録してある自分のサイトを表示させてみる。すると、私のサイトがホットリスト内に表示されてしまった。ミニ朝顔日記だ。しかも、「戻る」ボタンは使えないので、２度とアンテナを表示させることが出来ない。(w

とりあえず、ホットリストからアンテナを削除してしばし考える。別窓に表示させるんだから、target を指定してやればいいことに気が付く。不思議マークアップになるが、この際しょうがないので、body 部に、<base target="_blank"> を書いておく。

再度挑戦。今度は、新規ウィンドウで開いてくれた。リロードも試してみる。白紙のリロード別窓が開いた。(w これでは使えないので、さらに考える。リロード用のリンクのみ target="_self" すればいいことに気が付いた。結局、

<base target="_blank">
<p><a href="javascript:location.reload()"
 target="_self">reload</a></p>

これで、いいようです。あとは、ミニアンテナ用にスタイルを適当にいじって終了。phoenix で見るとえらく文字が小さいが、そこはいたしかたないの妥協。:p) まぁどうしても見難い場合は、css を off することでしのぐことにします。本当は、UAによってスタイルシートを振り分けることが出来ればphoenixでも大きい字に出来ると思うのですが。

追記

その後、taget="_blank" では、次々と新しいタブを開いてしまうことが判明しますた。これでもいいけど、私はいやなので、適当な名前を与えてやることにしました。target="hoge"でいきます。:p)