コンパイルするとJavaScriptに！ Rubyライクに記述できる「CoffeeScript」とは？
JavaScriptプログラマーの間で「CoffeeScript」を使う人が増えています。CoffeeScriptとは一体どんな言語なのか、そして実際の現場で使うにはどうしたらいいのか、この連載を通して解説していきます。Webブラウザ向けのフロントエンド開発にも、そしてサーバサイド開発にも使える内容となっています。 CoffeeScriptが登場する前 JavaScriptは広く普及している言語ですが、ソースコードは見苦しいものになりがちです。小さなプログラム程度なら構いませんが、大規模なプログラムを作るのはかなり骨が折れる作業です。冗長な記号や面倒な決まり文句などが積み重なると、読みづらくメンテナンスしづらいソースコードができてしまいます。 JavaScriptを使ってある程度の規模の開発を経験したプログラマーの多くはそのような不満を感じ、もう一度JavaScriptで大きな開発をしたい
JSF2＋Ajaxの非同期通信を使った入力値の検証機能
はじめに 本稿では、Java Enterprise Edition 6のJSF（JavaServer Faces）のAjaxを利用した非同期通信と入力値の検証機能について紹介します。 対象読者 JavaEE6開発に興味がある方 これからJavaのWebアプリケーション開発をはじめる方 必要な環境 動作環境は以下のとおりです。 Java SE 6 NetBeans 7.0.1 今回取りあげる検証機能について 今回は、前回作成したFaceletsに入力値の検証機能を搭載する方法を紹介します。前回では入力項目に対してAjaxの機能を追加するところまで行いました。今回はAjaxを利用した入力値の検証機能の追加方法と、その種類について取り上げます。 JSF2標準で扱える検証機能 JSF2が扱える入力値の検証機能の特徴は、以下のようなものです。 検証機能の処理はサーバサイドにて行われます 検証結果のメ
JSF2の画面でAjaxの非同期通信を作る
はじめに 本稿では、Java Enterprise Edition 6のプレゼンテーションの基本となるJSF（JavaServer Faces）の送信機能と、Ajaxの扱い方について紹介します。 対象読者 JavaEE6開発に興味がある方 これからJavaのWebアプリケーション開発をはじめる方 必要な環境 動作環境は以下のとおりです。 Java SE 6 NetBeans 6.9.1 フォームの送信をJSF2のAjax機能で行う 今回紹介するJSF2でのAjax機能で使われている基本の技術について、簡単におさらいします。 フォームの送信とAjax Webアプリケーションは、利用ユーザーからの入力情報をサーバへ送信し、その結果を画面へ返すまでをひとつのサイクルとしています。送信するデータをくくるHTMLタグは<form>で、フォームと呼ばれます。この<form>と</form>で囲まれた内
AjaxとCometを利用したLiftのアプリケーションを作る
前回までで、LiftのViewとModelを利用した簡単なアプリケーションの作成までを解説してきました。本連載は今回で最終回となります。これまでのまとめの意味もこめて、いままで作成してきたTwitterのクローンのようなアプリケーションを改良して、Liftの目玉であるAjaxとCometを利用したアプリケーションの作成方法を解説します。 はじめに 前回までで、LiftのViewとModelを利用した簡単なアプリケーションの作成までを解説してきました。 本連載は今回で最終回となります。これまでのまとめの意味もこめて、いままで作成してきたTwitterのクローンのようなアプリケーションを改良して、Liftの目玉であるAjaxとCometを利用したアプリケーションの作成方法を解説します。 対象読者 Javaは知っているが、Scalaも学んでみたいと思っている方 ScalaでのWebアプリケーショ
Javaで軽快に使える「軽量フレームワーク」特集～リッチなGUIを構築する「Vaadin」（1）
はじめに フレームワークと言うと、多くの人は「アプリケーション全体を設計するもの」というイメージでとらえているかもしれません。しかし、もちろんそれだけがフレームワークではありません。例えばHibernateのように特定の機能に特化したものも存在します。 最近になって見られるようになってきたのが、「Ajax利用のためのフレームワーク」です。例えば、「Google Web Toolkit（GWT）」などのことです。Javaを使って、Ajax利用のWebアプリケーションを構築するフレームワークです。素のHTMLだけでは実現できないリッチなGUIを、JavaScriptの複雑なコードを書くことなく実現できるフレームワークとして、GWTは広く使われつつあります。 これまで、サーバーサイドのことばかり考えていた感のあるフレームワークの世界に、こうした「クライアントサイドの構築」を重視したものが登場する
【ハウツー】わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」 | エンタープライズ | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
第4回 既存システムをAjax化できるの？
既存システムをAjax化することを「Ajaxfy」と呼ぶ。Ajaxfyに当たっては，既存のサーバー側フレームワークや既存のHTML画面と，Ajaxとの相性を確認する。また，既存システムの利用者への配慮が欠かせない。 JSPカスタムタグを作り込む 既存システムの多くは，Ajax非対応のフレームワークで構築されていることが多い。Ajaxfyするうえで，このフレームワークとの折り合いをどうつけるかが大きな課題になる。 例えばJavaベースのフレームワークである「Struts」や「JavaServer Faces（JSF）」で構築したシステムの場合，Ajaxのリクエスト処理は比較的容易にサポートできるが，レスポンス処理は問題になりやすい。「非同期レスポンスをXMLなどのデータ形式で返さなければならない場合，サーバー側の修正が必要になることが多い」（NTTデータ 木村氏）。具体的には，JSPカスタム
jQueryでWeb Formsアプリケーションのフィルタリングユーザーインターフェイスを作成する（前編）
フィルタリングユーザーインターフェースを実装する際、jQueryとCSSと数行のJavaScriptを使うと、フィルタを展開したり折りたたんだりするクライアントサイド機能を実装できます。本シリーズでは、jQueryを使用したフィルタリングユーザーインターフェースの実装方法を2回に分けて解説します。 はじめに jQueryは軽量のクロスブラウザJavaScriptライブラリであり、JavaScriptでよく行われる処理、例えばDOM（Document Object Model）の取得や操作、AJAX機能をサポートするための帯域外HTTP要求の作成などの処理を簡略化することを目的としています。jQueryを利用すると、クライアントサイドでよく行う、DOMの要素に属性やCSSクラスを追加／削除したり、ボタンクリックなどのユーザーアクションへの応答としてページ上の要素の表示／非表示を切り替えたりす
Jersey、AJAX、JSONを使ってRESTに挑戦しよう
はじめに REST（Representational State Transfer）は、HTTPを介した包括的な方法でデータを扱うことを可能とする、強力で軽量なアーキテクチャです。しかし、強力であるとはいえ、独自のコードにRESTを取り入れるのは少々手間がかかるため、何らかの支援が必要になります。Javaでのコーディングの場合は、Jerseyが助けになります。Jerseyは、JavaコードをREST対応にするために必要な作業を簡素化するオープンソースプロジェクトです。 この記事では、RESTを簡単に紹介し、Jerseyの背景にある基本的な動作概念を説明します。次に、Jerseyを使用して、実際のJavaコードをRESTfulにする方法を示します。最後に、ブラウザベースのJavaScript、AJAX、およびJSONを使用して、作成したRESTfulコードにアクセスする方法を示します。関連ト
企業システムでも使われるウィジェット技術 第2回 「OpenAjax Hub 2.0 による安全なマッシュアップ」
概要 本連載では、ウィジェット関連の技術動向についてご紹介していきます。第2回となる本稿ではOpenAjax Alliance で仕様が策定されたOpenAjax Hub 2.0の機能と使い方についてご紹介します。特にOpenAjax Hub 2.0では複数のウィジェットを組み合わせたコンポジット・アプリケーションを安全に実現するためのセキュア・マッシュアップ機能が大きな特徴です。マッシュアップによるセキュリティ的な問題と、OpenAjax Hub 2.0の実現するセキュリティの仕組みについて解説します。 なお、一般にアプリケーション開発の世界では、こうした単体である程度の機能を提供するミニアプリという意味だけではなく、GUI（グラフィカルユーザー・インターフェース）を構成するボタンや入力フィールドといった粒度の小さな部品という意味でも“ウィジェット”という言葉が使われます。本稿ではことわ
Yahoo! UI Library 3（YUI3）の基本
「Yahoo! User Interface Library Ver.3」（YUI3）はYahoo!が開発した、Webのページを作成するための汎用ツールライブラリーです。オープンソースで無償で提供されており、アニメーション効果やドラッグ＆ドロップ、データ取得やイベントの応答など、多岐にわたる機能がサポートされています。今回はまずYUI3の全体像を紹介します。 はじめに Yahoo!は、米国時間9月29日に「Yahoo! User Interface Library Ver.3」（YUI3）をリリースしました。YUI3はJavaScriptやCSS（Cascading Style Sheet）で書かれた、Ajaxライブラリーです。 Yahoo!は今まで、インターネットによる情報提供のためのさまざまなツールを作成してきました。開発したツールの中でも、Webのページを作成するのに汎用的に使えるツ
【ハウツー】Webデバッガに新星登場!? 操作を記録し、イベント/DOMを一発解析 - FireCrystal (1) FireCrystalとは | エンタープライズ | マイコミジャーナル
複雑な機能をいくつも実装したWebアプリケーションのデバッグはツールなしでは一苦労だ。Ajax処理やこまかいイベント制御・DOM操作をおこなっている箇所でバグを出してしまった日には、解析だけで大変な時間を割かなければならない。 そんなときは、FireCrystalを使えば解決するかもしれない。ユーザの操作を記録し「どのタイミングで」「なにがおこなわれているか」を一発で表示してくれる便利なアドオンだ。 本稿では、そのFireCrystalについて紹介しよう。 FireCrystalとは Stephen Oney氏は8月21日(米国時間)、Firefox上で動作するアドオン「FireCrystal」をリリースした。FireCrystalはThe MIT Licenseのもとで公開されている、Webデザイナ・デベロッパ向けのデバッガ。Webページ上でユーザの操作を記録し、内部でどのようなイベント
AJAXでPHP Webサービスを利用する
はじめに 本稿では、NuSOAPライブラリを使用してPHP Webサービスを構築する方法と、AJAX技術およびSOAPプロトコルを使用してPHP Webサービスを利用するJavaScriptクライアントを構築する方法を中心に説明します。まずは、Webサービスの用語について少し説明しましょう。 SOAPおよびWebサービスに関する概略 SOAP（Simple Object Access Protocol）は、XMLベースの要求／応答メッセージングプロトコルです。SOAPの重要な特徴は、特定のトランスポートプロトコルに依存せず（最も頻繁に使用されるのはHTTPですが、SMTP、MIMEなども使用できます）、特定のオペレーティングシステムやプログラミング言語にも依存しないという点です。そのため、さまざまなソフトウェアアーキテクチャ上で高い柔軟性を発揮するだけではなく、非常に使いやすくなっています
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AJAX機能とのスムーズな連携 - Zend_Controllerの新しいアクションヘルパー -
Yahoo! UI Library3（YUI3）データ処理に着目
RSS、XMLをAjax＋JSONPで表示するブログパーツを作成
Yahoo! UI Library3（YUI3）の標準オブジェクト（1/6）：CodeZine
文章の中のはてなキーワードをハイライトさせる
Yahoo! UI Library3（YUI3）のコア機能（ノード・イベント）
JavaScriptとDOMによる動的なWebページの作成
