コンパイルすると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>で囲まれた内
Dojo道場 ～ 第2回「データAPI（dojo.data）を使いこなす」
1. はじめに - dojo.dataとは Dojoが備えるデータAPIであるdojo.dataはデータの入出力を抽象化し、統一された操作を提供する一連のAPIです。これはSQLコマンドにたとえることができます。SQLコマンドをひとたび覚えれば、実際に背後で動作しているデータベース（DBMS） が何であるか（DB2やOracle, MySQLやPostgreSQLなど）を気にすることなく、基本的には同じ操作でデータをやり取りできますね。同様にdojo.dataのAPIを使えば、実際のデータをどこに・どのように格納しているかは気にせずに、開発者はデータのやり取りをできるようになります。 dojo.dataではデータを入出力する機能を持つオブジェクトをデータストアと呼びます（または、省略してストアと呼ぶこともあります。ソース中に現れるコメント、変数名などには短くstoreと記述してあることが多
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（グラフィカルユーザー・インターフェース）を構成するボタンや入力フィールドといった粒度の小さな部品という意味でも“ウィジェット”という言葉が使われます。本稿ではことわ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dojo道場 ～ 第6回「Dijitウィジェットを利用したアプリケーション作成の基礎」
AJAX機能とのスムーズな連携 - Zend_Controllerの新しいアクションヘルパー -
jQuery UIのインタラクションを使ってみよう
Yahoo! UI Library3（YUI3）データ処理に着目
Flashはこれからも続くのか、あるいはHTML5か? それとも……? PC向けブラウザゲームの未来を技術的な側面から大予想する！
RSS、XMLをAjax＋JSONPで表示するブログパーツを作成
Yahoo! UI Library3（YUI3）の標準オブジェクト（1/6）：CodeZine
文章の中のはてなキーワードをハイライトさせる
Yahoo! UI Library3（YUI3）のコア機能（ノード・イベント）
