AJAX APIs Playground
Google APIs Explorer Stay organized with collections Save and categorize content based on your preferences. The Google APIs Explorer is a tool available on most REST API reference documentation pages that lets you try Google API methods without writing code. The APIs Explorer acts on real data, so use caution when trying methods that create, modify, or delete data. For more details, read the APIs
inputlog - Google AJAX APIを使ってjQueryを読み込む
Google AJAX APIを使うとjQueryをgoogleからダウンロードできます。これを使うと自分でサーバーに配置する場合に比べて以下のようなメリットがあります。 バージョン指定を最後までしないことで最新版を利用できる gzipによる圧縮を自動で行ってくれる（jquery.minだと54.5 KB->16 KBへ） 普及すればネット全体でjQueryをキャッシュできる デメリットとしては以下のような感じでしょうか。 インターネットにつながっていないとライブラリが利用できない（ローカルでの確認時の問題） googleのサーバーが落ちたら困る（ほぼないと思いますが。。） 使い方はhtmlで読み込んでいるscript要素を以下のように書き換えるだけです。 <script type="text/javascript" src="js/jquery-1.2.6.min.js"></scrip
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
SproutCore
SproutCore is an open-source framework for building blazingly fast, innovative user experiences on the web. Install Sproutcore View on GitHub New Tutorial to Help You Get Up and Running! You've heard all about SproutCore and now it's time to see for yourself. It's easier than ever to get started with our new tutorial. In it you'll learn: How to install SproutCore on your machine How to build your
[Think IT] 【これならわかる！JavaScript/Ajax】Ajaxライブラリ入門 第5回：Ajax開発の未来 (1/3)
もうHTMLやCSSをゼロから書くことはない？ JavaScriptのライブラリは、各ブラウザ間のバグや仕様の違いを吸収することで、開発者の負担を激減することを可能としました。しかし、JavaScriptの仕様の違いと同時にCSSレイアウトのバグや仕様の違いも、Web開発者の大きな悩みの1つでした。そんな中、最近ではCSSのフレームワークも出てきたので、その中でも注目度の高い2つを紹介します。 1つ目は、blueprintcss（http://code.google.com/p/blueprintcss/）です。blueprintcssは柔軟にグリッドの設定ができるCSSフレームワークです。最新バージョンは0.7です。印刷時のCSSも用意されており、印刷時も適切なレイアウトで表示されます。また、非常に細かくグリッドの設定（http://files.bjorkoy.com/blueprint
MOONGIFT: » Ajaxでもhistory.backを「Really Simple History」:オープンソースを毎日紹介
Ajaxを使ったアプリケーションは、画面遷移の少ないWebアプリケーションを作れる利点はあるものの、これまでのWeb操作に慣れ親しんでしまったユーザにとっては使い勝手が悪い時があった。 それがブラウザの戻るボタンだ。これを押した時、一気に別な画面にいってしまったり、そもそも戻るが有効でないままになっていることが多い。この操作性の違いはユーザにとってストレスになる。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはReally Simple History、Ajaxにも履歴機能を付けるライブラリだ。 Really Simple HistoryはIE、Safari、Opera、Firefoxにも対応したライブラリだ。クリックした時のアクションに履歴を付与していくことで、戻るボタンを有効にし、履歴機能を実現する。 さらに、URLがアンカー付きのユニークなものに変わるのも特徴だ。これをうま
【連載】いまからはじめるScript.aculo.us (1) 概要と基本的な演出効果 | エンタープライズ | マイコミジャーナル
Script.aculo.usは、Thomas Fuchs氏を中心とするチームにより開発されているJavaScriptライブラリだ。MITライセンスが採用されており、2005年から公開を始め、執筆時点では11月に公開されたバージョン1.8が最新版になる。本稿では、そのバージョン1.8を使って(連載継続中にバージョンアップした場合はそちらに変更する可能性がある)、同ライブラリの基本を6回にわたって紹介しよう。 なお、Script.aculo.usを扱ううえでの必須知識となるPrototype.jsの使用法については、連載『いまからはじめるPrototype.js』で解説しているので、そちらをご覧いただきたい。 Script.aculo.usの概要 Script.aculo.usはPrototype.jsをベースに動作するライブラリだが、Prototype.jsが1つのファイルにすべての機能を
Google AJAX Feed API でブログの人気エントリーを表示するサンプル - F.Ko-Jiの「一秒後は未来」
Google からまた新しいAPIがリリースされました。今回は、指定したフィードを取得してJSONやXML形式で結果を返してくれる、 Google AJAX Feed API です。 Google AJAX Search API Blog: Announcing the Google AJAX Feed API 対象がフィードのみなので、 Google AJAX Search API よりもシンプルです。 早速サイトにあったサンプルコードを参考にして、このブログの人気エントリーを表示するサンプルを作成してみました。 サンプルはこちら ソースは以下のようになっています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <h
第5回 Ajaxではどんなドキュメントを残せばいいの？
「Javaの場合，JavaDocというツールでプログラム仕様書の作成を支援できる。だがJavaScriptにはそうした汎用的な支援ツールがない。工数を大きく増やすことなく保守を見据えてどのようにドキュメントを残すか。そこがポイントだ」（日本IBM 米持氏）。 ドキュメントを残す場合，「仕様に関するメモ書きを含めてコード中に記述する」（Ajax対応のパッケージ・ソフトを開発したNIコンサルティング の上田氏）ケースが多い。ただし，JavaScriptのコードはクライアント側で丸見えになるので，「リリース時にツールを使ってコメントを削除する」（ミツエーリンクス 藤田氏）といった検討は欠かせない。 こうした中にあり，大規模システムにAjaxを適用しているNTTデータの担当者らは，Ajax利用時に残すドキュメントを社内で標準化した。通常のWebシステムでは以前から6種類のドキュメント（（1）要件か
AJAXのサンプルが山ほどダウンロードできるサイト「Ajax Rain」 - GIGAZINE
jQuery、ProtoType、.Netなどのフレームワークを使ったサンプル、デモが豊富にあります。しかも、サンプルをダウンロード可能。サンプルやデモを見ているだけでも、インスピレーションが沸いてきます。 詳細は、以下から。AjaxRain かなりのサンプル数があるので探していた物を見つけることができるかも。タグで分別されているので、探すのは意外と簡単にできそうです。ちなみにサンプルの1ページあたりの表示数を変更できるのですが、100以上を入れると100にされます。 毎月このサイトでAJAXなどを使ったコードのコンテストをしているので、腕に自信のある方は応募してみては。詳しくはこちらから。 AjaxRain.com Rain Fest
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
待望のAjax Webアプリケーションフレームワーク"Ext 1.1"登場 | エンタープライズ | マイコミジャーナル
Ext JS, The Ext teamは1日(米国時間)、Extの最新版となる「Ext 1.1」を公開した。ExtはJavaScriptで開発されたWebアプリケーションフレームワーク。スタンドアロンで提供されているフレームワークで、軽量HTMLエディタ、新しいExt.Ajaxユーティリティクラス、拡張されたDateFieldおよびDatePickerコンポーネント、整備されたドキュメントなどに特徴がある。以前のバージョンと比較してバグ修正も実施されている。 Ext 1.1では、とくに他のサードパーティライブラリへの依存がなくなった点が特徴的。このためExtを使ってWebアプリケーションを開発する場合にはExtだけを用意すればよくなった。ただし他のライブラリと共有するためのアダプタ機能は引き続き提供されるため、デベロッパのチョイスで複数のライブラリやフレームワークを組み合わせて使うことも
Modals | LivePipe
Modals are very commonly used on the web, when you might want to show some additional content without leaving the page, for example, showing a login form. If you’re trying to add one to your website, check out these examples. jQuery Modal https://jquerymodal.com This jQuery plugin is very simple to use, so you can be up and running in minutes. If you want to quickly add a modal to your site, this
FireBugの使い方
1. イントロダクション Ajaxという技術手法が、大きく話題になっていることもあり、ここ1,2年の間で非常に多くのAjaxライブラリがWeb上で公開されている。 Ajaxを利用した機能を実装するには、可読性の悪いJavaScriptコードを書かなければならないため、少し凝ったことをやろうとするには多くの手間がかかっていたが、適切にAjaxライブラリを利用すれば複雑な機能も比較的楽に実装できるようになるだろう。 本節では、ライブラリを導入してAjaxの機能を実装していくための検討事項を紹介する。 2. Ajaxライブラリの二つのアプローチ Ajaxライブラリと一言で言っても、ライブラリごとに方向性が違う。便利な機能をどのような形で提供するのかを考えたときに、ライブラリを次のような二つのアプローチに分けることができる。 (※ コントロール型とエクステンダー型という形でライブラリを分類するアプ
【ハウツー】ゼロからはじめるLITBox - ダイアログもスタイリッシュにカスタマイズ (1) ゼロからはじめるLITBox - ダイアログもスタイリッシュにカスタマイズ | パソコン | マイコミジャーナル
LITBoxとは? LITBoxはAjax(非同期通信処理)を利用してWebページをページ内に表示するライブラリです。LITBoxはページ内に独自のウィンドウを生成し、その中にコンテンツを表示します。また、アラートダイアログや確認ダイアログもサポートしているので、自分のWebサイトやブログなどに来てくれているユーザー達に、少々地味なJavaScriptデフォルトのアラートダイアログを使っている場合などには効果的かもしれません。 LITBoxはライブラリにprototype.jsとscript.aculo.usを使用しています。prototype.jsはバージョン1.5.0以降に対応しています。LITBoxはこのURLにあるページからダウンロードすることができます。 LITBoxのオフィシャルサイト Here is the source.の部分をクリックするとダウンロードされる ページのO
Prototype Window Classリファレンス
Prototype Window ClassはAjaxライブラリの1つでウィンドウ関連の処理を行うことができます。このライブラリはprototype.jsライブラリが必要です。また、ダウンロード後に解凍されるスタイルシートファイルや画像ファイルを含むフォルダも同時に必要になります。 version 0.96 リファレンス version 0.97 リファレンス version 0.98 リファレンス version 0.99 リファレンス version 1.0 リファレンス version 1.1 リファレンス version 1.2.1 リファレンス version 1.3 リファレンス
Rails/Ajax高速化関係メモ - Rubricks Project
RubyKaigiでも発表させてもらったのですが、Rubricks0.6リリースに向けてパフォーマンスをがんばって上げております。 以下、つらつらと。 render_componentが遅い render_componentはrequest.dupしてコントローラに投げなおすようなつくりになってて無駄が多い。 シンプルなsimple_render_componentを自作して解決。 →コントローラの処理時間がに5倍近く高速化 IEはDOM操作を行うと重い 一般的にDOM操作よりもinnerHTMLの方が速い。 SpinelzをDOM操作ではなく極力innerHTMLで操作するように改良 →IEで約3倍の高速化 毎回JSライブラリを読み直しは重い 数百kbyteのJSライブラリを読み直すのに時間がかかっている。 ほとんどのJSをログイン時に先読みし、画面更新を全てAjaxベースで実施するよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ChaSen.org
dhteumeuleu
SLOBSERVER - L'actualité de Second Life
