WEB

httpsとiframe

かつのり — Thu, 07 Feb 2008 00:15:00 GMT

また同じ間違いをやってしまった・・・。

IE6でhttpsのページを開くとたまに出る、「セキュリティ警告」。

このページにはセキュリティで保護されている項目と保護されていない項目が含まれています。
保護されていない項目を表示しますか?

今作っているサイトでまたやってしまったんですが、原因はこれ。http://support.microsoft.com/kb/261188/ja

簡単にいうと、iframeタグにsrc属性を付け忘れると、この警告がでます。iframeタグのsrc属性を省略すると、なかのiframeのURLはabout:blankになります。aboutとhttps、スキーム名の違いで出てくるのでしょう。aboutは確かに非httpsです。

Attacking PHP

かつのり — Wed, 30 Jan 2008 00:23:00 GMT

http://mindblind.net/2008/01/24/attacking-php/

http://www.rubyist.net/~matz/20080126.html#p04

う～ん、PHPが叩かれています。PHPって言語としてはかなり微妙というかゆとり向けかなと思うんですが、テンプレートエンジンとしてはかなり賢いというか便利な方ですよ。

でも手軽だし、初心者には最適じゃないでしょうか。初心者が学ぶには、Try&Errorをより短いサイクルで繰り返せる方が楽です。これって初心者に限らずベテランにも言えるでしょう。

自分もほぼ静的なページを作るときにヘッダとフッタの共有やコピーライトの年の部分の動的化など、割と便利だなと思って使っています。

iGoogleに5つの新テーマ登場、秋味なテーマで夜長をすごす

かつのり — Thu, 08 Nov 2007 02:45:00 GMT

http://journal.mycom.co.jp/news/2007/11/07/042/index.html

秋ですか～。札幌はもう冬に片足突っ込んでいます。冬のテーマだしてよｗｗ

phpspotメソッド

かつのり — Wed, 24 Oct 2007 01:28:00 GMT

http://labs.cybozu.co.jp/blog/akky/archives/2007/10/phpspot-final.html

http://d.hatena.ne.jp/elf/20060809/1155100104

ここら辺のエントリを読むと騒動がわかりますが、結構有名なブログでphpspot開発日誌というブログがあります。ここでの誤記に関する別ブログでの指摘でちょっとしたフレームになった騒動です。

phpspotでは画像アップロード掲示板のスクリプトを配布しているのですが、かなり危険なセキュリティーホールを見つけたので、過去に指摘したことがあります。

するとどうでしょう。結構利用者もいるスクリプトなので当然アナウンスをするものだと思っていましたが、全くアナウンスなし。連絡ありがとう的なメールで終わったのでした。致命的なセキュリティーホールが存在するので必ずアップデートしてください的なアナウンスはあって当然と思っていました。

そして、この騒動。まぁ、なんつーか、こういう人なんだなぁ～と思いました。

Cookieでハマッた

かつのり — Wed, 10 Oct 2007 01:08:00 GMT

Cookieにはドメインを指定して送信できるわけですが、ドメインにlocalhostを指定するとIEでは拒否されるんですね。（他のブラウザで試したわけではないのですが・・・）

さらに発揮性のCookieって有効期限を0にすれば実現できると思っていたんですが、これは明示的に指定してはいけないんですね・・・

う～ん、知っているつもりはよくないですね。もっと勉強しなきゃ。

でも言い訳っぽくなるんですが、みなさん業務系のシステムでCookieって使っていますか？自分は使わなかったですね。殆どSessionで済んでいました。（SessionがCookieで管理云々という話は置いておいて、明示的にCookieを使っているかという話です。）とは言え今はECサイト系なので、Cookieは必須なんですよね。流石に開くたびにログインを要求するのはよくないので。

CSSとHTML

かつのり — Thu, 04 Oct 2007 01:36:00 GMT

rightってなんじゃい！！

redってなんじゃい！！

クラス名はちゃんと考えようぜ。な！

EXT JSがバージョンアップ

かつのり — Wed, 12 Sep 2007 22:40:00 GMT

