WebアプリケーションにおけるMVCパターンはすでに死んでいる。 ページが静的なHTMLから動的なJavaScriptを使用したページになり 状態を保持するようになった時点でMVCパターンは崩壊したのだ。 しかもそれはAjaxを使用することで余計に加速された。 Ajaxを多用するということはページが単なるViewではなく、 オブジェクトになったことを意味する。 サーバー側にもモデルというオブジェクトがあるのだから、 結局はオブジェクト同士の相互作用というのが実態に近い。 MVCとは一つのオブジェクトを３つの部分に分割するというパターンである。 複数のオブジェクト同士の関係については何も言っていない。 このオブジェクト同士の相互作用のパターンというのが現時点でも 未解決のデザイン問題として残っている。 これはかなり複雑な領域であり、容易にモデル化を許さない。 しかも相互に参照しているのではな
Click JQueryはApache ClickとjQueryの連携をどう組むかデモアプリを通じて説明してくれるソフトウェアです。 Click JQueryはApache ClickとjQueryを連携された場合のデモソフトウェアです。実際にApache Clickを使っていく上でのテクニックとして知っておくと便利そうです。 デモサイトです。様々なコンポーネントを試せます。 スライド系のデモです。 カレンダー連携です。 ダイアログのデモです。 カラーピッカーのデモです。 フォルダのツリービューです。 テーブルです。Ajaxでデータを読み込んでいます。 グラフ描画のデモです。 円グラフのデモです。 Apache Clickのコードも確認できます。 機能はメニューに分かれて表示されています。Ajaxやフォーム、チャート、各種コントロール、イフェクト処理などをコードを見ながら実際にコーディング
JQgrid PHP Grid ControlはAjaxで編集可能なグリッドを表示するPHPスクリプトです。 PHPで作られた業務システムなどでデータを表で一覧表示する際に使ってみたいのがJQgrid PHP Grid Controlです。ごくシンプルなPHPコードだけで高度なグリッド表示を行ってくれます。 データが整然とグリッド表示されています。 データの追加もここでできます。 日本語が???になってしまいました…。一応UTF-8に対応となっています。 行を選択します。 編集します。 ヘッダー部でフィルタリングできます。 グリッドの高さをドラッグで変更できます。 行のインラインで編集もできます。 カラムの幅を変更できます。 右上のボタンを押すと隠せます。 検索にも対応しています。 JQgrid PHP Grid Controlではテーブル名を与えるだけ（またはSELECT文を指定）で後は
dhtmlxSpreadsheetは多数のWebブラウザに対応したWebベース表計算ソフトウェアです。 WebベースでもExcelのような編集がしたい、そんなニーズに応えるのがdhtmlxSpreadsheetです。PDFやExcelでのエクスポートにも対応した、すごいソフトウェアです。 まさに表計算といった感じの画面です。 計算式の埋め込みももちろんできます。 値を更新すれば計算式の入ったセルも更新されます。 セルの背景、文字色の変更もできます。 右寄せ、中央寄せも可能です。 計算式も多数用意されています。 マウスのドラッグで範囲選択可能です。 PDFエクスポート（実際には外部サービス利用）できます。日本語は表示されません。 同様にExcelでの出力にも対応しています。こちらは日本語に対応しています。 設定です。 セルの幅は変更できますが、カラムをクリックして全体選択といったことはできま
AJAX AnimatorはWebブラウザ上でフレーム単位のアニメーションを作成するWebアプリケーション。 AJAX AnimatorはPHP製のオープンソース・ソフトウェア。Webアプリケーションの領域が広がっている。Webアプリケーションが数多くなると、よりWebの利用率が上がり、さらにWeb化を促していく。これまでは難しいと思われていたこともどんどんWebブラウザだけでできていく。 描いている所 イラストを描いたり、ドローアプリのような操作は既にWebブラウザ上でできている。さらに一歩進んで描いた絵を動かす、アニメーション作成WebアプリケーションがAJAX Animatorだ。 AJAX AnimatorはWebブラウザ上でアニメーションを作成できる。左側にツールが並び、それを使ってキャンバスに絵を描く。操作はドローに近く、描いた後に色を変えたり回転や大きさを変更したりすることが
「OpenFaces」は、Ajaxによるサーバとの非同期な通信を利用したJSF(JavaServer Faces)コンポーネント・フレームワークである。WebアプリケーションにおいてAjaxを利用する場合、通常であればJavaScriptを記述する必要がある。単にJavaScriptを利用するだけであればそれほど難しくないが、JSFを並用するとなると少々話が複雑になってくる。クライアントサイドで動作するJavaScriptと、サーバサイドで動作するJavaBeans(Managed Bean/Backing Bean)、そしてAjaxによる非同期のデータの受け渡しが絡み合ってくるからである。 そこでJSFでAjaxを利用する場合には、Ajaxによるインタラクティブな機能を内包したJSFコンポーネントを利用するのが一般的になっている。これならばAjaxを実現する複雑なJavaScriptコー
日常的にお世話になっているものですが、JavaScript というのはオブジェクト指向言語の一つである....というのを改めて思い知らされたのは、やはり Ajax の普及でしょう。もともと、JavaScipt 自体の言語仕様はちゃんとしたものだったのです（癖はありますが...）。「ブラウザ専用言語」みたいな格好で使われて、しかもブラウザでのインタプリタ実装がかなりヒドイ状態が長く続いたために、あまり凝ったプログラムを JavaScript で書かない（あと開発環境が貧困）...となっていたのですが、最近ではここらへんが大きく変わったわけです。 たとえば Ajax のフレームワーク的基礎パッケージみたいなかたちで prototype.js が最近よく使われるようになってきています。この prototype.js は「オブジェクト指向言語 JavaScript」を使い倒す！というようなノリで
教育界、技術者コミュニティでJava言語の教育と啓蒙に長年携わってきた 筆者が、独自の視点からJavaの面白さを掘り下げていく。（編集局） 注目を浴びるJavaScript JavaScriptが世に広まって10年近くたちますが、最近話題に上ることが多くなってきています。なぜ、いまさらJavaScriptが注目を浴びているのでしょうか？ JavaScriptはECMA（ヨーロッパ電子計算機工業会）によって、ECMAScriptとして標準化されていて、Standard ECMA-262 ECMAScript Language Specification 3rd edition (December 1999)や、Standard ECMA-357 ECMAScript for XML (E4X) Specificationといった仕様が公開されています。これらの仕様を見て分かるように、Java
jQuery UI API 1.8.6 の日本語リファレンスです。 ソースコードを読み、jQuery UI(公式サイト)のドキュメントを参考に解説しました。 また、全ての解説に、実際に実行できるサンプルを付けました。 jQuery UIとは jQuery UIとは、jQueryライブラリ上に構築された強力なユーザインターフェースライブラリです。 jQuery UIの構成 jQuery UI 1.8.6 は、大きく分けて「インタラクション」「ウィジェット」「ユーティリティ」「ビジュアル効果」3つのカテゴリに分けることができます。 それぞれ、次の機能が提供されています。 インタラクション 対話型ユーザインターフェースを構築するためのライブラリ ライブラリ説明対応ファイル
無償化されたGWT Designer GWT DesignerはもともとInstantiations社が提供していた商用のGWT(Google Web Toolkit: Googleが提供するAjaxフレームワーク)開発用のEclipseプラグインで、GWTアプリケーションのGUIをグラフィカルに作成できるのが大きな特徴だ。2010年8月、Googleが同社を買収し、以降無償で提供されるようになった。 Googleが提供するEclipseプラグインとしてはGoogle App Engineに対応したGoogle Plugin for Eclipseがあり、こちらもGWTでの開発をサポートする。これまでGoogle Plugin for EclipseとGWT Designerは別のプラグインとして提供されてきたが、GWT 2.2のリリースにあわせ、Google Plugin for Ecl
Java/.NET Performance Monitoring, Analysis, Diagnostics & Profiling - Application Performance Management 無償のWebページパフォーマンス分析ツールであるdynaTrace Ajax Editionが、限られたユーザに対してだがFirefox対応β版の提供が開始されたと発表された。フィードバックを得たあとでFirefox対応β版を一般にも公開すると説明がある。 dynaTrace Ajax EditionはIE6、IE7、IE8に対応したWebページのパフォーマンス分析ツール。IEのブラウザヘルパーオブジェクトとして動作する。IE6からIE8まではこの手のパフォーマンス分析ツールが手薄であったためdynaTrace Ajax Editionは多くのWebデベロッパにとって有益なツールとな
2018/7/1 重要なお知らせ JSONIC はリポジトリを GitHub に移動させるとともに、今後機能強化が行われることがないメンテナンスモードに移行します。Java 新バージョンで動作できなくなった場合への対応は要望があれば考えますが、可能であれば、機能、パフォーマンス共に優れた jackson への移行をおすすめいたします。 JSONICとは JSONICは、Java用のシンプルかつ高機能なJSONエンコーダー/デコーダーライブラリです。 Java用のJSONライブラリはすでに多数存在しますが、JSONICはRFC 7159に従った正式なJSON形式でのデコード/エンコードを行いながらも、プログラミング言語に依存する情報をJSON内に含めることなくPOJO(Plain Old Java Object)と自然な変換を行える点に特徴があります。 使い方も非常に簡単です。 import
AjaxSwingとは AjaxSwingは、AWT/Swingを使って作られたJavaのGUIアプリケーションを、Ajaxを利用したインタラクティブなWebアプリケーションに変換し、Webブラウザから利用できるようにするツールである。CreamTecによって提供されているこのツールは、AWT/Swingで作成されたアプリケーションを、そのままの見た目でWebアプリケーションとして利用できるようにするという非常にユニークなもの。変換後のUIはHTMLやAjax技術を用いて構成される。 AjaxSwingによって生成されるWebアプリケーションは、Servletコンテナ上で動作するサーバ部分と、Webブラウザ上で動作するUI部分から構成される。ブラウザ上でのコンポーネントのレンダリングや、サーバとブラウザ間の非同期通信にはAjaxの技術が活用される。イベント通知などもAjaxを用いて忠実に再
はじめに 初めまして。NTTアドバンステクノロジの金城と申します。幸運にも記事を執筆させていただけることになりました。WebSocketという新しいウェブの規格についての連載を、全4回の予定でお届けします。 用語統一について WebSocketは「WebSocket」「WebSockets」、単語を切り離した「Web Socket」等、表記に揺れがあります。2009年12月22日のワーキングドラフトのタイトルは「The Web Sockets API」となっていますが、2010年4月26日のエディターズドラフトでは「The WebSocket API」となっています。この連載では、最新の仕様書に則り、用語を「WebSocket」で統一します。 HTML5とWebSocketの関係 WebSocketは、もともとHTML5の一機能として仕様の策定が進められていました。しかし、Web S
Jetty 6 Continuations - Ajax対応！ 翻訳 (via こんな毎日・・・) 原文：Jetty 6.0 Continuations - AJAX Ready! 著者：Greg Wilkins Jetty 6.0.0 alpha 3がリリースされました！ サーブレット2.4のサーバが400kのjarと、たった140kの依存ライブラリに収まっています。(さらにJSPが必要な場合でも、たった2.6Mです！！)。 小さくて、速くて、簡潔で魅力的な点は全く損なわずに、スケーラブルなAJAXアプリケーションを構築するための、Continuationsと言う新機能をJetty6はサポートしました。Continuationsは、スレッドを使わずに非同期イベントの待機を実現します。 コネクション単位スレッド スケーラブルなサーブレットサーバを構築する上で、主要な課題の1つにスレッドとコ
Overview The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how the data is submitted. Submitting a form with AJAX doesn't get any easie
Ajax Pages is a scripting template engine that enables rapid development of Ajax Web-based Applications, just like GMail, Google Maps, A9 and Backpack, but without having to manipulate complicated Document Object Models to make things dynamic. Based on the experience of JSP, ASP and PHP, Ajax Pages brings easy scripting templates to the client-side. Anyone familiar with these tecnologies will feel
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
