前回までは，主にクロスサイト・スクリプティングのぜい弱性とその対策について解説してきた。最終回となる今回は，クロスサイト・スクリプティング以外の「インジェクション系」ぜい弱性について解説する。具体的には，SQLインジェクション，OSコマンド・インジェクション，HTTPヘッダー・インジェクション，そしてメールの第三者中継である。 SQLインジェクション対策にはバインド変数の利用が最適 まず，SQLインジェクションから見ていこう。対策には二つの方法がある。一つは，SQLの「バインド変数（注1）」を使う方法である。バインド変数の書式はプログラミング言語によって異なるが，一例として，Perlを使った場合に，パスワード認証のSQLをバインド変数で書き換えた例を示す（図1）。 （注1） 「準備された文(Prepared Statement)」というのがJIS SQLでの用語だがあまり普及していない。バ

あらゆるPDFフォームを編集可能にしてくれる『PDF Filler』 April 25th, 2007 Posted in 便利ツール（ウェブ） Write comment PDFファイルはよくフォームに使われる。 会員登録フォームをPDFでダウンロードして、必要な項目を埋めてから印刷してFAXやら郵送してください、というおなじみの流れである。 そうしたフォームの中には、PDFを直接編集できる機能がついているものもあるが、それは稀なケースである。 そこで登場したのがPDF Fillerである。 このサイトではPDFをアップロード、その上にテキストを書き込み、印刷することができる。 これならいちいちPDFを印刷したあとに手書きで項目を埋める、といった手間が要らない。 微妙に日本語に対応していないようだが、将来的に是非対応してもらいたい。 いまだに手書きで行わなくてはならない作業がたくさんある

で。 いや、なんだろう、むしろこれぞ今石洋之の撮りそうなロボットアニメ、という感じ。敢えて盛り上げず、かみ合わない脚本、唐突なすごい作画。今石監督って本音では各話どころかカットごとに顔違ったって無問題、てタイプだと思うし、ここまでお行儀よくやってきた鬱憤を存分に晴らしているようにしか。 そのお行儀のよさにファンがついてしまったのが計算違いだったんだろうなあ。 これもキャラの顔変わるアニメやね。 作画崩壊かな？　と思ったら。 その話数の中で絵柄が統一されている→作画崩壊ではありません。作画監督の個性です。 いきなり絵が変わった→作画崩壊ではありません。作画が苦しくなる時は、シリーズが進むにつれ、まずロングや人物が多いカットがいい加減になり、やがてピンの絵もわあ、となるもの。いきなり変わるのは作り手の意図するところと思っていいでしょう。 絵コンテ・演出・作画監督が同一人物→作画崩壊ではありませ

ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:

