pjaxの前にpushStateとは AjaxとjQueryの説明は不要として、pushStateとはなんぞや。 pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る／進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。 有名なところではGitHubで使われてるアレ。 hash fragment (/#!/) ブラウザの履歴を機能させるため、URL の fragment (#) を使ってAjaxなページを実現する方法。一時期もてはやされた感があるが、さらなる「#!」URL批判 - karasuyamatenguの日記 など合理的な反論があり、これから導入するのはためらわれるところ。 有名なところではTwitterで使われているあの厄介者。 pjaxとは pjax

グーグルが開発したJavaScript MVCフレームワーク「AngularJS」を紹介した1つ前の記事の反応が予想以上に大きく、1日たたずにブックマークが500以上もつきました。 本記事では、AngularJS以外にもすでにたくさん存在するJavaScript MVCフレームワークに関する情報をまとめて紹介したいと思います。 JavaScript MVCフレームワークの比較記事 既存のJavaScript MVCフレームワークを比較した記事が「The Top 10 Javascript MVC Frameworks Reviewed」です。Top10と書いてありますが、12種類のフレームワークの比較です。これは公開当時は10種類だったものが、その後11種類になり、今回のAngularJSの公開で12種類になったためです。 上記のような比較表を載せた上で、12種類すべての利点と欠点を説明し

「Google」や「Yahoo!」などWebで提供される多くのサービスが「Ajax（Asynchronous JavaScript＋XML）」というリッチクライアント技術を利用している。Ajaxにより，従来のWeb技術では考えられないようなユーザー・インタフェースのシステムも登場してきた。こうした潮流は，徐々にではあるが企業の業務系Webシステムにも影響を及ぼしてきている。 だが，実際にAjaxのシステム構築に携わったITエンジニアの多くは，「甘いものではない」と口をそろえる。「必要な要素技術の数が増えるので，設計や開発の難易度が確実に上がり，デバッグも難しくなる。1人で設計・開発できるシステム規模ならエキスパートの投入で乗り切れるが，複数の開発者が参加する大規模システムでは，（たとえ開発支援ライブラリを使ったとしても）品質がバラついてしまう」（NTTデータ 技術開発本部 ソフトウェア工学

はじめに フレームワークと言うと、多くの人は「アプリケーション全体を設計するもの」というイメージでとらえているかもしれません。しかし、もちろんそれだけがフレームワークではありません。例えばHibernateのように特定の機能に特化したものも存在します。 最近になって見られるようになってきたのが、「Ajax利用のためのフレームワーク」です。例えば、「Google Web Toolkit（GWT）」などのことです。Javaを使って、Ajax利用のWebアプリケーションを構築するフレームワークです。素のHTMLだけでは実現できないリッチなGUIを、JavaScriptの複雑なコードを書くことなく実現できるフレームワークとして、GWTは広く使われつつあります。 これまで、サーバーサイドのことばかり考えていた感のあるフレームワークの世界に、こうした「クライアントサイドの構築」を重視したものが登場する

prototype.js、jquery 、mootools、YUI 、DojoAdobeSpry、Dojo、 MicrosoftAjax、YUI、Rico、MochiKit、Ext、Alfax、script.aclo.us… 実際使ってるのから名前は聞いたことある程度のものまで、色々と出てきて便利なのはいいんだけど、 正直どれ使えばいいのか分からない…(´д｀)という時もある。自分は大抵mootoolsだけどｗ 選ぶ時の参考になるかもしれないAjaxフレームワークのベンチマーク記事の紹介。 まずPeter Velichkov’s Blogの MooTools vs JQuery vs Prototype vs YUI vs Dojo Comparison Revisedでは タイトルに挙げたprototype.js、jquery、mootools、YUI、Dojoのベンチマークをグラフにし

「商業利用もOK！ Google Mapsについて知りたいこと」に続くGoogle Mapsインタビューの後編は、数多く存在するGoogle Maps関連のAPIや機能のうち、あまり知られていないものや新しいものをグーグルのソフトウェアエンジニア、淺川浩紀さんに聞いた。 Code Playgroundでオンライン編集 まずは、即効性のあるものからいこう。 Googleが持つ多くのAPIは、Webブラウザ上からJavaScriptによって呼び出せる。JavaScriptはコンパイルの手順なしに書けば実行できるので手軽である。しかし、だからAPIを試すのも簡単だとは限らない。例えば、Google Maps APIなら正しいGoogle Maps APIキーを用意したり、適切な文書にプログラムを埋め込んだりする作業を行い、それをWebブラウザで開かねばならない。

連載目次 「FCKeditor」は、JavaScriptで記述されたオープンソースのHTMLエディタです（「FCK」は作者であるFrederico Caldeira Knabben氏のイニシャル）。MovableTypeやXOOPSといったCMSやBlogツールなどに、ページ作成用の部品として組み込まれているのを目にしたことがあるかもしれません。 FCKeditorを用いると、HTMLタグを直接記述することなく、HTMLベースのリッチなドキュメントの作成が可能になります。以下はFCKeditor（のコントロール）を組み込んだASP.NETのページの表示例です。また、FCKeditorのホームページにあるデモ・ページでは、実際にその動作を試すことができます。 FCKeditorはCMSやBlogなどの特定のWebアプリケーションに利用が限定されるものではなく、PerlやPHPなどで作成する自

Visual Studio 2008 Service Pack1から、ScriptManagerコントロールの機能強化が行われ、AJAX機能のサポートが行われています。また、ASP.NET Controls for Silverlightにより、Silverlightのメディアやコンテンツをサポートするコントロールの追加も行われています。本稿では、ASP.NET 3.5 SP1/ASP.NET Controls for Silverlightの概要とアプリケーションの作成について学びたいと思います。 はじめに Visual Studio 2008 Service Pack1（以下、VS2008）の追加機能の一つにASP.NET AJAXのScriptManager（ScriptManagerProxyも含む）コントロールの機能強化があります。また、11月にリリースされた、ASP.NET C

はじめに 先に「Script.aculo.usで、ビジュアルなWebページを！」で、Ajaxを利用した各種のGUIコンポーネントについて説明をしました。今回は、Script.aculo.usのもう1つの柱である「視覚効果」について説明しましょう。 視覚効果は、特定の要素に対し、さまざまな表示の変化を与えるものです。例えば、消したり表示したり、動かしたり、スタイルを変えたり……。Script.aculo.usの視覚効果は、それらの経過時間や開始・終了時の状態などを細かに設定することができます。 実際にサンプルをいくつか試してみれば、「あれ？ この効果、どこかのサイトで見たことあるぞ？」と思うものがいくつも見つかることでしょう。Script.aculo.usの視覚効果は、非常に簡単に導入することができます。実際にサンプルを動かしながら、自分の目で確かめてみてください。 対象読者 JavaScr

はじめに Ajaxの登場によりJavaScriptへ多くのWeb開発者の注目が集まって以降、JavaScriptは、クールなWebページを作る上でなくてはならないものとなってきています。特に、ビジュアルな表示や効果を実現するためには、JavaScriptは今や不可欠のものといってよいでしょう。以前は、こうしたものをJavaScriptで実装するには気の遠くなるコーディングが必要でしたが、現在は多数のJavaScriptライブラリが登場し競い合っています。JavaScriptを手軽に導入したい、という人には夢のような時代となった、といってよいでしょう。 が、あまりに多くのライブラリが登場したため、果たしてどれを使えばいいのか、よく分からなくなってしまった、という人も多いでしょう。また、機能を高度化するあまり、使い方がひどく難しくなってしまっているライブラリもあります。比較的簡単に、しかも効果