function backgroundLoad ( ids ) { for ( var i=0; i < ids.length; i++ ) { var a = getArticleWithCache(ids[i]); backgroundLoad(a.children); } } このbackgroundLoadはIDの配列を引数に取り、その各IDに対して上で定義したgetArticleWithCacheを呼び出します。これでIDに対応する記事のデータがキャッシュされます。そして読み込んだ記事の子記事のIDに対してbackgroundLoadを再帰的に呼び出すことで、ツリー全体をキャッシュすることができます。 ここまですべてうまくいっているように見えます。しかし、一度でもAjax開発を経験したことのある方ならば、これではうまくいかないということはすでにおわかりだと思います。これまでの例で

昨日の日記で、DK祭りで使われている脆弱性がXSSかCSRFかという問題になった。どうも、XSSとCSRFがごっちゃになっている人もいるように見受けるので、簡単な整理を試みたい。 XSSとCSRFには似た点がある。 どちらも「クロスサイト」という言葉が先頭につく なりすましのようなことが結果としてできる どちらも受動型攻撃である それに対して、もちろん違う点もある。専門家から見れば「似てるも何も、そもそも全然違うものですよ」となるのだろうが、現に混同している人がいるのだから紛らわしい点もあるのだろう。 私思うに、XSSとCSRFの決定的な違いは、以下の点ではないだろうか。 XSSは攻撃スクリプトがブラウザ上で動くが、CSRFはサーバー上で動く このため、XSSでできる悪いことは、すなわちJavaScriptでできることであって、攻撃対象のCookieを盗み出すことが典型例となる。一方、CS

まず、以下のような package 関数を作る。 function package(name) { package.__hash__ = package.__hash__ || {}; if (!package.__hash__.hasOwnProperty(name)) { package.__hash__[name] = { def: function(name, value) { return this[name] = value; } } } return package.__hash__[name] } で、こんな感じで使う // ここは hoge の名前空間 with (package('hoge')) { def('var0', 1); // 変数は def 関数で定義 def('var2', 2); alert(var0); // 1 alert(var2); // 2 }

CSSとFlashのデザインでインスピレーションを得るためのサイト「Best Web Gallery」が選んだ2007年度のCSSデザインベスト50が発表されています。どれもこれもなかなか秀逸なデザインなので、来年度の新しいデザインに向けて、今年度の総復習を行って新たなインスピレーションの糧を得たい人や、ウェブサイトやブログのデザインを新しくしたいので参考になるデザインを探している人に最適です。 というわけで、ベスト50は以下から。 Capture the Valley - A project to benefit Habitat for Humanity http://capturethevalley.com/ Squawk http://www.squawkdesign.com/ Emeril's Holiday to Go : Home http://www.emerils.com/

『livedoor グルメ』と『本が好き！』の根岸です。今回は「SEOは単なる HTML の書き方テクニックではない」ということを中心に、極私的なSEO論をしていきたいと思います。 ■「検索上位にでない！　なぜか!」「坊やだからさ」 あるキーワードの検索に対して、自分のウェブページが検索結果リストの上位に出るようにチューニングすることを「SEO＝Search Engine Optimize」というのは、みなさんご存じかと思います。その基本テクニックとして、検索でヒットさせたいキーワードを titleタグや hタグや strongタグで囲うということをしている方も、多くいるのではないでしょうか？　それゆえ、hタグだらけのページなんてのも、少なくありません。そんなことをしても効果はほとんどないはずなのですが。 逆に「うちは FLASH 中心のサイト（※）なのに、検索上位に出まくりなのはどういう

11月の2週めに、MarshallとわたしはBlog World Expoカンファレンスに出席した。この集会はラスベガスで開かれ、米国内外から1500人以上のブロガーが集まった。このカンファレンスは1日半ほどで、ブログツールから収益化まで、ブロガーの興味を引きそうな幅広い話題を取り上げたセッションが開かれた。 カンファレンスは有意義なもので、われわれはいくつか興味深い会話を交わしたが、わたしは去るときに奇妙な感じを味わった。なぜか、ブログがもうそんなに新しいものとは思えなくなったのだ。この感触は、最近のニュースが減っていることを見つけて、ますます強まった。わたしのニュースフィードは、最近では以前ほど頻繁に更新されなくなっているのだ。消化局面は、新興企業だけでなくブログにも当てはまるのだろうか？この記事では、ブログ界が消化局面に入っているかどうかを検証していく。 ブログに関するトレンドと統計