2007年04月25日12:00 カテゴリLightweight LanguagesBlogosphere Digest　- 今日にでも使うべきJavaScriptの7つのテクニック 良質の記事だけに全訳したかったのだけど、時間もないので紹介と抄録。 Digital Web Magazine - Seven JavaScript Techniques You Should Be Using Today サンプルコードは、適宜書き換えてあります。 1. Branch when possible - 分岐はなるはやで これは実例を見た方が早いでしょう。クロスブラウザー対応のaddListener()を考える。機能だけを考えれば、以下でOK。 function addListener(el, type, fn) { if ( window.addEventListener ) { el.addE

アイコンのデザインは悩みますよね。他の人が作ったアイコンを参考に作られる方も多いのでは。ただ、アイコンを見つけるのはなかなか大変です。 そこで登場したのがこの「iconfinder」。アイコン専用の検索エンジンです。 以下に使い方をご紹介。 ↑ 試しにiPodで検索。おー、すごいです。 ↑ サイズも選べます。チェックをつけたりはずしたりするとダイナミックに検索結果が変化します。 ↑ アイコンを表示する際の背景色も選べます。イメージをつかみやすいですね。 ↑ 「info」をクリックするとアイコンの情報を表示してくれます。自分でキーワードを追加していくことも可能です。 現在17,000個以上のアイコンがインデックスされているようです。今後増えていくとかなり使えるのでは。 ご利用は以下からどうぞ。 » iconfinder – Search more than 5000 icons

「昆虫のおもしろさはその多様性にある」 多様な昆虫の世界と、その地域に生きる昆虫たちと一体となった自然の姿を紹介する。 続きはこちら

今回は「URIの使いやすさ」について考えてみたいと思います。URIの使いやすさ，というのは，ウェブサイトやウェブ・アプリケーションにおいて，どういうURIでそれぞれのページにアクセスできるようにすると，利用者は使いやすいのか，ということです。つまりは，どのようにURIを設計するのがいいんだろう，ということです。URIの設計については，これまでもいろいろなところで議論がなされていますので，それらの議論や動向などを見ながら，考えていきたいと思います。 URIを話題として取り上げようと思ったのは，4月の4，5日に行われたYAPC ASIA 2007（YAPCはYet Another Perl Conferenceの略）で，Six Apartの創業者でMovable Typeの生みの親であるBen Trott氏がSix Apartのサービス「Vox」について発表を行ったとき，「Voxの出力するRS

Webマーケティングガイドでは、フリーペーパーに関して調査を企画し、インターネット調査会社である株式会社マクロミルが保有するリサーチパネルに対して調査を行った。 これまでにWebマーケティングガイドでは、「フリーペーパーに関する調査（上）-有益な情報を“買う”時代から“もらう”時代に-」と「フリーペーパーに関する調査（中）-フリーペーパーが有料の雑誌にもたらす影響とは？-」の2つの調査を行ってきた。フリーペーパーに関する調査のまとめとなる今回の調査では、ユーザーが実際にフリーペーパーから何らかのアクションを起こしているかどうかについて迫った。 今回の調査対象は、18歳〜59歳までの男女でパソコンインターネットユーザー206人。 男女50％ずつの均等割り付けを行った。 まずQ1では、どのようなジャンルのフリーペーパーを手にとって読んだことがあるかを尋ねたところ、「タウン情報」という回答が最も

デジタルガレージグループで広告関連サービスを手がけるCGMマーケティングは6月上旬、ブロガーと広告主をマッチングする広告配信サービスを開始する。広告内容をブロガーが選び、そこにブロガーのコメントも加えた広告を配信できるというサービスで、これによりブログと広告内容の関係性が高まり、広告主の費用対効果も高められると見ている。 新サービス「AD-Butterfly（アドバタフライ）」（ベータ版）はブロガーと広告主の双方が広告掲載に合意していることが前提となる「セルサイドアド」の手法を用いたサービス。ブログの内容と広告とのミスマッチを避けることができるとしている。当初参加するナショナルクライアントは50社になる見通し。 掲載広告にブロガーがコメントを書き込む機能も導入。「コラボ広告」と呼ばれるもので、ブロガー独自の視点が加わった情報はブログからブログへと伝わりやすいため、広告効果が高まると見ている

携帯ネットの世界に本格的に検索エンジンが入り始めてから、半年以上経ちました。PC検索の世界から見てみると、携帯検索はずいぶん事情が違う、と感じた方も少なくないのではないかと思います。 中でも特に多くの人が「なんでこんなサイトが上位にヒットするのか」ということを感じたのではないかと思います。世界最高峰の検索エンジンの技術力を持つ会社も、通信キャリアも、携帯専業ベンチャーも、誰しもが苦労するこの分野の現状を、いくつかの角度から明らかにしてみたいと思います。 携帯サイトの構造は、検索エンジンが理解しにくい 携帯サイトは、PCと同じHTMLの規格を利用しながらも、携帯電話のユーザーインタフェースに最適化された構造になっており、検索エンジンが構造を把握するのが難しい仕組みになっています。 例えば、キャリアや端末によって表示させるページを変えていたり、目的の情報にアクセスするために経由する中間ページが

先日から話題になっていたRobotReplayがようやく安定してきたようなのでちょっと試してみました。これはかなりいいですよ。 ただ、大勢のヒトが使うとまた不安定になりそうなので紹介するのが微妙ですが、そこはRobotReplayの中のヒトにがんばってもらいましょう。 以下に使い方をご紹介。かなり興奮しちゃいますよ。 ↑ まずは会員登録。この手のサービスは招待制が多いのですが、今はフツーに登録できるようです。 ↑ メールで認証などのプロセスを経てこの画面へ。スクリプトタグを埋め込み、サイトを登録すれば解析開始です。 ↑ 10分程度待つとこのようにセッションが一覧できるようになります。おもむろに「プレイ」をクリック。 ↑ YouTubeで撮ってみました。なんだか見知らぬ読者とぐっと身近になれたようで嬉しい！マウスの軌跡どころか、クリックしたところもわかりますね。 また、フォームに何を埋めたか

ひょっとしたらゲーマーやCGな方には有名かもしれませんが、見ていたら感動していたのでご紹介。 こちらの「CODE GUARDIAN」では第二次世界大戦をフルCGで描いています。しかもヒト型のロボットが投入されていたら・・・という設定のようです。 YouTubeに前編と後編があがっていました。合計で14分ほどですが、かなりのクオリティに驚きます。是非どうぞ。 ↑ こちらが前編。ヒト型兵器でアメリカを攻撃するドイツ軍ですが・・・。 ↑ 後編。応戦する米軍が出してきた秘密兵器とは・・・？そして最後に出てきた意外な登場人物（？）ってもしや・・・。 なお、作者のサイトはこちらですね。こちらでは高画質映像をダウンロードできますよ。 » www.cee-gee.net

via del.icio.us/popular S5 Reloaded HTMLとCSS、Javascriptだけでプレゼンテーションを作るS5というツールがあって、できるプレゼンテーションファイルも軽量だし、テキストエディタ派の自分としては好んで使っている。 S5にscript.aculo.usというエフェクト系のJavascriptライブラリを適用したのがpresentacularで、プレゼンテーションの各要素に視覚的な効果を簡単に追加できる。 presentacularについてはこのブログをはじめた2005年に紹介していた。HTMLのclassを追加するだけで動くプレゼンテーションが作れるところがいい。 今回あらたに、S5をベースに別の人が作ったS5 Reloadedは、最近登場したいろいろなJavascriptライブラリを組み込むなどして、S5を積極的に改造したHTMLプレゼンテー

とある大学のアニメサークルの人から聞いた話。 その新入生は、アニメの作画オタクなのだが、その人の口から出てくる言葉は作画@wikiの知識ばかり。どうも作画@wikiで勉強したらしく、自分自身の意見や見識を披露したことはない。 また、PCは持っておらず携帯電話しか持ってない。自分の携帯電話にYouTubeでダウンしたアニメーターのMADムービーをいれている。PCなしで携帯電話に動画データを入れるのは大変だから、親のPCを利用しているのだろう。または漫画喫茶か。 アニメの作画に興味がない人に無理矢理この作画いいよーと言って見せるが、相手にされない。美少女キャラが多く出るようなアニメしか見ない人間は当然敵。 きみにとどけてれぱしー - 作画オタの対義語は萌えオタ　（タモリのジャポニカロゴスより） YouTubeによるアニメーターMADと作画@wikiのおかげで、量産型作画オタが出現してきている。