第2回 Comet---プッシュ型のWebアプリケーションを作る
この記事は，日経ソフトウエア2007年1月号，連載「簡単実装で学ぶWeb技術2006」の第7回「Comet――プッシュ型のWebアプリケーションを作る」の再録です。記事は執筆時の情報に基づいており，現在では異なる場合があります。 こんにちは，結城浩です。 今回は，サーバーからデータをプッシュするタイプのWebアプリケーションを作成する技法の「Comet」を紹介します。簡単なチャット・プログラムを通してCometの仕組みを学びましょう。 Cometとは 通常のWebアプリケーションは，クライアント（Webブラウザ）から送られてくるリクエストを受け取って動作します。つまり，WebアプリケーションはユーザーがWeb上のリンクをたどったり，ボタンを押したりすることをきっかけに動くのです。ここで，動きの主導権はクライアント側にあります。クライアントがサーバーから情報を「引き出す」ことによって動作する
趣味のJavaScriptなページ by AYA
JavaScript・Dynamic HTML・Windows Scripting Hostの講座。このサイトはどのページも自由にリンクを張ってもらってけっこうです。 できれば直に張ってください。 これ以下のページはInternet Explorer 5.0、 Netscape Communicator 4.6で表示を確認しています。 フォントサイズは中または12Ptを、 表示色はハイカラー以上を推奨します。 最近、CSSを使ってページを書き換えています。 CSS1対応のブラウザでないとレイアウトがページ作成者の意図と違う可能性大です。 なおNetscape Communicatorをお使いの方はなるべく最新のバージョンでご覧ください。 New! Update! は２ヵ月目安ですが、あくまで目安です。
HP作成講座 HTML CSS JavaScript タグ一覧
スポンサード リンク Home GaiaX系 HTML、CSS(スタイルシート)、JavaScriptなど ホームページ作成を徹底支援したHP作成講座。 タグリファレンス、タグ一覧。ホームページ作成の参考は SussiWebの「HP作成講座 HTML CSS JavaScript タグ一覧」にお任せ下さい。 ▼タグ一覧▼ 文字系 画像系 リンク系 ページ系 背景系 テーブル系 テキストエリア系 その他
今すぐフォローすべきnode.js界のスーパーエンジニア - 小さい頃はエラ呼吸
はじめに 最近、サーバサイドJavaScript環境であるnode.jsをいじったりしています。 node.jsはまだ書籍も出ていない新しい分野なので、情報収集の手段はインターネットがすべてになります。Webサイトやブログなどを読みながら勉強していくにつれて、node.js界のすごい人たちというのがだんだんとわかってきました。 そこで、これからnode.jsを勉強する人のために、日本におけるnode.js界隈のスーパーエンジニアたちをまとめてみました。彼らの代表的なエントリを書かせていただきましたが、これ以外にもたくさん有用なエントリがあると思いますので、ぜひ探してみてください。 @mesoさん twitter：http://twitter.com/#!/meso おすすめエントリ Node.jsについてのよくある誤解 - 自分の感受性くらい @sugyanさん twitter：https
グーグルのJavaScriptツール集大成「Google Closure Tools」
2009年11月5日，Googleは自社サービス製品であるGmail，Google Maps，Google Docsなどの開発に使用しているJavaScriptアプリ開発ツール群「Google Closure Tools」を一般公開しました。 "Closure"は一般的に，閉鎖や閉店といった意味で使われます。ツールの命名としては少しネガティブなニュアンスを感じますが，Google Closure Toolsの場合は，終結といった意味で，開発プロジェクトにおける最終ステップの仕上げ用ツール。すなわち“栓”という意味で中身があふれ出さないようにキッチリ閉めておくものといった意味合いから命名されているようです。 Ultimate（究極）に近い意味でGoogleの自信の表れと受け取った方がいいかもしれません。Googleで新規公開になったプロジェクトとしては珍しく，ベータ版の表記もありません（Go
1 kB の JavaScript で何ができる ? | スラド デベロッパー
1 kB 以下の JavaScript デモを作るコンテスト「JS1K」が開催され、トップ 10 が発表された (本家 /. 記事より) 。 このコンテストのルールは「1 kB 以下の JavaScript でイケてるデモを作る」という至ってシンプルなもの。外部ファイルの使用は認められておらず、twitter で投稿できる 140 文字以内に収めた場合にはボーナスポイントがもらえるそうだ。 3 位のTetris with sound (音量注意) は操作はもちろん、題名の通りゲーム音楽までついている。1 位に輝いたのは「Legend Of The Bouncing Beholder」という横スクロールゲーム。 アクセス過多のためか残念ながらデモが開かないときもあるが、1 kB の可能性の大きさに改めて驚かされる。
キャラクターとバックグラウンドをアニメーションさせられるjQueryプラグイン「Spritely」:phpspot開発日誌
jQuery Spritely | Spritely キャラクターとバックグラウンドをアニメーションさせられるjQueryプラグイン「Spritely」 次のように背景と鳥を別個にアニメーションさせることが出来ます。Flashは不要です。 ページヘッダーなんかに置くとインパクトを与えるサイトにすることが出来そうです。 スタジオジブリばりのアニメーションを作れば本当にインパクトが大きそう。 関連エントリ jQueryでアニメーションするクールなサインアップボタン作成チュートリアル 文字をもあもあ、っとアニメーションさせるjQueryプラグイン「moatext」 PHPとjQueryを使ったアニメーションするディレクトリツリー実装
[Think IT] 第1回：JSONってなにもの？ (1/3)
JSONとは何か? JSONとはJavaScript Object Notationの略で、XMLなどと同様のテキストベースのデータフォーマットです。 その名前の由来の通りJSONはJavaScriptのオブジェクト表記構文のサブセットとなっており、XMLと比べると簡潔に構造化されたデータを記述することができるため、記述が容易で人間が理解しやすいデータフォーマットと言えます。 なお、JSONは2006年に「RFC 4627（http://www.rfc-editor.org/rfc/rfc4627.txt）」として公開されています。 例としてXMLとJSONで同じデータを記述したものをリスト1とリスト2に示します（図1）。 リスト1のXMLではすべての情報をタグで囲んだテキストノードとして記述していますが、XMLでデータを表現する場合、データの記述方法として属性とテキストノードの使い分けが
グーグル、JavaScriptプログラミングツールをリリース
Googleは米国時間11月5日、「Closure Tools」と呼ばれるプロジェクトをリリースし、同社のウェブサイトおよびウェブアプリケーション作成レベルに達することを望む開発者をサポートしていく方針を明らかにした。 Googleは、ウェブ中心のビジョンの一環で、JavaScriptを用いたウェブベースのプログラム記述を強く推進している。確かにGoogleは、「Gmail」や「Google Docs」などのサービスを通じて、JavaScriptを最大限に活用しており、より高速にJavaScriptプログラムを実行できるようにする目的もあって、「Chrome」ブラウザの開発に努めてきた。 しかしながら、JavaScriptプログラムは時に異なるブラウザ上では異なった動作をするなどの理由から、高機能なJavaScriptの記述、デバッグ、最適化は困難なものともなってきた。Googleがオープ
ホームページ作成の第一歩【JavaScript 画像をクリックで拡大縮小】
<html lang="ja"> <head> <title></title> <title>JavaScript画像をクリックで拡大縮小</title> <script type="text/javascript"> <!-- var ini_x,ini_y; var ral_x,ral_y; var min,max,min_size,max_size; // x/yが拡大率、逆数が縮小率 var x = 5; var y = 4; // 画像の初期位置 var ini_top = 300; var ini_left = 100; // 最大、縮小倍率 var max = 2; var min = 0.25; function Ini(){ ini_x = parseInt(document.all('key').style.width); ini_y = parseInt(docume
画面崩壊
次の文字列をコピーしてアドレスバーに突っ込むと、サイトが崩壊します。 跳ねるver javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://www.2ch3.net/houkai/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})(); 崩れるver javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://www.2ch3.net/houkai/javascript/meltdown.
Google Mapsのマーカーを見やすくしてくれる『Mapeed』 | 100SHIKI
Google Mapsのマーカーは便利であるが、あまりたくさんあるとクリックしにくいし、わけがわからなくなる。 そこで登場したのがMapeedだ。 このサイトで提供されているライブラリを利用すれば（JavaScriptのコードを入れるだけでいいっぽい）、密集しているマーカーを見やすくしてくれる。 一つ一つのマーカーを全部表示するのではなくて、ある程度まとめて色と数字でわかりやすく表示しちゃおう、というアイデアだ。なかなかナイスなのではなかろうか。 ちょっとしたことではあるが、これでぐっとデータの可視性が高まるだろう。データが膨大に存在するネットだからこそ、こうした「データを見やすくする」仕組みは重要ですな。
高木浩光＠自宅の日記 - 新はてなブックマークの登録ブックマークレットは使ってはいけない
はてなブックマーク（以下「はてブ」）がリニューアルされ、ブラウザからブックマークレットでブックマーク登録（以下「ブクマ登録」）しようとすると、図1の画面が現れるようになった。「こちらから再設定をお願いします」と指示されているが、この指示に従ってはいけない。ここで提供されている新型ブックマークレットは使ってはいけない。（この指示には従わなくてもブクマ登録はできる。） 新型ブックマークレットを使用すると図2の画面となる。ブクマ登録しようとしているWebサイト（通常、はてな以外のサイト）上に、はてブの画面のウィンドウが現れている。これは、Ajaxと共に近年よく使われるようになった「ページ内JavaScriptウィンドウ」である。（ポップアップウィンドウとは違い、ウィンドウをドラッグしてもブラウザの外に出すことはできず、あくまでも表示中のページ上のコンテンツであることがわかる。）
フォルダに画像ファイルを入れるだけでクールなギャラリーが自動で出来るPHPスクリプト作成:phpspot開発日誌
Scanning Folders with PHP - NETTUTS フォルダに画像ファイルを入れるだけでクールなギャラリーが自動で出来るPHPスクリプト作成チュートリアルが公開。 次のようなクールなギャラリーがチュートリアルと共に、ソースコード公開されています。 写真をクリックするとタイトルが微妙にアニメーションするところもよいですね。 関連エントリ JavaScript製の画像スライダー・ギャラリーいろいろ 壁に画像を貼ったようなUIの画像ギャラリー「PostcardViewer」 超絶クールなMacスタイル写真ギャラリー「PhotoFlip」 サクサク動く画像ギャラリー作成JSライブラリ「noobSlide」
JavaScriptでのクロージャの使い方
わんくまでは珍しいJavaを中心とした日記です 目次 ホーム 連絡をする RSS Login Blog 利用状況 投稿数 - 218 記事 - 0 コメント - 14579 トラックバック - 28 書庫 2008年7月 (1) 2008年2月 (2) 2008年1月 (10) 2007年12月 (9) 2007年11月 (5) 2007年10月 (27) 2007年9月 (25) 2007年8月 (27) 2007年7月 (29) 2007年6月 (15) 2007年5月 (23) 2007年4月 (37) 2007年3月 (8) 日記カテゴリ Java (rss) JavaScript (rss) SQL (rss) WEB (rss) その他 (rss) いろいろリンク The Herringroe Projects(Javaで色々) わんくまトップ 古い方のブログ 次はJavaSc
魅力的なウェブサイトを作成するために知っておくと便利な9つのスクリプト - GIGAZINE
個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryサンプル集 | DesignWalker
http://www.chromeexperiments.com/browse/
http://www.sasaraan.net/index.html
Google Code Archive - Long-term storage for Google Code Project Hosting.