2009年3月20日のブックマーク (19件)

  • 第1回 UTF-7によるクロスサイトスクリプティング攻撃[前編] | gihyo.jp

    みなさん、はじめまして。はせがわようすけと申します。 最近、文字コードと関連したセキュリティの話題を目にすることが増えてきました。文字コードを利用した攻撃は技術的に未開拓ということもあり、参考となる情報がなかなか見当たりません。この連載では、文字コードを利用した攻撃やそれに対する対策について正しい知識を解説していきます。 文字コードとセキュリティが関連するもっとも大きな点は、やはり文字列の比較でしょう。「⁠危険な文字列の検出」「⁠安全な文字列であることの確認」といった文字列の比較は、セキュリティを考えるうえで避けて通れない処理だと思います。 文字列の比較においては、単純にバイト列を比較するだけでは不十分で、文字列がメモリ上でどのようなバイト列として格納されているのか(このルールを符号化方式あるいは文字エンコーディングと言います)に注意しなければならないこともあるでしょう。攻撃者は巧みに文字

    第1回 UTF-7によるクロスサイトスクリプティング攻撃[前編] | gihyo.jp
  • 使えるとちょっと便利なLinuxコマンド

    こんにちは、牧野です。 最近、とても暖かくなりましたね。天気がいいことも多く、そんな日は外を散歩するととても気持ちいいです。 さて、今日は軽いネタで、ちょっと便利なLinuxコマンドを紹介します。 1.アクセスログを見る リアルタイムでログを見る時、tailをよく使うと思います。

    使えるとちょっと便利なLinuxコマンド
  • Webデスクトップを備えた多機能グループウェア·GroupSpirit3 MOONGIFT

    ではMySQLよりもPostgreSQLのが人気が高い(最近のWebシステムでは異なるかも知れないが)。PostgreSQLは初期の頃から速度のみならずトランザクションや信頼性を高める仕組みを取り入れていたので、社内の業務システムでも利用されることがある。 PHP+PostgreSQLによるグループウェア 社内でPostgreSQLを使っていて、これから情報管理を目的にグループウェアを導入するならばGroupSpirit3を検討してみよう。 今回紹介するフリーウェアはGroupSpirit3、PHP4+PostgreSQLという日製グループウェアだ。 GroupSpirit3はPHP4というのがちょっと残念ではあるが、Apache + PHP + PostgreSQLという組み合わせで提供されている。Windows向けにインストーラーが提供されており、個別にインストールや設定する手間

    Webデスクトップを備えた多機能グループウェア·GroupSpirit3 MOONGIFT
  • [CSS]ジャケ写をセクシーにスタイリングするスタイルシート | コリス

    ジャケ写をジュエルケース、コンパクトケース、ビニールスリーブに入っているようにみせるスタイルシートをKomodo Mediaから紹介します。 Sexy Music Album Overlays demo デモでは、3つのスタイルがスクリプトで切り替わるようになっていますが、個別に適用することもできます。 仕組みは、元画像にケース画像をオーバーレイさせています。

  • Apache(Linux)に、Windowsドメイン認証を利用して、シングルサインオンを実現する詳細手順 - 元RX-7乗りの適当な日々

    Linuxで稼動させているApacheにて認証が必要なWebサービスに、Windowsドメイン(Active Directory)の認証情報を使って、シングルサインオンを実現させるまでの手順を備忘録として残しておきます。 今回、ブラウザは、IEとFirefoxにて動作確認を行いました。 Windowsドメインログオンをしているクライアントから、上記2種類のブラウザを使うと、NTLM認証※を利用しているWebサービスには、認証済みのドメインログオンの情報を利用することができ、ユーザ名やパスワードを入力する必要の無いシングルサインオン環境が実現できます。 ※NTLM認証(NT LAN Manager authentication)とは - IT用語辞典 e-Words 前提 今回利用した構成は以下のような感じ。 Webサーバ CentOS 5 Apache 2.2 + mod_auth_ntl

    Apache(Linux)に、Windowsドメイン認証を利用して、シングルサインオンを実現する詳細手順 - 元RX-7乗りの適当な日々
  • "吹き出し"を画像使わずにCSSで作る方法 | エンタープライズ | マイコミジャーナル

    Filament Group ツールティップとしての吹き出しエフェクトはWebページでは広く使われるようになったUIのひとつだ。吹き出しの四隅は丸みを帯びて角の外側は透過表示になり、吹き出しを示すための小さい突起がついているところに特徴がある。多くの場合で背景画像がこれらUIを実現するために使われる。 Filament Groupにおいて、これに背景画像を使わずCSSと若干のHTML、それに多少のJavaScriptを使って実現する例がImage-free CSS Tooltip Pointers - A Use for Polygonal CSS?として紹介されている。Filament GroupではjQuery UIウィジェットの開発中にこの問題にあたり、CSSで多角形を描画するためのよく知られたトリックといくつかの工夫を凝らすことでこれを実現したと説明している。 背景画像を使わないで

  • 機能十分、要件不十分 - Identity Not Found

    情報の信頼性向上・作業の効率向上・利便性向上の目玉とされた社内基幹データ管理システム再構築プロジェクト。 使う社員の こんな機能ほしい・あんな機能つけて・このボタンポチッと押したらこう動いてくれ・こんなデータだして とかの要望を集めた、「必要な機能」はてんこ盛りだった。 出来上がったシステムは、このデータ入力必須・そのデータ入れるの別テーブルで別ウインドウ・あのデータ出すにはどの権限でこのルートで入ってこのボタン とか「必要な操作」がてんこ盛りだった。 稼働開始早々、誤操作によるデータ不備の頻発・必須データの増加で入力効率の低下 とかで社内中てんてこ舞い。複雑な内部処理のためかシステムのパフォーマンスにも問題が発生。 結果、しばらくの後、社内協議の上 旧システムに戻してプロジェクトはなかった事に。費用ン億が時間とともに水に流れた。 このパターン、どのくらいの人が体験済なのだろう。 出来

  • Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? | Filament Group, Inc.

    Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? A while back, Tantek Celik released A Study of Regular Polygons, which used a little-known CSS trick to create non-rectangular shapes such as triangles and pentagons with nothing more than an ordinary HTML element. The experiment is very interesting and really cool, but the practical takeaway wasn’t immediately clear. Recently however, we’

    Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? | Filament Group, Inc.
    flakwing
    flakwing 2009/03/20
    画像を使用せずに吹き出し型のツールチップを表示する方法。CSSだけで三角形を表示する方法も
  • SEO初心者が陥りやすい12の過ち | Moz - SEOとインバウンドマーケティングの実践情報

    僕は最近、SEOmozのPRO会員向けQ&Aを通じて、新たにSEOを始めた人たちと仕事をする機会が多い(ところで、記事が遅れた言い訳をさせてもらうと、Q&Aの書き込みがここ3週間で3倍になって、僕らちょっと手一杯の状態なんだ)。それはそれですごくいい勉強になるし、おかげでSEO初心者にありがちな悩みや誤解も見えてきた。それを少しでも解決するため、今夜は少し時間を取って、中でも大きな問題をいくつか取り上げたいと思う。 あちこちで繰り返しキーワードターゲッティングをしすぎるある特定のキーワードやフレーズをターゲットにする場合、そのキーワードをサイトの全ページにわたってtitle要素とh1要素、それから文にも入れるべし、とよく間違ったアドバイスがされているけど、そんなことをする必要はない。 もちろん、何かのついでにとか、当に関連性がある場合にそのキーワード/フレーズを使うのはかまわない。でも

    SEO初心者が陥りやすい12の過ち | Moz - SEOとインバウンドマーケティングの実践情報
    flakwing
    flakwing 2009/03/20
  • 国語力とプログラミング力の関係 解説編

    2009年1月、Cyan設計者 林拓人氏とLispの伝道師 竹内郁雄氏との対談「Cyanを設計した高校生、5カ月で5つの言語を習得」が大きな反響を呼んだ。その原因の1つは、竹内氏が発したひと言「わたしの持論ですが、国語ができる(=日語できちんとした文章が書ける)人じゃないとプログラムは書けない」だ。これについてネットでは同意する意見が多かったものの、記事中で根拠が明らかにされていなかったため議論が紛糾した。そこで編集部は竹内氏に詰め寄り、「わたしの持論」について詳しく説明してもらうべく寄稿をお願いした。国語力とプログラミング力には当に相関関係があるのだろうか。 事のいきさつ~Cyan設計者 林くんとの対談で発してしまったひと言が思わぬ反響を呼ぶ Cyan言語で経済産業大臣賞を受けた開成高校の林拓人くんと対談(「Cyanを設計した高校生、5カ月で5つの言語を習得」)しているうちに、つい調

    国語力とプログラミング力の関係 解説編
    flakwing
    flakwing 2009/03/20
    「日本語の係り受け構造には理解のための「解釈エネルギー」のようなものがあり、解釈エネルギーが最小になるような文が良い文である。」
  • 角丸でとてもかわいいlightbox系ポップアップ『prettyPhoto』 – creamu

    Stephane Caronさんのブログで、「jQuery lightbox clone – prettyPhoto」というタイトルの角丸でとてもかわいいlightbox系ポップアップが紹介されています。 白の角丸、黒で透過の角丸、黒で透過のスクエアなど、とてもかわいいデザインになっています。 ポップアップするスピードも気持ちいいので、かなり使えるのでは。 This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones. ライセンスは「Creative Commons Attribution 2.5」。商用利用も可能とのことですね。 ブラウザチェックも以下の通りされているようだから安心ですね。 ・Firefox

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • そろそろバグ管理についてひとこと言っておくか - 平凡なエンジニアの独り言 はてなブログ出張所

    ひとことどころか、バグ管理について367ページにわたって書いてしまいました。「実践バグ管理」です。なでしこなどで有名なid:kujirahandさん(クジラ飛行机さんのブログ)との共著です。 実践バグ管理―プロジェクトを成功に導くための 作者: クジラ飛行机,あかさた出版社/メーカー: ソシム発売日: 2009/03メディア: 単行購入: 6人 クリック: 148回この商品を含むブログ (21件) を見る 書の特徴 書の特徴を伝えることには非常に苦労しています。「バグ管理なんて何について書くの?」とかよく言われるわけです。バグ管理のやり方なんてあたりまえ・・・なのかもしれませんが、大抵のプロジェクトに参加すると以下のような現象に遭遇するものです。 Tracなどの運用を始めると、「バグレポートに何を書けばいいのか?」と質問される バグレポートに書かれている内容が意味不明 とある案件では

    そろそろバグ管理についてひとこと言っておくか - 平凡なエンジニアの独り言 はてなブログ出張所
  • ブロガー御用達になりそうな画像ピンポイントカットソフトCropperを使ってみた*ホームページを作る人のネタ帳

    ブロガー御用達になりそうな画像ピンポイントカットソフトCropperを使ってみた*ホームページを作る人のネタ帳
  • 絵文字が開いてしまった「パンドラの箱」第3回--Unicode提案の限界とメリット

    前回までを振り返る--Unicodeコンソーシアムの影響力 前回はどこまでお話ししましたっけ。世界中の文字の収録を目的とした文字コード規格、Unicodeは、米国のIT企業を中心に結成されたUnicodeコンソーシアムが制定するデファクト規格に過ぎないこと。しかし公的な国際機関が定めるデジュール規格ISO/IEC 10646と同期することで、WTO/TBT協定にもとづき世界中の国々に普及させられるメリットを得たこと。 また、Unicodeコンソーシアム自体はオープンな組織だけれど、意志決定を行うUTC(Unicode Technical Committee/Unicode技術委員会)で一票を投じる権利を持つのは一握りの団体に限られること。そしてUTCはISO/IEC 10646のアメリカ・ナショナルボディであるL2委員会と合同でしか開催されておらず、同時にL2委員会とUnicodeコンソー

    絵文字が開いてしまった「パンドラの箱」第3回--Unicode提案の限界とメリット
  • YUI Testを使ったJavaScriptユニットテストのすすめ

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、検索事業部の角田です。 私が担当しているプロジェクトではPHPUnitとSeleniumを使ってテストを行っています。そして、最近YUI TestというJavaScriptによるユニットテストライブラリを使い始め、JavaScriptのユニットテストがとてもいい感じに思えてきたのでご紹介します。 YUI Testは、Yahoo! Developer Networkにて公開されているYahoo! UI Libraryの数多くあるコンポーネントの中の一つです。その名の通り、JavaScriptのユニットテストを行うライブラリです。JavaによるJUnitPHPによるPHPUnitを使ったことのある方であれば、すぐに使い方

    YUI Testを使ったJavaScriptユニットテストのすすめ
  • http://www.designwalker.com/2009/03/icon-tut.html

    http://www.designwalker.com/2009/03/icon-tut.html
  • 画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌

    Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に

  • UIとユーザビリティから考える小さい画面でのRIA(1/3)- @IT

    前回の「業務用途で当に“使える”モバイル端末はどれだ?」では、各種モバイル端末に対して考察したが、端末選定において重要な点を追加しておきたい。それは「バッテリー」だ。動かない端末に意味はない。「業務」において「業務時間中」にバッテリーが空になっては話にならない。交換バッテリーを用意しておくなどの回避方法はあるが、できればバッテリーは長持ちしてほしい。また、「モバイル」であるからバッテリーが軽量であることは大切だが、多くの端末の標準バッテリーは持続時間が短く、オプションの大容量バッテリーは大きく重く携帯性を損ねてしまう。 業務に特化したHT(ハンディ・ターミナル)のOSに、Windows MobileではなくWindows CEが使われる搭載機種が多いのも、バッテリー消耗の問題が理由の1つだ。現状では、利用時間の長い業務の利用で数日持つバッテリーがないため、消耗を防ぐ技術はOS含めてプラッ