フォームメールをやめました。

私のホームページには、私宛にメールを送ってもらえるようにフォームメールのCGIが設置してあったのですが、クロスサイトスクリプティング(XSS)の脆弱性が気になったので、設置をとりやめて、簡単なa href=”mailto:〜 のリンクに直しました。
自分のホームページのなかにフォームメールや掲示板など動的にhtmlを吐き出すスクリプトを設置されている方は、それが最新バージョンかどうかチェックすることをお勧めします。
クロスサイトスクリクティングの脆弱性が問題視され始めたのはわりと最近なので、古いバージョンのCGIにはこの脆弱性が存在する可能性があります。下のような書き込みによって自分のサイトに悪意のあるコードを埋め込まれて、知らないうちに自分が加害者になってしまう恐れがあります。
         ↓
Hello message board. This is a message.
<SCRIPT>悪意あるコード</SCRIPT>

This is the end of my message.
クロスサイトスクリクティングの脆弱性を回避したきれいなコードが書けるように、サニタイジング処理について勉強する必要があると感じました。
22.8:500:523:478:500::center:1:1::

ホームページのリニューアル日記(その1)

私のうつ病のホームページの以下の点を修正しました。
1)今までトップページが簡単すぎたので、他のページと共通のレイアウトに変更。
  (でもブラウザーによってスタイルシートの解釈が異なり、
   どうもしっくりとこないので、まだまだ弄る予定)
2)同じくトップページでマウスのロールオーバーによって現れる文字を変更。
3)タイトルを『☆アルファ☆の「うつ病」のページ』に変更。
4)「PageTope」のアイコンをクリックしても、ブラウザーによっては、
  ページの最上部にジャンプしない不具合を修整(全ページ)。
5)ベックのうつ病調査表のページで合計点を計算するJavaScriptが、
  ブラウザーによっては正常に作動しない不具合を修整。
  (HTML4.01の文法チェックをすると文法ミスを指摘されてかなり苦戦しました)
6)私と「うつ病」などのページの下部にコピーライトを表示。
7)ベックのうつ病調査表認知の歪み10の定義の出典から
  『いやな気分よさようなら 自分で学ぶ「抑うつ」克服法』へのリンクを作成。
8)いつの間にか閉鎖してリンク切れになっているサイトをリンクのページから削除。
9)本文中にSSRIが突然出てくる箇所にSSRIのページへのリンクを作成。
10)「おくすり110番」の各薬のURLが変更になっていたので、
  新しいURLにリンクを修整。
追記 一番大きな変更を書き忘れていました。
11)文字コード をすべてUTF-8 に変更。
まあ、今年はこんなところで良しとしましょう。
来年は、いよいよ写真のホームページのリニューアルです。Ajaxを勉強して、いちいち画面遷移しないホームページを作ろうと思っています。
58.1:500:449:0:0::center:1:1::

重大事態発覚

重大な事態が発覚しました。


私の写真のホームページGalleryの写真を移動する矢印が、


VistaInternet Explorer7だと画面の下に隠れて見えないのです(下の画像)。


次の写真を見ようと思っても移動できません。


 


にいろいろなブラウザーでチェックしていると書きましたが、


私はまだWindows2000を使っているのでInternet Explorer7は


インストールできなかったのです。


それでいままでチャックできずにいたのですが、


キムラヤの店頭でVistaを触っていて気づきました。


 


まだInternet Explorer7はそんなには普及していないと思いますが、


最新のブラウザーでうまく表示できないのは致命的です。


 


さっそくjavascriptを、resizeTo(800,650); と書き換えて、縦幅を650ドットに広げました。


 



54.4:803:601:500:374::center:1:1::




                                 ↑


                             ここに矢印がある

ブラウザー表示比較

写真のホームページ作りをするようになってから、いろいろなブラウザーで自分のページがどんな風に表示されているかが気になり始めました。それで、入手可能なブラウザーはひと通りインストールして、ブラウザーごとに自分のページを見比べて、うまく表示されない場合は手直ししたりしています。
Internet Explorer6
169.4:1600:1200:500:375::center:1:1::
Sleipnir
161.1:1600:1200:500:375::center:1:1::
Opera(Windows)
149.4:1600:1200:500:375::center:1:1::
Safari
112.5:1600:1200:500:375::center:1:1::
Mozilla Firefox(Mac)
114.3:1600:1200:500:375::center:1:1::
Camino
104:1600:1200:500:375::center:1:1::
Opera(Mac)
115.7:1600:1200:500:375::center:1:1::
結局、この画面ではあんまり違いがよく分からないかもしれませんが、みんな少しずつ見え方が違います。