http://extjs.com/blog/2007/09/06/ext-20-a-preview/

あのExt JSがさらにパワーアップしました。もう凄過ぎてついていけない・・・

HTML5

かつのり — Wed, 15 Aug 2007 23:21:00 GMT

http://www.html5.jp/

HTML5ですが、最近少しずつ情報が出てくるようになりましたね。Canvas要素が標準になるのが楽しみです。

でも結局、標準仕様が決まったからといっても、FireFox/Opera/Safariが対応するからといっても、IEが対応するとは限らないので寂しい限り。結局IE用と他用で分けるための泥臭いテクニック集が増えるだけのような気がします。

スクリプトだけじゃなくてタグだけで図形が描けると、データモデルのXMLからXSTLでER図を作成するというような事ができそうなんですが、対応しないのかな・・・

IE6を1行でクラッシュさせるコード

かつのり — Tue, 07 Aug 2007 03:09:00 GMT

ネタ元

http://slashdot.jp/security/article.pl?sid=07/08/06/1645256

for(x in toString)

document.createElement("html").outerHTML

この辺でもまだ落ちるっぽいですね。

タグクラウドを作ってみた

かつのり — Sat, 23 Jun 2007 01:40:00 GMT

最近はあんまりブログを書いていませんが、実はPHPでウェブアプリ作りに励んでいました。Web2.0風な掲示板を作っていたのですが、やっと社内の空きIPを使って仲間内リリース。そこそこ好評でした。

ソーシャルタギングをサポートしているのですが、タグデータを元にタグクラウドを作る方法についてまとめてみます。

※ここで出てくるDBはMySQL前提です。

１．タグの出現回数の抽出

単純にタグの値でグループ化して出現回数をカウントするだけですが、「注目のタグ」みたいな感じで、流行っているタグと流行っていないタグを混在させたい場合、ちょっとした工夫が必要になります。

流行っているタグは出現回数でソートして上位ｎ件のみを取得します。流行っていないタグはカウントを取りつつも結果をシャッフルしてｎ件取得します。結果セットのシャッフルは業務システムをやっているとあんまり経験する事がないと思いますが、こんな感じのSQLになります。

select tag, count(*) ,rand() as count from tags group by tag order by 3

早い話、擬似列に乱数を並べて、その乱数でソートするだけです。後はunionでマージしてdistinctで一意にしてから、再度シャッフルして結果セットを返します。

２．出現回数から偏差値を求める

タグの大きさをn段階にするために、偏差値を求めます。手順は以下のような感じです。(数学が苦手なので、突っ込みあればヨロシクです)

件数と平均出現回数を求める
(個々の出現回数 - 平均)の2乗の合計を求める
2の合計を件数で割って平方根を求める......これを標準偏差とする
(個々の出現回数 - 平均出現回数) / 標準偏差を求める......これを偏差値とする
偏差値の上限と下限を取得する
(偏差値の上限 - 偏差値の下限) / n段階の値を求める
(偏差値 - 偏差値の下限) / 6の値を求めて四捨五入する

偏差値は値としてみる場合、上記の値*10+50の計算が行われますが、不要なので省いています。途中の割り算で、0で割らないようにする注意が必要です。

３．スタイルシートを用意する

スタイルシートでタグの大きさを決定するのが楽です。以下のような定義を行います。大きさについては見栄えを考慮して適度に設定すればよいと思います。

a.tag1{font-size:90%} a.tag2{font-size:100%} a.tag3{font-size:115%} a.tag4{font-size:135%}

４．HTMLを生成

アンカータグを生成して、そのアンカータグのクラス名にtag[n]を指定します。[n]は偏差値を元に算出した値です。

こうすることで、流行、非流行なタグを混ぜ込んだタグクラウドが完成します。

久々に数学をやると混乱しますね。数学が苦手なので、「～がXXXであるとき、～を満たすYYYを求めよ」みたいな問題があっても、プログラムで解決する事が多いですね。

解ける理論を知らなくても、「今のPCって早いから総当りでいいじゃん。件数が膨大じゃないし」くらいの感覚です。でも余計に数学が分からなくなりそうですね。