コンテナーの限界なのか、コンテンツの限界なのか ブログなんて、しょせんはひとつの表現コンテナー（メディア）に過ぎない。Web2.0の時代において最も大切なのはコンテナーではなく、コンテンツそのものだ。オピニオンや感情を外部に表出したいと思い、それを実行に移すというその行為こそに意味がある。パソコン通信のフォーラムが匿名掲示板に取って代わられ、さらにはブログが流行し、そしてまたSNSの日記やケータイ小説へとコンテナーはさまざまに移り変わっていく。 もちろんコンテナーの性質によって、書かれる内容は変わってくる。パソコン通信という閉鎖的で礼儀にうるさいメディアで書かれた言説と、２ちゃんねるで書かれる言説は異なる。ブログで書かれる内容と、SNSの日記で書かれる内容も異なる。マクルーハンが言ったように、「メディアはメッセージである」からだ。とはいえーーそこで自己を表現するという行為そのものの衝動には

2007年現在，企業情報システムにおけるGPU（Graphics Processing Unit，3次元グラフィックス処理チップ）活用の話題が盛り上がっている。 「もっぱらゲームで活用されているGPUと企業情報システムとの間に，何の関係がある？」と思う方もいらっしゃるだろう。だが，ゲーム用のGPUを，汎用的な浮動小数点演算に利用しようとする“GPGPU”（General-Purpose computation on GPUs）と呼ぶコンセプトが，今まさに注目されているのである。 GPGPUという言葉自体は，決して新しいものではない。GPGPUのWebサイトは2003年から存在している。3次元グラフィックス処理のためのチップを3次元グラフィックス以外の用途にも利用できないだろうかと考えることは，GPUの供給サイドにとって自然なことだ。それがここへきて現実味を帯びてきた背景には，GPU製品の仕

データセンターなどで準備されている19インチ・ラックは，全高1800mm～2000mmのモデルが一般的だ。ユニット・サイズで言うと35Uから45Uまでが収納可能である。1Uサーバーの高さは44.45mmなので40台まではマウントできるが，ラックのユニット・サイズのギリギリにマウントすると，メンテナンスが困難になるため，スペースの余裕を考慮して30～35台を搭載するのが一般的だろう。 しかし，消費電力を考慮しないでこの数のサーバーを積み上げていくと，後で面倒なことが起こる。システムの寿命が短くなったり，運用性，メンテナンス性の低下したりするのである。 現在，流通している2GHz前後のデュアルコア・チップを搭載した1Uサーバーの最大消費電力量は約200W～220W程度。実効値を70％として電圧100Vで稼働させるとすると1台当たり3A（200～220W/70V）の電力量が必要となる。これを1ラ

どんなサイトでも、マッシュアップすることができる。APIが公開されていなくてもいい。新たなまとめサイトを構築し、情報付加価値を高めるための手法を解説しよう。 さまざまなコンテンツを組み合わせて、好みに合ったページ（サービス）を作り上げる「マッシュアップ」。これの最たるものは、コンテンツ提供者が公開する「WebAPI」の組み合わせで実現するものだ。 しかし、利用する仕様を整備して、効果的なデータだけをメータデータ配信するWebAPIは、まだそれほど普及していない。つまりマッシュアップというキーワードから流行っている兆しはあっても、対象として使うことができるものは、意外と少ない。思い出してほしい。 このような状況を打開するのが、HTMLコンテンツを抜き出して加工する「スクレイピング（scraping）」という手法だ。 このオンライン・ムックPlus「まとめサイト2.0」では、例として「ITme

