フランスのベンチャー企業Weelyaは12月7日（フランス時間）、オープンソースのAjaxプッシュ技術「Ajax Push Engine（APE）1.0」を公開した。リアルタイムWebアプリケーション構築を支援するという。 APEは、Ajaxを利用したプッシュ技術。Cometと呼ばれるサーバーとJavascriptフレームワークで構成され、リアルタイムWebアプリケーションを構築するための包括的なCometソリューションと位置づけている。 ユーザーはこれまでのように定期的に要求を送るのではなく、サーバーから情報がプッシュ配信されるのを待つことになる。JSONベースのプロトコルをはじめ、Web標準技術を利用、クライアント側はアドオンなどをインストールする必要はない。リアルタイムWebアプリケーションのニーズを満たし、サーバーの負荷も減少できるという。パフォーマンスや反応を改善できるほか、拡張
jQuery treeTable 2.0 - Cubicphuse エクスプローラー風のツリー型テーブルを実現できるjQueryプラグイン「treeTable」。 次のようなツリー型のウィジェットをページ内に簡単に埋め込みできるようです。 限られたスペースに、折りたたみ可能な状態で情報を表示するといった用途にも使えそう。 HTML的には、次のような、tableタグで定義されていて、jQueryを使ってインタラクティブに動作する模様。 <table class="example" id="dnd-example"> <caption>Example 3: Dragging and dropping example.</caption> <thead> <tr> <th>Title</th> <th>Size</th> <th>Kind</th> </tr> </thead> <tbody>
Multi-line JavaScript これは必見！JavaScriptの文字列を複数行で定義する方法。 以下のようなコードは動くようで、うまく動きません。 <script type="text/javascript"> <!-- var a = '1 2 3'; alert(a); //--> </script> これを、行末に ¥ を入れます。 <script type="text/javascript"> <!-- var a = '1¥ 2¥ 3'; alert(a); //--> </script> すると、 と動くようです。 文字列の途中で改行したい場合に、一旦区切って 'aaa'+(改行)+'bbb' みたいにしなくてよくなります。 ということで、私も知らなかったのですが、知っておくとよいかもしれませんね。 firefox,ie,chromeで動作確認。 知ってた方はごめ
Yahoo News - Latest News & Headlines ・Diaspora Ministry reveals links between Sumud Flotilla, Hamas, and Muslim Brotherhood>> ・Australia and PNG Sign Security Communique, Limiting China Gains>> ・Investment opportunities rise in Saudi hotels>> ・Thousands of Palestinians flee as Israeli bombs rain down on Gaza City>> ・Israel presents Syria with security agreement proposal>>
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 Google Ajax Feed APIはかなり便利。 基本はブログのRDFファイルを他ドメインのサイトで利用するためのものです。 Google AJAX Feed API http://code.google.com/apis/ajaxfeeds/ サンプルを見るとDOMで自作しないといけないので、かなり面倒な印象を受けるんですが、それをいっそのこと、Spryと組み合わせたら、楽じゃないの？ ということで、Spryとの組み合わせてみました。 Google AJAX Feed APIのデフォルトはJSONで処理するので、
![[Spry]GoogleAjaxFeedAPIとSpryを組み合わせて使う : 構想雑文](https://cdn-ak-scissors.b.st-hatena.com/image/square/da78a05937633f7a2b4b2219826151c370cd607b/height=288;version=1;width=512/https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Fparts.blog.livedoor.jp%2Fimg%2Fusr%2Fcmn%2Fogp_image%2Flivedoor.png)
今回は Ajax フレームワークとして人気のある prototype.js を実際に使ってみましょう。 prototype.js には Ajax でよく使う機能があらかじめ用意されていて、JavaScriptのプログラムをシンプルにしてくれます。まずは prototype.js を使って既存のプログラムを書き換えた場合、どのように便利になるのか体験してみてください。 prototype.js は機能が豊富なので、最初は戸惑ってしまいます。とりあえずよく使う機能から使い方を覚えて、少しずつ活用の幅を広げていけばいいと思います。 【1】sample001 フォルダをコピーして sample002 フォルダを作成します。 【2】今回は以下のようなファイルの構成になります。 ・test.html と test.js を少しだけ変更します。 ・test.css は前回の sample001 と同じも
Script.aculo.usには、Ajaxを利用した動作を行うコンポーネントが存在する。今回はそれを紹介したい。バージョンは引き続き1.8.1だ。オプションなどの詳細はWikiページを参照していただきたい。なお、実行画面はIE7で示す。 ローカルデータで自動補完 - Autocompleter.Local まず、Ajaxとはいってもサーバにはアクセスせず、JavaScriptプログラム内に持ち合わせたデータで自動補完を行うAutocompleter.Localから紹介しよう。 自動補完とは、ユーザーがフィールドにデータの一部を入力したら、実際のデータの候補をフィールドの近くで自動的に表示させるものだ。 図1は、ユーザーが「Ja」まで入力しているとき、候補として「Java」「JavaScript」の2つを示しているところだ。これらはクリックや矢印キーで選択できる。こうすることで、ユーザーは
新社会人も初めてのお給料をもらい、どう使おうか考えられている方もたくさんいらっしゃるでしょう。銀行や信用金庫などにお勤めの方とつながりがある方は、さっそく積立をすすめられたかもしれません。実際、私の職場にも積立を勧めにきた人がいました。 また私自身、別口でお金の積立を行ってます。 積立の期間や金額は条件によってバラバラではありますが、1口いくらという形が多いかと思います。 積立そのものに金利はつかないので、定期預金とは異なります。 ただある程度の期間は決まった金額を塩漬けにすることになりますから、お金の無駄遣いを避けることができます。 そういう意味で、将来的な貯金につながります。 近い将来に大きな買い物を考えていらっしゃる方には効率の良い方法かと思います。 また、お金の管理に自信のない方にとっても、無駄遣いを抑える良い方法です。 銀行さんなどが新入社員さんにまず勧めるのも、そういう意味があ
twitter facebook hatena google pocket 現在JavaScriptライブラリは数多くリリースされていますが、それらのさきがけとなったのは「prototype」でした。 またNASAのサイトでも使用されているように、その実力は広く認められています。 今回はprototypeの価値を見直し、勉強できるサイトを紹介します。 sponsors Reference ・prototype.js リファレンス（v1.4.0,1.5.x,1.6.0） ・prototype.js の開発者向けメモ：（v1.5.0） ・prototype.jsリファレンス HowTo / Review ・第１回：Prototypeライブラリの内部 ・いまからはじめるPrototype.js ・第１回：Prototype.jsを使う準備 ・Prototype.jsとは何か ・Prototype
Update: Version 1.1 released 2/8/08. Good bug fixes + Opera compatibility! ...so I fought back the charging Guanaco, immediately hopped on my paraglider, and basically caught the first flight out of Chile — but not without dealing with some cantankerous customs inspectors while drinking a cool glass of chicha. Really sorry it took so long! But hey, two years later, it's finally done! Smooth Javasc
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
