タグ

AJAXに関するcnomiyaのブックマーク (79)

  • 企業システムでも使われるウィジェット技術 第2回 「OpenAjax Hub 2.0 による安全なマッシュアップ」

    概要 連載では、ウィジェット関連の技術動向についてご紹介していきます。第2回となる稿ではOpenAjax Alliance で仕様が策定されたOpenAjax Hub 2.0の機能と使い方についてご紹介します。特にOpenAjax Hub 2.0では複数のウィジェットを組み合わせたコンポジット・アプリケーションを安全に実現するためのセキュア・マッシュアップ機能が大きな特徴です。マッシュアップによるセキュリティ的な問題と、OpenAjax Hub 2.0の実現するセキュリティの仕組みについて解説します。 なお、一般にアプリケーション開発の世界では、こうした単体である程度の機能を提供するミニアプリという意味だけではなく、GUI(グラフィカルユーザー・インターフェース)を構成するボタンや入力フィールドといった粒度の小さな部品という意味でも“ウィジェット”という言葉が使われます。稿ではことわ

    企業システムでも使われるウィジェット技術 第2回 「OpenAjax Hub 2.0 による安全なマッシュアップ」
    cnomiya
    cnomiya 2010/08/04
    [pub/sub]そりゃ、既にあるよねー|最近、HTML5のSharedWorkerで簡単なPub/Sub作りました。|Widgetの標準化、、、重要です。
  • 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

    AJAX APIs Playground
  • Ymacs -- AJAX source code editor with syntax highlighting and automatic indentation

    Ymacs is an Emacs-like editor that works in a browser. This is an old project, but it still works very well. There was a major overhaul in 2024 so I wouldn't call it dead yet. Besides a lot of fixes and new features, an important change is that Ymacs is now standalone (no longer depends on thelib.js). Here is an instance with some HTML code from this very page. Try various editing commands, but fi

    cnomiya
    cnomiya 2010/05/20
    ブラウザ上で動くemacs|すげーーーーー|れで日本語入力できたら最高じゃないか|Safariでも動いた。Ctrl + n p f b s k程度。
  • Google App Engine入門:実践編

    今週に入って、Tiny Message に続く二つ目の Google App Engine ベースのサービスをリリースした。3日ぐらいで試験的に作った Tiny Message とは異なり、今回のものは、丸二ヶ月間寝る間も惜しんで作った力作である。 米国向けのサービスな上に招待制のSNSなので、ここではサービスそのものは公開しないが、いくつかこだわって作った部分があるので、それについて語ってみようかと思う。 1. 対象となるユーザーの絞り込み FacebookやTwitterのような巨人が存在している中で、それにまっこうから対抗するようなソシアル・ネットワーク・サービスを作ったところで無謀なだけである。そこで、逆に対象にするユーザー層を究極にまで絞り込んで、彼らのライススタイルに徹底的にマッチしたサービスを作ることにより差別化をはかる、という戦略を選択。対象は「LAに住む20〜30代の社交

    Google App Engine入門:実践編
    cnomiya
    cnomiya 2010/03/08
    クライアントサイドにTemplateEngine|AJAXでサーバーのAPIをたたいてデータをJSONの形で取得し、それとstatic serverから取得したHTMLテンプレートをJavaScriptで実装したテンプレート・エンジンを使って合成してから表示する
  • Aerial(エアリアル) - Ajax/Cometの次を行く リアルタイム双方向RPC - Blog by Sadayuki Furuhashi

    JavaScript - サーバー間で双方向のRPC通信を行う技術は「Aerial」(エアリアル)という名前になりました*1。アイディアを出していただいた皆様、ありがとうございましたm(_ _)m Aerialは、通信にFlashを使い、JavaScriptとサーバープログラムとの間で双方向のRPC呼び出しを行う技術です。つまり、サーバー側からJavaScriptのメソッドを呼び出したり、逆にJavaScriptからサーバー側のプログラムを呼び出したりします。 サーバーから直接JavaScriptのコードを呼び出したり、逆にJavaScriptからサーバー側のメソッドを呼び出したりできるので、通信の内容を意識する必要がなく、バグの混入を抑えます。RPC成分入り! ライブラリを開発するときも、HTTPやブラウザ間の実装の違いを意識する必要も無く、ごく普通のTCP接続で通信を行うので、Come

    Aerial(エアリアル) - Ajax/Cometの次を行く リアルタイム双方向RPC - Blog by Sadayuki Furuhashi
  • 「iPhone」風UIを実現するJavascript「iUI.js」

    twitter facebook hatena google pocket iPhoneが米国で発売され、apple独特のUIの良さが好評になっています。 今回はJoeHewitt.comのiUIで紹介されている、iPhone的なUIを実現するjavascript「iUI.js」を紹介します。 sponsors 使用方法 実装はそう難しくありません。 iUIからダウンロードしたファイル群をアップロードし、CSSとjsをhead内に挿入します。 次にHTMLです。 <div class="toolbar"> <h1 id="pageTitle"></h1> <a id="backButton" class="button" href="#"></a> </div> と書き込みヘッダー部分を作成します。 後はページ毎にui id="ページ名"で括り、liのリンク先にそのidを指定すれば完成です

  • AJAX Reguler EXpression eValuator

    EnglishBulgarian

  • jQuery UIで実現! Ajaxで複数選択ドラッグ&ドロップ

    jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法(1) 基/おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック < リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは? 今回紹介するjQuery UIは、JavaScript(Ajax)フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ&ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット(アコーディオン、日付入力、ダイアログ、スライダー、タブなど) 今回は、jQuery UIのドラッグ&ドロップ機能

    jQuery UIで実現! Ajaxで複数選択ドラッグ&ドロップ
  • oreilly.co.jp -- Online Catalog: Ajaxアプリケーション & Webセキュリティ

    Ajaxは、昨今のWebサービスでは欠かせないものとなっていますが、そのインタラクティブ性の高さゆえに多くの脆弱性を抱えており、セキュリティがますます重要になってきています。書はAjaxアプリケーションをはじめ、Web 2.0関連のテクノロジやWebサービス全般に関しても幅広くカバー。セキュリティに関する基知識やWebアプリケーションの持つ脆弱性にも詳しく触れています。実際に多数のアクセスを集めているWeb 2.0サイトでのケーススタディなども交え、安全なWebアプリケーションを構築するために必要な知識をコンパクトにまとめています。 はじめに 1章 Webの進化 1.1 Webの始まり 1.2 HTTP(Hypertext Transfer Protocol) 1.3 HTTPトランザクション 1.4 レスポンス 1.5 HTTPメソッド 1.5.1 メソッドの安全性 1.5.2 べき

    oreilly.co.jp -- Online Catalog: Ajaxアプリケーション & Webセキュリティ
  • [ajax] JKL.ParseXML/ajax通信処理ライブラリ

    Kawa.netxp [ajax] JKL.ParseXML/ajax通信処理ライブラリ JKL.ParseXML クラスは、サーバ上の XML 形式ファイルをダウンロード~解析して、 JavaScript オブジェクト(配列やマップ)に変換するライブラリです。 複雑な DOM 操作なく簡単なスクリプトで XML 形式ファイルを扱えるため、 Amazon など XML を出力する既存の Web サービスや、 CGI と連携することで ajax ページを手軽に構築できます。 IE・Firefox・Opera・Safari のクロスブラウザに対応しています。 XML を JSONのように手軽に扱える他、 JSON/CSV/LoadVars 形式ファイルなどのテキストファイルも利用可能です。 安定版アーカイブ: jkl-parsexml-0.22.tar.gz TAR.GZ jkl-parsex

  • Tomcat 6で実現! Ajaxを超える通信技術Comet (1/3) - @IT

    Tomcat 6で実現!Ajaxを超える通信技術Comet:Tomcatはどこまで“安全”にできるのか?(3)(1/3 ページ) Ajaxを超える? Tomcat 6で搭載されたCometとは? 前回はTomcatを“安全”に活用するために、ツールを使った運用の仕方やTomcatの設定について解説しました。 今回はTomcatの安全性から少し離れて、Tomcat 6の新機能の利用方法について解説します。Tomcat 6では、いくつかの大きな拡張がありましたが、今回はJ2SE 1.5で実装されたNew I/O APIjava.nioパッケージ)を用いたComet(コメット)通信について解説します。 おさらい 「通常のHTTPでの通信」 通常のHTTPでの通信はクライアントのWebブラウザなどからサーバへリクエストを送信し、サーバはリクエストを解釈してレスポンスを返します。つまり、通信のタイ

    Tomcat 6で実現! Ajaxを超える通信技術Comet (1/3) - @IT
  • よくある質問っぽいののjQueryを使ったサンプル|CSS HappyLife

    2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら?って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 (単純にボクがこのスタイルが一番見やすくて好きってだけだったり) サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル (サンプ

    よくある質問っぽいののjQueryを使ったサンプル|CSS HappyLife
  • REST/Ajaxアーキテクチャにおけるサーバロードとネットワークトラフィックの削減

    Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。このでは、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

    REST/Ajaxアーキテクチャにおけるサーバロードとネットワークトラフィックの削減
    cnomiya
    cnomiya 2007/11/29
    キャッシュ重要。けど、実装イメージが湧きません。ClientSideもServerSideも。。。学べ俺
  • Ext JSとprototype.jsで作るリッチなUI(1/4) ─ @IT

    Ext JSとprototype.jsで作るリッチなUI:パターンとライブラリで作るAjaxおいしいレシピ(3)(1/4 ページ) 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ(フレームワーク)です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム(拡大表示はこちら、※注意1:FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし

    Ext JSとprototype.jsで作るリッチなUI(1/4) ─ @IT
  • JavaScriptを書かずにAjaxを実現するjMaki

    JavaScriptを書かずにAjaxを実現するjMaki:CoolなEclipseプラグイン(22)(1/3 ページ) Ajaxアプリケーションを開発するには、JavaScriptJavaの2つの性質の異なる言語を利用する必要があり、開発者を悩ませています。今回は、Ajaxアプリケーションの開発を簡単にするライブラリjMakiとそのEclipseプラグインについて解説します。 便利なJavaScriptライブラリが悩みのタネ? Ajax開発に欠かせないJavaScriptには現在prototype.js、jQuery、Dojo、script.acul.us、Yahoo UI Libraryなど実にさまざまなライブラリ(フレームワーク)が提供されていて、その利便性から開発の役に立っています。しかし、これらのライブラリを組み合わせて利用するには、各ライブラリの利用方法を習得する必要があり、

    JavaScriptを書かずにAjaxを実現するjMaki
  • jMakiでリッチなGUIを作ろう!:CodeZine

    はじめに Javaを利用してAJAXアプリケーションを開発するためのフレームワークがいくつか登場していますが、jMakiは最も手軽にAJAXを利用できるものでしょう。今回は、jMakiと併せてリリースされているEclipse用プラグインを使い、実際にjMakiを使ってAJAXアプリケーションを作成する手順を説明します。作業を通じて、jMakiがどのような働きをするものなのか、体感してみてください。対象読者AJAXに興味があるJava開発者。JavaScriptのコーディングだけは死んでもしたくない、という人。WebアプリケーションのGUIをもっとリッチにしたい人。 JavaによるAJAX開発とは? 今や「AJAX」は、Webアプリケーション開発になくてはならない技術といってよいでしょう。JSP/サーブレットなどで開発を行う者にとっても、AJAXは無視できなくなっています。が、だからといって

  • http://www.xajaxproject.org/

    cnomiya
    cnomiya 2007/11/07
    jssp-rpc
  • Remote Application Platform (RAP)

    Enabling modular business apps for desktop, browser and mobile RAP provides a powerful widget toolkit and integrates well with proven technologies such as OSGi and JEE. You can write your application entirely in Java, re-use code and benefit from first-class IDE tools. Widget Toolkit RAP lets you develop modern web UIs with a real widget toolkit with SWT API, which includes powerful features like

    cnomiya
    cnomiya 2007/10/25
    RAP:Eclipseのコンポーネントモデルに従ってAjax対応のRIAが作成できるプラットフォーム
  • 第1回 Microsoft AJAX Libraryで実践オブジェクト指向JavaScript ― @IT

    連載では、まだまだ日語での資料が少ないMS AJAX Libについて、基的な機能を解説するとともに、最終的にはMS AJAX Libを利用した自作のAjax対応コントロールを作成するまでを目的とするものだ。そして、連載第1回の今回は、MS AJAX Libを利用するうえで最も基となる型システムにかかわる機能を紹介する。 なお、連載を読み解くに当たっては、JavaScriptの基的な構文を理解しておくのが好ましい。JavaScript(特にオブジェクト指向構文)の理解に不安がある方は、拙稿の、 連載:Ajax時代のJavaScriptプログラミング再入門(全4回) も併せて確認されることを強くお勧めする。 [参考]ASP.NET 3.5でのASP.NET AJAX すでにさまざまなニュースでも取り上げられているように、2007年末にはいよいよ次期Visual Studio 200

    cnomiya
    cnomiya 2007/10/17
    ブラウザ互換層/スクリプト・コア/基本クラス・ライブラリ, 継承機構の違い(MS AJAX Lib vs Prototypeチェーン), Webサービス・ブリッジ機能, アプリケーション・サービス・ブリッジ機能, WebPartsコントロールへのUpdatePanelの対応
  • JavaでAjax、EclipseファウンデーションがRAP1.0正式版リリース - @IT

    2007/10/16 Eclipseファウンデーションは現地時間の10月15日、「Eclipse Rich Ajax Platform 1.0」(RAP) を正式に発表した。Eclipseのコンポーネントモデルに従ってAjax対応のRIAが作成できる初めてのプラットフォーム。Javaの開発環境やツールを用いたAjaxアプリケーションの開発が可能。既存の、Webアプリケーションやデスクトップアプリケーションなどに用いる「Eclipse Rich Client Platform」(RCP)とは別物。これまでAjaxに対応するサードパーティ製のソフトウェアはあったが、Eclipseファウンデーション家から登場するのはこれが初めて。 コンポーネントベースでAjax対応のRIAを開発することで、既存の業務システムとの連携が容易に行えるという。また、RAP1.0を用いることで同一のJavaコードから