This domain may be for sale!
Ajax file upload with jquery - valums.com jQueryでAjaxファイルアップロードするためのライブラリ。 次のようなアップローダーを実装できます。 必要なファイルを読み込んだ後、次のようなスクリプトでアップローダーを初期化します。 なかなかわかりやすい使い方になっていますね。 $(document).ready(function(){ $.ajax_upload('#div_id', { // Location of the server-side upload script action: 'upload.php', // File upload name name: 'userfile', // Additional data to send data: { key1 : 'value', key2 : 'value2' }, // Fire
Ajaxパワーの活用方法 Ajaxは、ウェブアプリケーションの開発方法や利用方法を大きく変えた破壊的な技術だ。Ajaxによってインタラクティブなページの作成が可能になったのである。Ajaxは現在もウェブの流行の最先端を走り続けている。 Ajaxという用語は比較的最近生まれたものだが、Ajaxを支えている技術は以前から存在していた。ブラウザに送られたウェブページの内容をあとから変更する機能自体は、何年も前からあったのである。たとえば、JavaScriptでiframeのsrc属性を変更するのもそのような技術の一つだ。 しかし、XMLHttpRequestオブジェクトが主要なブラウザで実装され、GmailやGoogle Mapsが公開され始めると、開発者はそれをきっかけとしてウェブページの構築方法をもう一度考えるようになったのである。 XMLHttpRequestオブジェクト Ajaxを可能に
prototype.jsでYouTubeをインクリメンタルサーチ:パターンとライブラリで作るAjaxおいしいレシピ(2)(1/3 ページ) 今回のサンプルはYouTubeの新APIを使う 2007年8月28日からGData(Google Data APIs)の仕様に基づいたYouTubeの新しいWeb APIであるGData YouTube APIが利用できるようになりました。これに伴って、以前のYouTube APIではサポートされていなかったJSONP(前回記事参照)による動画の検索ができるようになりましたので、今回のサンプルでは、この新APIを使ってJavaScriptから直接YouTubeの動画を検索させます。 Ajaxデザインパターンは「Live Searchパターン」などを使用 検索方法は、通常の「キーワード」を入力してから「検索ボタン」を押すタイプではなく、一文字一文字入力す
jQuery、ProtoType、.Netなどのフレームワークを使ったサンプル、デモが豊富にあります。しかも、サンプルをダウンロード可能。サンプルやデモを見ているだけでも、インスピレーションが沸いてきます。 詳細は、以下から。AjaxRain かなりのサンプル数があるので探していた物を見つけることができるかも。タグで分別されているので、探すのは意外と簡単にできそうです。ちなみにサンプルの1ページあたりの表示数を変更できるのですが、100以上を入れると100にされます。 毎月このサイトでAJAXなどを使ったコードのコンテストをしているので、腕に自信のある方は応募してみては。詳しくはこちらから。 AjaxRain.com Rain Fest
Adobeは27日、Adobe Labsを通じて「Flash-Ajax Video Component」を公開した。BSDライセンスのオープンソースとして提供されており、サンプルソースをダウンロードすることもできる。なお、実行にあたってはFlashのグローバルセキュリティ設定の「許可」が求められる場合がある。 「Flash-Ajax Video Component」は、FLV(Flashビデオファイル)の実行をHTMLとJavaScriptのみで制御するコンポーネント。呼び出し側の制御に従い、コンポーネントがFLVを操作する。WebサイトにおけるFLVの実行はswfファイルを通じて行われることが多いが、このコンポーネントを使うことで、HTMLベースのWebサイトにおいても、Flashビデオを再生するのが容易になる。 サンプルソース 「favideo_072707.zip」にはサンプル
OpenLink Softwareは1日(米国時間)、OpenLink AJAX Toolkitの最新版となるOpenLink AJAX Toolkit(以降、OAT)2.6を公開した。OATはJavaScriptを使って開発されたリッチインターネットアプリケーション(RIA)開発用ツールキット。GNU GENERAL PUBLIC LICENSE Version 2の下で公開されている。Webブラウザに依存しないWebアプリケーション開発が可能で、AJAX Database Connectivityと呼ばれるプラットフォーム非依存のデータアクセスレイヤが用意されているほか、UIウィジェット、コントローラ、イベント管理システムなど各種コンポーネントが用意されている。 2.6ではセマンティックデータWebテクノロジとしてJavaScriptベースのFresnelプロセッサ、同プロセッサからH
11日(米国時間)、jMakiプロジェクトは新バージョンである0.9.3をリリースしたと発表した。 jMakiは、さまざまなJavaScriptフレームワークやWeb APIをラップし、面倒なコーディングなしにそれらフレームワークの機能を扱えるようにするためのライブラリ。jMakiを使用すると、JavaであればJSPタグ、PHPであれば単純な関数を用いるだけで、DojoやYahoo! UIなどのJavaScriptフレームワーク、FlickrやGoogle MapといったWeb APIを使用することができるようになる。 サポートしているプラットフォームは以下の通り。 Windows XP/Vista上のInternet Explorer 6 もしくは 7 Solaris、Linux、Windows XP/Vista上のFirefox 1.5 もしくは 2.x Mac OS X上のSafar
Spotlight-Like Search As You Type With CSS, AJAX & JS Dustin Bachrach Blog OS X has a lot of great effects. These are great building blocks for creating effects for the web. OS X の Tiger についてくるインクリメンタル検索機能のSpotlight機能をWebでも実現するためのCSS&HTML&JavaScriptサンプル。 次のようなインクリメンタルな検索機能をあなたのサイトにも実装できます。 Spotlight 自体の ユーザインタフェースが既によく考えられて作られていて、優れているので、サイトにも実装するとユーザビリティが上がることは間違いなさそう。 prototype.js と scriptaculou
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo!やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
Raul IONESCU氏は25日(米国時間)、機能追加とバグ修正をおこなったmyAJAXの最新版であるmyAJAX 5.0.4を公開した。myAJAXはJavaScriptで書かれたAJAXライブラリのひとつで、The MIT Licenseのもとで公開されているオープンソースソフトウェア。Webアプリケーションを実装するにあたって、開発に便利な機能がまとまっており、デベロッパは直感的にわかりやすいJavaScriptコードを実装することができるようになっている。 myAJAXはFirefox 2系やInternet Explorer 6以降をはじめ、さまざまなWebブラウザで動作確認がおこなわれている。そのほか、各オブジェクトや関数の使用方法が同梱の「quickref.txt」に記述されているので適宜参照されたい。
Raul IONESCU氏は25日(米国時間)、機能追加とバグ修正をおこなったmyAJAXの最新版であるmyAJAX 5.0.4を公開した。myAJAXはJavaScriptで書かれたAJAXライブラリのひとつで、The MIT Licenseのもとで公開されているオープンソースソフトウェア。Webアプリケーションを実装するにあたって、開発に便利な機能がまとまっており、デベロッパは直感的にわかりやすいJavaScriptコードを実装することができるようになっている。 myAJAXはFirefox 2系やInternet Explorer 6以降をはじめ、さまざまなWebブラウザで動作確認がおこなわれている。そのほか、各オブジェクトや関数の使用方法が同梱の「quickref.txt」に記述されているので適宜参照されたい。
StoryOfXmlhttp - XMLHTTP の話。 目次 この文書について XMLHTTP の話。 追記 2007/1/31 著作権情報 XMLHTTP の話。 この文書について "Story of XMLHTTP" の日本語訳です。 http://www.alexhopmann.com/story-of-xmlhttp/ 添削歓迎: タイポ、訳語不統一、そのほか ... もう Microsoft を辞めるんだ。そう思うと、自分のやったプロジェクトのことを すこし振り返りたい気分になる。 XMLHTTP の歴史なんてのは、聞いてもらっても面白いとおもう。 XMLHTTP は後に大ヒットとなった。 人々がそれに気付いたのは、Google の Google Suggest 機能 で使われているのを目にしてからだろう。 ページのソースコードを調べ、仕組みを探ったわけだ。 実のところ G
JavaScriptで線や円、四角形などの図形を描画するためのライブラリ「wz_jsgraphics.js」 2007年02月16日- DHTML: Draw Line, Ellipse, Oval, Circle, Polyline, Polygon, Triangle with JavaScript This JavaScript VectorGraphics library provides graphics capabilities for JavaScript: functions to draw circles, ellipses (ovals), oblique lines, polylines and polygons (for instance triangles, rectangles) dynamically into a webpage JavaScriptで線や円
Ajax Auto Suggest v.2 : CSS . XHTML . Javascript . DOM : Brand Spanking New The new and improved version of my JavaScript/Ajax auto suggest script. More features, less bugs. Demo and documentation here.クールなJavaScript入力補完ライブラリ「Ajax Auto Suggest v.2」。 入力ボックス上でaを入力したところ。 JSON形式や補完時のコールバック関数、フェードエフェクト、CSSデザインなど基本的な機能は盛り込まれています。 ちょっと変わった補完ボックスを作りたい場合に使えそう。
デベロッパがFirefoxを使う理由はエクステンション! Ajax Webアプリケーションの開発者には、WebブラウザとしてFirefoxを愛用しているユーザが多い。その理由のひとつに豊富なエクステンション機能が挙げられる。Firefoxを使っているからエクステンションを使っているというよりも、エクステンションを使いたいからFirefoxを使っているという感じだ。 デベロッパに人気のあるエクステンションはいくつもあるが、代表的なところではAll-in-One GesturesやDictionarySearch、Greasemonkey、User Agent Switcher、ScrapBookなどを挙げることができる。そしてAjax Webアプリケーションの開発において必須ともいえるエクステンションに、Firebugがある。 Firebugに対する称賛の声は枚挙にいとまがない。「Fireb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く