前回はサイドバーについての説明ととても単純なガジェットを作るところまで進んだので、今度は順を追って説明しつつガジェットを作成します。配布できる状態までの手順を一通り解説していきます。長くなるため、今回はHTMLを作るところまでを説明します。 作ってみるもの 今回作るものは、前回の最後と同じように入力した単語で検索するガジェットです。ただし、検索対象はGoogleではなくWikipediaで、検索結果もWebブラウザに表示するのではなくガジェット中に表示するという形にします。ガジェットの名前はWikipedia Searchとしておきます。 完成形は、次のスクリーンショットのようになります。 図1　Wikipedia Searchのスクリーンショット 用意が必要なもの 今回、ガジェットを作成する上でHTMLやCSS、JavaScriptは一から作成するため、あらかじめ準備する必要はありません

はじめに SQLを使って数独（ナンプレ）を解く方法を紹介します。 データベースを操作するための言語であるSQLを別の用途に使おうとする理由は、SQLが宣言的な記述が可能な言語の中で最も普及していると思われるからです（宣言的言語と言えばPrologを思い浮かべる方も多いかもしれませんが、残念なことにPrologは、SQLほどには普及していません）。 まず、宣言的な記述について説明しましょう。タクシーに乗ることを想像してください。「渋谷に行ってください」というように、欲しい結果を書くのが宣言的な記述です。具体的な道筋は運転手が考えてくれます。それに対して「まずA通りを北に行って、B交差点を左折して・・・」というように、具体的な道筋を示すのは手続き的記述です。プログラミング言語の場合も同様です。SQLやPrologにおいては、欲しい結果をプログラマが書けば、具体的な実現方法はコンピュータが考えて

とっても便利に使っているDropboxですが、Twitterのアカウントをフォローするだけで容量が増やせるようになっています。 素敵な情報なので共有のために投稿します。 詳しくは以下 Twitterアカウントへの接続を許可すると128MB Facebookアカウントへの接続を許可すると128MB Twitterアカウントをフォローすると128MB 開発者にDropboxの好きな所を教えると128MB いいね！をすると128MB Dropboxの好きな所をつぶやくと128MB 全部で768メガバイトが無料になります。 みんなでもっと快適に使いましょう！ 登録は下のリンクからどうぞ。 ■ 2010.11.24追記 設定ページはDropboxのトップページからリンクはされていません。 こちらのリンクからどうぞ https://www.dropbox.com/free

prototype.js 1.6 がリリースされましたね。今日は、Ajax クラスのお話です。 prototype.js を利用しない場合 prototype.js を利用しないで、XMLHttpRequest オブジェクトを非同期に利用する場合、典型的には以下のようなコードになります。この JavaScript のコードが置いてあるサーバから、ファイル foo.txt を取ってきて表示します。 var request = new XMLHttpRequest(); request.onreadystatechange = function() { if (request.readyState == 4) { alert(request.responseText); } } request.open('GET', 'foo.txt', true); request.send(null);

前回はUDPについて解説した。これはIPプロトコルの機能をほぼそのまま利用した、データグラム指向の通信を実現するプロトコルであった。今回からは、TCP/IPプロトコルの核ともいえる、TCP（Transmission Control Protocol）について解説する。 TCPは、信頼性のある双方向のストリーム型（コネクション指向）通信を実現するためのプロトコルである。下位層にあるIPプロトコルは、信頼性のないデータグラム型の通信プロトコルなので、信頼性のある通信路を実現するためには、さまざまな工夫が必要となる。すでに何度か説明しているように「信頼性のない」とは、パケットの到達が必ずしも保証されないとか、到着順序が入れ替わる場合がある、パケットが消失したりしても再送処理などが行われない、などを意味している。このようなパケットをベースにして、TCPでは、信頼性のあるストリーム型の通信機能やフロ

最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします 5からHTMLの“文法”が変わるって知ってた？ 連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」では、HTML5という技術革新の意義、そして本連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。「HTMLが、どれほど普及しているか」「根底となる“文法”が変わってしまったら、どれほどの影響があるか」に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。