先日、AmebaなうがCSRFという非常にポピュラーな脆弱性を披露したかと思ったら、ここ数日はセブンネットショッピングでXSSの脆弱性と、ID推測による他ユーザの個人情報閲覧の問題が発生しているという噂が流れています。 ユーザの情報を預かっておきながら、基本的なセキュリティの対策もできていないというのは、銀行に例えるなら、お金を預けようとした時に「お金は預かります。ちゃんと保管します。でも警備はあまりしないので盗まれたらスイマセン」と言われるようなものだと思う。 警備に穴があったというのではなく、まともに警備してませんでした、というのはさすがにありえないことです。 そこで、野良WEBプログラマである私が知っている脆弱性を列挙してみた。 私はプログラマであってセキュリティの専門家ではないです。しかも今年の春辺りからずっと外向けのWEBプログラムは組んでません。 その人間が知っているものを並べ

公開領域と非公開領域 CMSやブログソフトのインストールで公開領域（ドキュメントデレクトリ）と非公開領域のへのファイルのアップと言う設定がある。 これはセキュリティの関係でアクセスされたくないファイルを置くデレクトリを非公開領域と言います。 通常FTPでファイルをUPする時ははpublic_htmlとかWWWとかサーバー指定のデレクトリにファイルをUPします。 これは普通に利用する公開デレクトリになります。 サーバーにも寄りますが通常home/ユーザー名/public_htmlとかWWW/ そのpublic_htmlとWWWと同じデレクトリに非公開デレクトリを作成してファイルを入れます。 ホームページにアクセスした場合のデレクトリはpublic_htmlとWWWになるので見えない。 home/usr_dir/public_html/一般ファイル設置デレクトリ[公開デレクトリ] ｜ priv

東洋インキは2007年1月、創立100周年を迎えました。その事業方針の中で、色彩の総合メーカーとしてカラーUD（カラーユニバーサルデザイン）を啓発していくことで、誰もが快適に暮らせる社会の実現をお手伝いしていくことを掲げています。 色材のトップメーカー、東洋インキ独自のカラーテクノロジーと豊橋技術科学大学情報工学系　中内茂樹准教授の視覚科学研究結果とが、世界でも類を見ないユニークなカラーUD支援ツールを実現しました。 ２つのカラーUD支援ツールは、ウェブサイトを通じて広く無償でご利用いただけます。 地方自治体などの公共機関から各種メーカー、印刷、サイン関連、交通機関、NPOなど多方面にわたり、累計約1500本が利用されています。 人間の色覚は大きく５つのタイプに分類されます。その中で、従来「色盲」「色弱」と呼ばれてきた色覚タイプの方が、日本国内に約320万人存在すると言われています。特に男

IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。

Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a

Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode

DOCTYPE 宣言の種類によって、ブラウザのレンダリングが標準準拠モードになったり後方互換モードになったりすることを DOCTYPE スイッチと言います。 今回は要点だけ手短かに行きたいので詳しくは解説しませんが、 IE 6 だと DOCTYPE 宣言より前になんらかの文字 ( 記述が推奨される XML 宣言であっても ) があれば問答無用で後方互換モードになるバグがあるとか、まあよく聞く話題です。 標準準拠モードと後方互換モードでレンダリングにどんな違いが現れるかは Lucky bag::blog: xml宣言についてや !DOCTYPE スイッチが良いリソースなのでそちらをご覧下さい。 既存の DOCTYPE スイッチ一覧表に "?" ここ数日、この DOCTYPE スイッチについて調べていたのですが、書籍やサイトに書かれている情報と、実際に試してみた結果が少し違うんですよね。 ある

body { font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 100px; font-size: 13px; } div { background: #fff; margin: 0 auto; width: 200px; padding: 100px; text-align: center; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2

Shadowbox.jsは、Prototype、jQuery、YUI、Extなど複数のJavaScriptのライブラリに対応した、画像や動画などを拡大表示できるLightbox風のスクリプトです。 Shadowbox.js Media Viewer デモ ダウンロード Shadowbox.jsは複数のライブラリに対応しているというだけでもすごいですが、画像や動画の拡大表示にもさまざまなオプションがあり、多数あるLightbox風スクリプトの中でも充実した機能を持っていると思います。 下記に主な特徴を挙げます。 拡大する際のコードは、簡易です。 <a href="image.jpg" rel="shadowbox">Image</a> 併用するJavaScriptのライブラリは、下記の中から好きなものを選べます。 jQuery Prototype + Scriptaculous YUI Ex

注: これは Quince の HTML ベースのデザイン パターンです。Silverlight インターフェイス を使用すると更にリッチなパターンの検索やコミュニティーでの交流にたいへん便利です。

*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 描写のプロセスを検証するに当たっての条件 以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。 コンテンツ（サイズ） HTMLに設置したコンテンツのサイズ ドキュメント（サイズ） 余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。 ウィンドウ

SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSやJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、WebプログラマやWebデザイナにとって欠かすことができないスキルであり、悩ましいところでもある。 How To Compose HTML ID and Class Names like a RockstarにおいてMeitar Moscovitz氏がidやclassの名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次

21_21 DESIGN SIGHT 東京都港区赤坂9-7-6 tel:03-3475-2121 info@2121designsight.jp 開館時間：11:00-20:00（入館は19:30まで）　休館日：火曜日、年末年始12/30 -01/03　入場料：一般1,000円、大学生800円、中高生500円、小学生以下無料（15名以上は各料金から200 円割引き）　※開館時間、休館日、入場料は、展覧会やイベントによって変更する場合がありますのであ らかじめご確認ください。