JSON/XMLデータを簡単に編集する·JSON Editor MOONGIFT
Ajaxを使う上でよく使われるのがJSONやXML形式だ。最近では特に冗長性がなく、JavaScriptでそのまま使える分、JSONが好まれる傾向にある。しかしコンピュータ上は読みやすくとも、人向けのフォーマットとは言えそうにない。 例えばデバッグの際にJSONフォーマットをチェックする必要があった場合、その解析は非常に面倒だ。そこで使ってみたいのがJSON Editorだ。 JSON EditorはAdobe AIR製のフリーウェアで、JSONやXMLの内容をパースして表示、編集できるソフトウェアだ。 JSON Editorを使うと、出力されたJSONをそのまま貼付けてReadボタンを押せばテーブル形式に並べ替えて表示してくれる。これで階層がどれくらい深いのか、希望した通りにデータが並んでいるのかといった情報が簡単に分かるようになる。 多彩なショートカットキーがある 逆にデータを作成して
window.nameによるクロスドメイン通信 - snippets from shinichitomita’s journal
随分前になるが、SitePenの人 (dojo) が書いたブログに window.nameを使ったクロスドメイン通信についてまとめられていた。 window.name Transport - Blog | SitePen 気になっていたがちゃんと読む時間がなかったので、今ごろ見てみる。抜粋して訳。 window.name による通信 The window.name transport is a new technique for secure cross-domain browser based data transfer, and can be utilized for creating secure mashups with untrusted sources. window.name is implemented in Dojo in the new dojox.io.windowN
DWRでAjaxプログラムをかんたん作成！
DWRを使おう！ 「第1回：ActiveWidgetsでAjax！」ではコンボボックスやグリッドなどのActiveWidgetsコントロール表示について解説しました。今回はサーバーリモーティングライブラリDWR（Direct Web Remoting）を使用してサーバー通信を行い、サーバーから受信したデータを使用してグリッド表示を行います。 DWRとは、AjaxクライアントとサーバーサイドJavaの構成で使用されるJavaScriptとJavaの連携用フレームワークです。 図1はDWRを使用したシステム構成です。図のようにサーバーサイドはサーブレットとJavaBeansで構成されますが、主に次のような3つの特徴があります。 1つ目がサーブレットはDWRサーブレットと呼ばれる専用のサーブレットが使用されるということです。したがって、ユーザーがサーブレットを記述する必要はなく、JavaBean
HugeDomains.com
paranoidferret.com is for sale Please prove you're not a robot
JavaScriptライブラリの先駆け「prototype」を勉強しなおすサイト20
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
Comet/Ajaxの上を行く技術 - Blog by Sadayuki Furuhashi
上を行くかどうかは知りませんが :-p Ajaxはクライアントの都合でサーバーに通信を仕掛けるpull型の通信ができ、Cometはサーバーが好きなタイミングでクライアントへデータを送りつけるpush型の通信ができるわけですが、新たに双方向の通信ができる技術を開発しました。 具体的には、JavaScriptとサーバーの間で双方向のRPCができます。すなわち、サーバーからクライアント側のJavaScriptのメソッドが呼べるし、逆にクライアント側からサーバー側のメソッドを呼ぶこともできます。 サーバー側で call("addMessage", "Hello!") とやると、JavaScript側の function addMessage(msg) { ... } という関数が呼ばれたりします。 この技術を使って、試しにチャットシステムを作ってみました ＞ デモ （ソースコード）*1 リアルタイ
【ハウツー】ICEfaces×JBoss Seamで一歩先を行くWebアプリケーションを (1) Ajaxの弱点を補うICEfacesとJBoss Seamの連携 | エンタープライズ | マイコミジャーナル
ICEfacesは、Ajaxに対応した、JavaによるWebアプリケーションフレームワークである。ICEfacesでは、Ajaxアプリケーションを容易に実現するために、プレゼンテーション層におけるさまざまなコンポーネントを提供している。 Ajaxの普及により、リッチでインタラクティブなユーザインタフェースが広く用いられ、画面遷移と非同期のリクエストもあたりまえのように用いられるようになってきた。しかしその結果、より多くのリクエストが送信され、より複雑な処理フローが要求されるようになってきている。プレゼンテーション層が充実することは必要不可欠であるが、ビジネス層以降がそれに対応しきれない場合、パフォーマンス上の問題や、セキュリティ上の問題を引き起こすことになる。たとえば、(従来のWebアプリケーションのように)ユーザの情報を何でもセッションオブジェクトに保持するような仕組みでは、その情報のラ
MOONGIFT: » 要チェック！Ajax向けIDE「WaveMaker Visual Ajax Studio」:オープンソースを毎日紹介
Prototype.jsやscript.aculo.us、jQueryなどのJavaScriptライブラリがあるお陰で、AjaxやJavaScriptを駆使したWebアプリケーションが容易に作成できるようになっている。が、まだまだGUIアプリケーション並みとはいかないのが現状だ。 サンプルアプリケーションを開いているところ それを打破できるかも知れないソフトウェアを紹介しよう。Webアプリケーション開発者皆さんにおすすめだ。 今回紹介するオープンソース・ソフトウェアはWaveMaker Visual Ajax Studio、Ajax開発向けIDE（統合開発環境）だ。 WaveMaker Visual Ajax StudioはJavaベースのソフトウェアで、Tomcatを使っている。起動後、localhost:8094でサービスが立ち上がる。ブラウザベースで動作するが、これはまさにIDEのW
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
第5回 jQuery UIによるユーザインターフェースの改良 | gihyo.jp
今回使用する「Dialog」「Draggables」「Droppables」「Sortables」に必要なファイルは以下の通りです。 themes/ jquery-1.2.3.min.js jquery.dimensions.js ui.mouse.js ui.resizable.js ui.dialog.js ui.draggable.js ui.draggable.ext.js ui.droppable.js ui.droppable.ext.js ui.sortable.ext.js ui.sortable.js jQuery UI 1.5bを使うために、今回は同梱されているjQuery 1.2.3を使うことにします。バージョンが上がりますが、これまでのサンプルの動作に影響はありません。 ライブラリの設定 ライブラリの各ファイルを、head要素の子要素に以下のように指定します（
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
マッシュアップ・ラボ 〜 目次：ITpro
・第1回 WebサービスAPI＋マッシュアップことはじめ マッシュアップとは，複数のWebサービスを融合して新しいサービスとして提供することです。1回目となる今回は，まずWebサービスAPIとマッシュアップについて簡単におさらいすることにします。 ・第2回 JavaScriptからFlickr APIで画像検索 キーワード指定でFlickr上の画像を検索し，ブラウザ上にカンタンに表示できます。ブラウザ内で動作が完結するJavaScriptを利用しますから，サーバーサイドのプログラムは不要です。 ・第3回 livedoorお天気Webサービスでブログパーツを作る 今回は，livedoor天気情報の提供するWebサービスAPIをご紹介します。自分のブログに地元の天気情報を貼れる『天気予報ブログパーツ』を作成してみましょう。 ・第4回 トルコ＆ベトナムに注目！ ～ Google Analytic
【レビュー】Googleからの贈り物 - Google AJAX Language APIでカンタンに翻訳サイトを (1) 超シンプルなAPIながらスゴイ実力 | エンタープライズ | マイコミジャーナル
20日に発表されたGoogleの新しいWeb API、Google AJAX Language APIは、誰でも簡単に言語の翻訳を行えるようにするJavaScript APIだ。同APIを使うと、JavaScript文字列に対して「日本語←→英語」や「中国語←→英語」と言った変換を簡単に行えるのみならず、文字列が何語で書かれているかを自動判別することもできる。 同APIのパワーがどれほどのものかというと、以下のような翻訳サイトを10分足らずで作れてしまったほどだ(ソースコードは次ページで解説)。 非常にシンプルなAPI(メソッド2つしかない!)にも関わらず、そのパワーがあまりに凄まじすぎる。この興奮をぜひ皆さんにもお伝えしたいと思う。 ということで、さっそくLanguage APIの使い方を学んでいこう。
第4回 Flash、JSONでのクロスドメインアクセス | gihyo.jp
Flashを用いたクロスドメインアクセス 前回までは、クロスドメインアクセスを行うための方法として、リバースProxyを使う方法とJSONPを使う方法を紹介しましたが、どちらの方法も少し変わった方法だったと思います。なにか無理やりのように感じた方もいるのではないでしょうか。今回紹介するFlashを使った方法では前回までの方法とは違い、自然な形でクロスドメインアクセスを行うことができます。 Flashでは、呼び出される側で設定を行うことでクロスドメインアクセスが可能になります。 設定といっても非常に簡単で、呼び出される側のWebサーバにcrossdomain.xmlというファイルを設置するだけです。このときのURLは http://www.example.com/crossdomain.xml となります。 ファイルの内容は以下のようになります。 crossdomain.xmlの内容 <cr
カスタムポリシーファイル crossdomain.xml について - yoshiweb.NET-blog
Flash でドメインをまたいで外部ファイルを読み込みたい場合 参照側のサーバー（外部ファイルが置いてある方）に crossdomain.xmlという名前のXMLが必要らしいです。 XMLの書き方は 全てのドメインのアクセスを許可する（どこからでもOK〜！にする）ときは 以下の記述をしたXML「crossdomain.xml」をルートディレクトリに配置 他の全てのドメインから読み込まれるのを防ぐ（他のドメインは全部ダメー！にする）ときは crossdomain.xmlファイルを設置しない！ もしくはallow-access-from タグのない crossdomain.xml ファイルをルートディレクトリに配置 crossdomain.xml の各要素の内容 メタポリシー設定 all： すべてのポリシーファイルが許可されます。 by-content-type： Content-Typeがt
Ext Japan | ホーム
ソリオの燃費検証に当たってはガソリンとハイブリッド（マイルドハイブリッド）と選べる要素が多いために問題はややこしくなってしまいます。ソリオとライバル車の燃費データを比べると共に、試乗した際の実燃費を紹介したり、ソリオの燃費性能を掘り下げていきます。 ソリオはスズキから発売されている大人気トールワゴンです。ソリオはコンセプト通りボディはコンパクトですが、室内空間は広く取られています。その為、ソリオの居住性は高く荷室空間も十分です。 取り回しがいいのにスペースに余裕があるということでソリオはファミリー人気も高く、レジャーに街乗りに様々な場面で重宝されています。ソリオに乗る機会が多くなってくるとやはり気になるのは燃費です。 ここからは、ソリオの燃費・実燃費を徹底的に確認検証していきます。
[JSAN] XML.ObjTree
XML.ObjTree クラスは、Perl 用の XML::TreePP モジュールの JavaScript 版です。 XML ファイルと JavaScript オブジェクト（連想配列）間の相互変換を行います。 prototype.js または JSAN の HTTP.Request クラスと併用することで、 JKL.ParseXML の 後継 としても利用できます。 ECMA-357 の普及を待たずに、 ECMAScript for XML (E4X) 風のXMLのオブジェクト利用が可能になります。 Intel Mac 版の Safari で、 DOMParser オブジェクトの async プロパティが read-only となる点にも対応しています。 IE で（サーバ上でなく）ローカルのXMLファイルを開きやすくなりました。（2006/08/14） オンラインDEMO DEMO（お試
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
flensed.com
Prototype.jsとは何か - ARK-Web SandBox Wiki
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
