WebページでHTMLやJavaScriptを表示させる場合に厄介な問題がある。実際のソースコード、たとえばそれはHTMLやJavaScriptだったりするわけだが、実際に使われるそういったコード保守する必要があるほか、そのコードを表示させているHTMLの方に含まれているコードも保守する必要があるということだ。 大量のチュートリアルを作成している場合などは特に面倒なことになる。デモコードを書き換えるごとに、それを表示させているHTMLの方に含まれているコードも変更しなければならない。編集を忘れてしまえば実際に動作しているコードと表示されるコードが違うという事態にもなる。 同じことを考えるプログラマは多いようだ。Christian Heilmann氏は1月29日(米国時間)、Displaying source code with Ajaxのタイトルのもと、外部のファイルをインクルードして表示
Aptana Jaxerの概要 高品質なAjax用IDEをリリースしていることで有名な「aptana」プロジェクトが、無限の可能性を感じさせる「熱い」製品をリリースしてくれた。それが「Jaxer」だ。 「Jaxer」は、aptanaプロジェクトによれば「Ajaxサーバ」と位置づけられている(あまりピンとくるキャッチフレーズではないが……)。Jaxerの概要を簡潔に表すならば、「サーバサイドJavaScriptを実現するためのサーバ/フレームワーク」となるだろう。 サーバサイドJavaScriptを実現するプロダクトは、Jaxer以外にも多くある。そんな中、Jaxerが実現するサーバサイドJavaScriptには次のようなメリットがある。 ブラウザで動作するJavaScriptコードと、サーバサイドJavaScriptコードをシームレスに統合できる。 サーバサイドで動作する関数をクライアント
Aptana Jaxer - The Ajax server Aptanaは22日(米国時間)、AjaxサーバプロダクトとなるAptana Jaxerのベータ版を公開した。同社はAptana Jaxerが真の意味でAjax向けのサーバプロダクトとしては初のプロダクトだとしている。Aptana JaxerではAjax開発者向けの開発モデルが統合された。この結果、サーバにおいてもクライアントにおいても同じAjaxコードが記述できるようになった。同じAPI、同じJavaScript、同じHTMLをサーバにおいても使えるようになっている。 具体的な例を挙げると、WebブラウザでgetElementById()を使うといった処理をサーバサイドにおいても同じように使える。つまり、JavaScriptコードを記述したら、そのコードはクライアントサイドでもサーバサイドでも使えるということだ。同期的にしろ非
第1回ではJSONPによるAjax実装を取り上げましたが、今回はそこで使ったJSONという表記法と、JSONPというAjax実装手法について解説します。また、jQueryによる簡単なAjaxの実装についても解説します。 JSONってなに? JSONとは、JavaScript Object Notationの略称です。ECMAScript言語 ECMA-262をベースに作られた、Javascriptオブジェクトの表記法のサブセットです。 JSONは、名前と値のペア、および、順序付きの値という2つのシンプルな構造に基づいて、構造化データを簡潔に表現することができます。 オブジェクト(名前と値のペアの集まり) JSONでオブジェクトを表現するには、メンバを「{」と「}」で囲みます。複数のメンバは「,」で区切られます。例えば、名前が「color」、値が「green」というメンバを持つオブジェク
ITインフラ運用からの解放 HCI+JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある 非構造化データのデジタル活用へ 社内の文書コンテンツを一元管理 デジタル変革と内部統制の二兎を得るECM 結果に差がつくウェビナーへの投資 デジタル営業時代における見込み顧客獲得へ ウェビナーの運用・集客・フォローの最適化 大学、研究機関、製造業など いま目覚ましい躍進ぶりを見せるデルのHPC その背景と選ばれる理由にせまる IT部門のDXはこれだ! IT運用管理新時代における最適な運用管理 の現場作り ビジネスの推進には必須! ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 体験から学んだ成功への知見 マネーフォワード×エム・フィール
はじめに この連載では、Javascriptは知っているけどAjaxは実装したことがないという方に向け、YouTube APIを利用したWebアプリケーションを題材に、実装の方法を解説します。 JavascriptのライブラリはjQueryを使用します。jQueryによるAjax実装、基本的な使い方、また、UIへの応用実装も合わせて解説します。 Ajaxってなに? Ajaxとは、Asynchronous Javascript+XMLの略称です。Javascriptを使い、Webページとは非同期(Asynchronous)にXML形式(もしくはテキスト形式)のデータ通信を行う手法を指します。 Ajaxを使うと特別なプラグインなどを必要とせず、Webページの必要な部分だけ必要に応じて書き換えることができるため、ユーザビリティの高いWebアプリケーションを作ることができます。また、異なるWebサ
Dojo Toolkit 先日、フルスタックのJavaScriptフレームワークであるDojo Toolkitのバージョン1.0がついにリリースされた。Academic Free License v2.1とBSD Licenseのデュアルライセンスが採用され、使用するプロジェクトに合わせてどちらかを選べるようになっている。 足かけ三年以上にわたり開発が行われた同フレームワークは、期待に違わず凄まじく多機能で、その全体像をつかむのも容易ではない。 今回は、Dojo Toolkitに関して広範かつ、なるべく詳細な解説を行うため、二回に分けた特集を試みる。 特集の前半である本記事は、Dojoの基本的な知識とトピックを解説したいと思う。後半では、Dojoが備えるUIウィジェットの話題を中心に、Dojoを使用してリッチなWebページを作成するための様々なテクニックを紹介したい。 ということで、前半記
Dojo Toolkit 1.0 - 3年の開発期間を経て、ついに1.0登場 The Dojo Foundationは5日(米国時間)、3年を越える開発の集大成として「Dojo Toolkit 1.0」を発表した。DojoはJavaScriptで開発されたフルフィーチャAjaxフレームワーク。JavaScriptインフラストラクチャからアニメーション、UIコンポーネントまで幅広い機能を提供している。ベースコンポーネントは25KBに抑えられ、初期読み込みに時間がかかる問題も軽減されている。 Dojo 1.0における主な特徴は、 10万行以上のデータ操作をサポートしたハイパフォーマンスグリッドウィジェット Webブラウザネイティブな2D/3Dチャートやベクタグラフィック描画 シンプルで高速なデータドリブンウィジェット開発を可能にするユニバーサルデータアクセス 13の主要言語へ対応したローカライ
非同期処理をシーケンシャルに扱うために(snippets from shinichitomita’s journal) Ajaxアプリケーションでは、ユーザの操作をロックしないように非同期でリクエストをサーバに投げることがあると思いますが、処理が複数ある場合は整合性を取るのに悩みます。 上記記事では、JavaScriptの非同期処理をシーケンシャルに扱う方法をライブラリ化して公開しています。 ライセンスは特に明記されてないですが、参考になるのではないでしょうか。
GWT に Ext を統合するためのライブラリ GWT-Ext Posted in Ajax (RSS), GWT (RSS), Java (RSS) ご存じのように、「Google Web Toolkit(GWT)」は、Java で開発したプログラムをプレーンな HTML と Java Script に変換するツールです。この画期的なツールの登場によって、Swing や SWT と同じような感覚で、Ajax アプリケーションの開発が可能となりました。ただし、標準で提供される UI コントロール (ウィジェット) の機能が限定されているため、その点においては少し物足らない感じがしたのも事実です。 そうした中、リッチな UI を提供する Java Script フレームワーク 「Ext」 を「GWT」 に統合しようとするプロジェクトが、「Google Code」 に開設されました。同プロジェ
Yahoo! Ajax Evangelist, Bill Scott氏は6日(米国時間)、Ajaxアプリケーションを開発するための新しいプロトタイプスクリプティング「Protoscript」を発表した。Protoscriptは既存のWebページに対して動作を追加することを目的としたスクリプト。かなりわかりやすい表記で動作を追加できるという特徴がある。 Protoscriptはいちからすべて開発されているのではなく、既存のプロダクトを組み合わせて機能が実現されている。まず、HTMLの要素を特定するためにjQueryが活用されているほか、動作やイベントへの対応にThe Yahoo User Interface LibraryやMooToolsが活用されている。 Webアプリケーションを開発するにあたって、UIを設計してから、そのUIに対して動作を付け足していく方法がある。直感的でわかりやすい方
こんにちわ。山下です。 最近、私の周りではJavaScriptライブラリといえば、jQuery の名前がまず最初に挙がってくるようになってきました。今回は、jQueryって何が便利なの?っていう人向けに、ポイントを掻い摘んで説明します。 1.名前空間を汚さない 他のJavaScriptライブラリとかだとStringとかArrayを直接拡張してたりしますが、jQueryはグローバルな名前空間を汚しません。eachとかmapのような便利な関数もすべてjQueryオブジェクトの属性として定義されています。 jQuery.each, jQuery.extend, jQuery.grep, jQuery.map, jQuery.merge, jQuery.trim, etc. また、標準では $ にショートカットが割り当てられるのですが、jQuery.noConflict()と書くことで proto
2007年7月3日(米国時間)にBeta版を公開し、8月13日(米国時間)にはRC1を公開したThe Dojo Foundationだが、ついに2007年8月20日(米国時間)、The Dojo Toolkitの最新版となる「Dojo Toolkit 0.9」を公開した。Dojo ToolkitはJavaScriptで開発されたAjaxフレームワーク。かなり多くの機能を包括的に提供しているという特徴があり、PrototypeやScript.aculo.usといったライトウェイトなJavaScript Ajaxフレームワークと比較してフルフィーチャAjaxフレームワークと呼ばれる。 Dojo Toolkitのひとつ前のメジャーバージョンリリースは2006年10月22日(米国時間)に公開されたDojo Toolkit 0.4だ。0.9は0.4系の経験に基づいて新しく開発されたブランチで、実行速
グラフを作るニーズは多い。また、そのためのライブラリも多種多様に存在している。PHPやJavaなどのプログラム言語によるもの、JavaScriptで作るもの、Flashで作るものといった具合だ。 その中にあって、これの完成度は非常に高い。まさに圧倒されてしまう綺麗さだ。 今回紹介するオープンソース・ソフトウェアはTimeplot、AJAX+DHTMLで作られたグラフ作成ライブラリだ。 Timeplotは単純な二次元の折れ線グラフ用のライブラリで、非常に細かく描画が行われる。特にグラフの上をマウスでなぞった時に各数値が表示されるのが素晴らしい。 同じプロジェクトの年表を作り出すTimeline形式をサポートしている。場合によって使い分けたり、見せ方を変えたりと便利に使えそうだ。グラフに備考をつけることもでき、特定の場所をクリックすると説明文が表示される。 サンプルは数多く登録されているので、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く