CSSの実装状況で変わるボックスのデザイン方法
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない１つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
はてなのCAPTCHAを破るプログラムは30分で書ける - やねうらおブログ(移転しました)
CAPTCHAとは、スパムコメントなどを防止するための認証画像のことである。 それにしても、はてなのCAPTCHAはひどい。無いよりマシという考え方もあるのでそれについてはあまり議論する気は無いのだが、それにしてもこれを破るプログラムは30分あれば十分書ける。 具体的には、はてなのCAPTCHAには8つの好ましくない特徴と、2つの脆弱性がある。 ■ 8つの好ましくない特徴 ・画像自体のサイズが小さすぎる。→ こんなに小さいと探索量(計算量)が小さくて済む。 ・フォントにゆがみがない → フォントはある程度変形させたほうが良い。変形させてあるとテンプレートマッチングがしにくくなる。 ・フォントが固定。→ フォントは毎回変えたほうが良い。 ・フォントを回転させていない → フォントは文字ごとにある程度ランダムに回転させた方が良い。 ・フォントサイズが一定 → フォントサイズは文字ごとにある程度
JAX-WSでWebサービスを作ってみる - うなの日記
ITPro -「Java SE 6完全攻略」第81回 JAX-WS その1より。Java 6 から標準添付になったJAX-WSを使うと任意のJavaクラスをさくっとWebサービスにして公開できるらしい。ということで試してみました。 概要 公開までの手順は以下の通り。 Webサービスとするクラスを書いて、アノテーションを付ける。 作成したクラスをコンバイル コンパイルしたクラスを指定して、wsgenを実行。 HTTPサーバーを起動するランチャを書いて、サーバーを起動する。 1.Webサービスクラスを書いて、アノテーションを付ける Webサービスとして公開するJavaのクラスを書き、専用のアノテーションを設定します。 クラスは任意のPOJOでOK。 クラスのアノテーションとして、「javax.jws.WebService」を、 (必須ではないとのことですが)公開するメソッドに「javax.jw
どのWebブラウザをサポートするべきか？ 「プログレッシブ・エンハンスメント」という考え方
Webアプリケーションを開発、運用する側にとって、どのWebブラウザのどのバージョンをサポートするのかを決めることは非常に重要です。サポートするWebブラウザを絞り込んでしまえば開発は容易になりますが、利用者には狭い選択肢を強いることとなります。サポート対象を広げるほど利用者には便利になりますが、開発時に各Webブラウザの互換性の問題に気をつけなければならず、またテストの工数もねずみ算的に膨らみ、開発工数の増大からコストの増大へとつながります。 いま業務アプリケーションも含めて多くのアプリケーションがWebアプリケーション化しています。社内のスタッフだけが使うことを想定するのならば、Webブラウザの種類とバージョンを限定してもいいでしょう。 しかし今後は社内に複数のベンダから調達したWebアプリケーションが混在することになるでしょう。そのときに、それぞれのWebアプリケーションがサポートす
「エコポイント」の申し込み画面はクラウド上に。開発期間わずか1カ月？
経済の活性化や地球温暖化対策などの理由で発足した「エコポイント」制度。今日7月1日から、そのポイントの登録や商品交換の申請がネット上で始まりました。そしてその申し込みサイトは、セールスフォース・ドットコムの提供するForce.comで構築されていることが判明しました。 いつも同社をウォッチしているブログ「セールスフォースとクラウド/SaaS」のエントリ「エコポイント申請はクラウドのForce.comで」で指摘されています。 ご覧の通り、エコポイントの申し込み画面のURLを見ると、明らかにForce.comのURLになっていることが分かります。アイコンも同社のものです。また画面フォームの必須項目としてテキストフィールドの左側に表示されている赤い縦線も、セールスフォース・ドットコムのアプリケーションを使ったことのある方にはお馴染みのものです。 開発期間はわずか1カ月？ エコポイント制度は、5月
おい中川淳一郎。ちょっと待て。何だそのクソサイトは: 切込隊長BLOG（ブログ） Lead‐off man's Blog
名著『ウェブはバカと暇人のもの』に感動し、その著者中川淳一郎氏が経済紙傘下なのに倒産まっしぐらという絶妙なポジションで映える日経BPのサイトでモノを書いたというので見物に逝ったのであるが、なかなかいいことを書いてるのに感銘を覚え、先にエントリーを書いたのが以下です。 「ウェブはバカと暇人のもの」中川淳一郎氏の迎合発言を糾弾する http://kirik.tea-nifty.com/diary/2009/06/post-f70b.html 梅田望夫氏の「残念発言」はもっともだ 「ネット敗北宣言」の本当の意味【1】 http://www.nikkeibp.co.jp/article/nba/20090624/162684/ ウェブはバカと暇人のもの (光文社新書) (新書) http://www.amazon.co.jp/dp/4334035027 あらすじはともかく、著書はネットの現実がいか
ネットビジネスに必要な要素をまとめた一枚の図が良い感じ - IDEA*IDEA 〜 百式管理人のライフハックブログ 〜
ドットインストール代表のライフハックブログ
ここ20年間のウェブまわりの技術をまとめた図*二十歳街道まっしぐら（FC2ブログ時代）
ウェブ開発者にとって欠かせない技術をまとめた１枚の画像です。 約２０年前から現在までの流れが一望できます。 クライアント・サーバに分けて図で表しています。 拡大図 以下にいくつかピックアップしてみます。
第63回 サイトを嫌わせる五つの要素：あいうえお
五つの要素 とりあげる要素は，画面を見ている人が，基本的にはボソっとつぶやくような言葉です。私自身はこんな言葉になるのですが，多少個人差のあるニュアンスがありそうなので，Weblio 類語辞典からイメージ的にズレの少ないものをそれぞれ列挙しておきます。 【あ】あざと～ サイトに入った途端に感じる匂いというものは存在します。誘い込んで何かを奪おうとする類のサイトは，テンプレートの供給が少ないせいかもしれませんが，一目で「ん？」と感じます。宣伝色の余りに強いサイトは，同系統の匂いを感じます。言葉巧みに，その機能なり商品なり会社なりの宣伝をして，さらにユーザーに「もう一手」をどこか要求しているような感触です。 あざとい - 類語辞典(シソーラス) ▽商法・やり方などがあざとい あくどい ・ えげつない ・ 抜け目がない ・ 強腕による ・ 汚い（やり方） ・ ギンギラギンの ・ 毒々しい ・ ど
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
“非モテの神”永上さん、NHK「未婚社会」特番に出演 菊川怜さんと結婚トーク
NHKが5月7日午後7時半から放映する「日本の、これから ～独身者急増！“未婚社会”～」に、「非モテSNS」を運営する“非モテの神”こと永上裕之さんが出演するという。本人がブログで予告した。 番組は日本の将来について考えるシリーズの1つで、今回のテーマは「未婚社会」。「昔ながらの結婚の形を復活させるか」「新しい結婚のスタイルを模索すべきか」などを討論するという。ゲストとして女優の菊川怜さんや岡田斗司夫さんも出演する。 永上さんはブログに「（菊川さんの）顔がめちゃくちゃ小さかったです」「かなり、スタジオでのトークは緊張しました～～」と出演の感想を掲載。番組内では「菊川さんに愛の告白をした」という。 関連記事 営業マンも“非モテの神”もこなす22歳 「非モテSNS」のえがちゃん参上 いよいよ出会いと恋の季節・春がやってくる……でもそんなの関係ねぇ！ “非モテの神”えがちゃんとともに「非モテSN
Geekなぺーじ : みんなが知らずに使ってるAkamai
Akamaiさんでのセミナーに参加してきました。 個人的にはAkamaiさんと言えば「あまり一般的には知られていないけど使っていない人はほぼいない」企業というイメージがあります。 あまりに内容が楽しかったので、セミナーで色々質問しまくって聞いてしまいました。 想像以上に色々凄いと思いました。 ブロガーのyasuyukiさんが企画し、Akamaiさんにお願いして実現したプライベートセミナーでした。 元々はyasuyukiさんがAkamaiさんのセミナーを聞いて「面白い」とtwitter上で囁きまくっていて、その後「プライベートなセミナーやったら来ますか？」とのオファーを頂きました。 昔からAkamaiさんのCDN技術には非常に興味があったので「是非お願いします」とお願いしました。 セミナー参加者募集はyasuyukiさんのブログとtwitter上で行われ、16人の参加者がいました(アカマイさ
信頼性でWikipedia対抗 朝日新聞、講談社、小学館など無料辞書サイト
朝日新聞社と講談社、小学館、朝日新聞出版、ECナビの5社は、人名や時事用語など約43万語を無料で横断検索できる辞書サイト「kotobank」（コトバンク）を4月23日に正式オープンする。「信頼性の高いNo.1用語解説サイト」としてWikipediaに対抗する。 朝日新聞社の「時事キーワード」「百科事典マイペディア」、朝日新聞出版の「知恵蔵2009（07年に休刊した『知恵蔵』のWeb最新版）」「朝日日本歴史人物辞典」、講談社の「デジタル版日本人名大辞典」、小学館の「デジタル大辞泉」など、44辞書・計約43万語を横断検索できる。 各辞書の検索結果の下にはWeb検索の結果と検索連動広告も表示するほか、右カラムには、「asahi.com」から関連するニュースを掲載。関連するWebサイトをユーザーから募って掲載する機能も備えた。解説文内のキーワードから、リンクをたどってほかのキーワードを調べることも
おそらくはそれさえも平凡な日々: Akamaiが想像以上に物凄かった件 in Akamai勉強会
続きというか、お詫びを書きました。 文章を多少修正しました。技術的な点は色々誤りがあると思いますので、あまり信用しないでください。詳しくはgeekpageさんがじきに書いてくださるはずです。 入口にあった、Akamaiサーバーがリアルタイムに捌いているトラフィックを可視化した地球儀が映ったモニター。アメリカが早朝なのでトラフィックは850Gbpsと少な目(笑) それでもアメリカのバーの長さは凄い やすゆきさんという方が、Blogでひっそりと告知していたのが、IT勉強会カレンダーに載っていて、それを目ざとく見つけて行ってきた次第。募集枠5人とかだったので、焦って申し込んだら、実際そんなに募集は来なかったみたいで意外。僕なんか「Akamai」って書いてあっただけで飛びついたのに。内輪に近いノリだったてのもあると思うけど、案外「Akamai」には訴求力が無いのかね。まあ、インターネットの裏の支配
ホワイトカラーはみんなプログラマーになる仮説：Randomwalk：オルタナティブ・ブログ
月曜日に自分のブログで公開した記事「SIerとパッケージベンダはどちらが高給？ IT系上場企業の平均給与を業種別にみてみた」は、スラッシュドットやはてなブックマークなどで取り上げてもらったおかげで、たくさんの人に読まれた記事になりました。現時点で約1万8000ページビューにもなりました。 さて、あの記事を書くに当たっていちばん手間がかかったのは、文章をまとめるところではなくて情報を集めるためにプログラムを書く部分でした。 というのも、記事で対象にした企業は載せなかったものも含めると全部で700社以上ありました。もしも情報収集をプログラムで自動化せず、マウスで1つ1つクリックして集めていたら、その作業だけで丸一日以上かかっていてもおかしくありません。情報収集をプログラムで自動化できなかったら記事を書くことはあきらめていたでしょう。 参考までに書くと、プログラミングとしてはwgetでWebペー
書評に代えて - クラウドとブラウザーの関係 : 404 Blog Not Found
2009年03月18日18:00 カテゴリ書評/画評/品評iTech 書評に代えて - クラウドとブラウザーの関係 各出版社より献本御礼。 クラウドの衝撃 野村総合研究所 城田真琴 クラウド グーグルの次世代戦略で読み解く 2015年のIT産業地図 小池 良次 クラウドコンピューティングの幻想 エリック・松永 ちょうどいいタイミングで、 「最速ブラウザ」争いは無意味だ - ITmedia アンカーデスク という記事もあがっている。ので、ここではこの三冊を紹介しつつ、クラウドコンピューティングについて私がどう思っているのかを述べておくことにする。 まず、クラウドコンピューティングとは何かから。 クラウドコンピューティング - Wikipedia クラウドコンピューティング(cloud computing)とはインターネットを基本にした新しいコンピュータの利用形態である。ユーザーはコンピュータ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
IDEA * IDEA
アメブロのPVが界王拳並みな件 - カイ士伝
IBM Developer