Facebook上の行動がリアルタイムに友人に伝わる Facebookを最も特徴づけているのは、ニュースフィードのサービスである。自分のページには、自分の友人たちがFacebook上でどのような行動を取っているのかが、ほぼリアルタイムで更新され続ける。 「○○さんは△△さんと友人になりました」 「○○さんはプロフィールの写真を新しくしました」 「△△さんは××というネットワーク（コミュニティー）に新しく参加しました」 「△△さんはTwitterのアプリ自分のページに追加しました」 Facebook上で何かの操作をして自分のステータスを変えると、その内容はすぐに友人たちに送られる。これは驚くべき機能である。さらに詳しい説明は、テッククランチ日本語版の“今度のFacebookのリニューアルは「美」の改良だけではない”あたりの記事に詳しく書かれている。一部を引用しよう。 どちらの機能も、人やこと

歌声制作ソフト「初音ミク」発売以来、アクセストップテンには毎週のように初音ミク関連の記事がランクインしている。先週も1位と2位に「初音ミク」の文字。きょうは妹分の「鏡音リン」に男の子版「レン」がいた――という衝撃の事実が明らかになり、また話題が沸騰しそうだ。 さて、手前味噌な話題で恐縮だが、先週27日夜に放映された、NHK BS2の番組「ザ☆ネットスター」に、出演者ながらぶっ飛んだ。記者は家でBS2を見られないため、ニコニコ動画で全編を確認したのだが、オープニングから驚愕。オープニング曲を初音ミクが歌っていたことにもびっくりしたが、何よりも、「自分がエロゲキャラになってる」という事実に笑い転げた。 オープニングで出演者を「萌えイラスト風」に紹介する――とは事前に聞いていたのだが、まさかあそこまで完璧なエロゲ風になっているとは。記者は顔も髪型も似ても似つかない、かわいらしいが巨乳クールなキャ

“Android”って何？ 人造人間のこと？ Androidは、Googleが発表した携帯電話のプラットフォームです。発表と同時にいろいろな媒体で紹介されましたから、ご存じの方も多いことでしょう。まだ、ご存じでない方は、ニュース記事「グーグルが「アンドロイド」SDK公開——動画デモも〜エミュレータも提供〜」が参考になるでしょう。 Linux 2.6カーネルをベースとしていて、アプリケーションの開発にはJavaを使うことができます。早速、SDK（ソフトウェア開発キット）をダウンロードして試用してみました。 携帯電話アプリ向けのJava MEとの互換性がない ところで、携帯電話などで動作するアプリケーション向けのJava Platformといえば、SunのJava ME（Java Platform, Micro Edition）があるわけですが、Androidで動作するJavaアプリケーション

「オープンソースが成し遂げたものづくりやコミュニティのような，小さくても確実な幸福感が得られるような場所が，よりよく生きたいと思っている人たちの数だけ，ネットの上にできたらいいな」（梅田氏）。「僕が追求するのはオープンソースであるかどうかよりも，個々の技術者が幸せかどうかなんです」（まつもと氏）――梅田望夫氏とまつもとゆきひろ氏の対談，後編は新しい時代の新しい幸福とそれを実現する生き方へと話が及ぶ。 ＜＜前編へ＜＜ ネットの上の「小さくとも確実な幸福感が得られる場所」 梅田　まつもとさんにとっての「幸せ」って何ですか。 まつもと　ご飯が食べられる範囲で，好きなことを日がな一日やっていられれば幸せですね(笑)。 梅田　「ご飯が食べられる」の定義もいろいろありますよね。今日飯を食えればいいとか，蓄えがないといけないとか。 まつもと　蓄えはあったほうがいいですね。生活に不安がない程度に。 梅田　

まつもとゆきひろ ネットワーク応用通信研究所 フェロー 楽天　楽天技術研究所フェロー Rubyアソシエーション理事長。Rubyの作者 Blog「Matzにっき」 まつもとゆきひろの起こした小さな奇跡---梅田望夫氏の著書「ウェブ時代をゆく」の中の節のタイトルである。「時代の巨大な変化の中で個人がどう生きるべきか」をテーマにしたというこの本の中で，Rubyを生み「オープンソースで飯を食う」生き方を実践するまつもと氏の生き方に，梅田氏は何を見い出したのか。梅田氏とまつもと氏が，インターネットがもたらす新しい時代の新しい仕事，新しい生き方を語る。 まつもとゆきひろの起こした小さな奇跡 ――梅田望夫さんの新刊「ウェブ時代をゆく」には，「まつもとゆきひろの起こした小さな奇跡」という節があります。この本で何を伝えようとされ，なぜまつもとさんを紹介されたのでしょうか。 梅田　いま，インターネットの切り拓

2007年12月04日08:30 カテゴリアルゴリズム百選Math アルゴリズム百選 - 二分探索(binary search) 今回は二分探索を取り上げます。 検索:コンピューターの最もよくある利用法 「二分探索って何?」「ググレカス」と言われないためにこの記事は存在するのですが、Webの検索に限らず、「目的のデータを見つけて取り出す」というのは、およそコンピューターの利用法で最もポピュラーなものです。 配列:コンピューターがデータを扱う根本的な方法 そのデータはコンピューターのなかでどう置かれているかというと、非常に単純です。デジタル化されたデータ=数値が一定間隔で並んでいるだけです。こういうデータ構造を、配列(array)といい、この数値一個一個のことを要素(element)と言います。 現代のコンピューターでは、最小要素はバイト(byte)と呼ばれています。このバイトの中には0と1

2007年12月03日04:00 カテゴリアルゴリズム百選 アルゴリズム百選 - 配列を再発明する アルゴリズムを理解するのに最適な方法は、すでに当たり前のように使われている仕組みを、もう一度時分の手で作ってみることです。ここでは、配列に関するアルゴリズムを再実装してみます。 ここでは、MyArrayというオブジェクトを作って、それに配列としての機能を持たせることにします。まずは基本的な操作ができるようにしておきます。 残念ながらRubyなどと異なり、JavaScriptでは[]を演算子として再定義することは出来ないので、ここではget()メソッドとset()メソッドをその代わりとして用意することにします。また、利便性を考えて、組み込みのArrayに変換するtoArray()メソッドも用意しておくことにしましょう。 function MyArray(){ this.size = argum

2007年12月02日20:30 カテゴリMediaBlogosphere コンテナーとコンテンツ ここは、正しい。 自己表現のプラットフォームは移り変わる:佐々木俊尚　ジャーナリストの視点 - CNET Japan ブログなんて、しょせんはひとつの表現コンテナー（メディア）に過ぎない。 しかし、ここは私にとって正しくない。 Web2.0の時代において最も大切なのはコンテナーではなく、コンテンツそのものだ。理由は、二つある。 一つは、コンテントの形はコンテナーの影響を受けずにいられない、という事実。だからマクルーハンも「メディアはメッセージ」だといった。メッセージを発しているのは、メディアという着ぐるみではなく、その中に入っている人のはずなのだが、しかしそれがメッセージとして見えるのは着ぐるみを通してなのである。だから、その着ぐるみにどんな機能があってどんな機能がないかというのは、そのコン

「OpenSocialは“もっと、もっと、もっと”を実現する」――来日したGoogleのクリス・シャルク氏は、OpenSocialでWebの世界に革新をもたらしたい、と語った。 OpenSocialはGoogleが提唱するSNS共通API。これが広まれば「開発者はもっと多くのアプリケーションを開発でき、Webサイトはもっと多くのアプリを活用でき、もっと多くのユーザーがそれらのアプリを利用できる」という。 Googleがオープン規格を提唱するのはなぜなのか――「テクノロジーをいかしてWebに貢献するのがGoogleの役割」とシャルク氏は説明。「明確な収益プランはまだない」としつつも、広告モデルを視野に入れていると明かした。 APIは標準化されていた方がいい OpenSocialは、SNSなどコミュニティーサイトのAPI規格を共通化し、外部開発者がSNS向けアプリケーションを開発しやすくする狙

現在、不特定多数のユーザーに対して作品の買取を持ちかけるメッセージを送信しているアカウントを確認しております。 利用規約第8条に違反する行為となりますので、お心当たりがございましたら「このメッセージを報告する」または「このユーザーを報告する」にてご報告いただけますと幸いです。