![閉じる [x]](http://dw1.s81c.com/i/c.gif){kind=small}
タイトル
|
種類
|
日付
|
|---|---|---|
| JavaScript のユニット・テストを実行するためのツール
開発者のなかには、JavaScript はテストをするのが難しいとこぼす人がいるかもしれませんが、最近では Web アプリケーションのクライアント・サイドにフォーカスが当てられているため、JavaScript コードのユニット・テストは不可欠なものになりつつあります。現在、コードを確実なものにするための各種ツールが用意されていますが、この記事では JavaScript のユニット・テストに最もよく使われているツールである、QUnit、YUI Test、JSTestDriver について説明します。またコード・サンプルを示しながら、テスト・ケースの例についても説明します。
|
記事 | 2012/5/17 |
| JSON Schema による妥当性検証をリッチ・インターネット・アプリケーションの中で使用する
何百もの異なる JSON サービスとやり取りする可能性がある、複雑な Ajax アプリケーションは、クライアント・サイドでの検証が必要になってきます。この記事では JSON Schema に基づく妥当性検証ライブラリーをいくつか取り上げて比較を行い、これらのライブラリーを使用して JSON オブジェクトの妥当性を検証する方法を説明します。また、独自のスキーマを作成する場合や、それらのスキーマに対してオブジェクトの妥当性を検証する場合に役立つように、サンプル・ユーティリティーをダウンロードできるようにしてあります。
|
記事 | 2012/5/10 |
| Dojo 1.5 を使用してオンデマンドで外部 JavaScript ライブラリーをロードする
Dojo は RIA (Rich Internet Application) を作成するための優れたライブラリーです。しかし、複雑な Web 2.0 アプリケーションでは複数の JavaScript ライブラリーを必要とする場合がよくあり、ページのロード時に大量のライブラリーをロードするとパフォーマンスのオーバーヘッドが大きくなる可能性があります。この記事では、Dojo の dojo.io.script メソッドを使用して非同期、オンデマンドで JavaScript ライブラリーをロードする方法について説明します。サンプル・コードは外部 JavaScript ライブラリーのロードを簡潔に「ラップする」上で役立ちます。
|
記事 | 2012/4/26 |
| リッチなレイアウトの出版物を HTML5 と CSS3、そして MathML を使用して EPUB 3 で作成する
業界標準の XML 電子書籍フォーマットの最新改訂版である EPUB 3.0 は、HTML5 と CSS3 に対応することで、最新の Web 技術を採り入れています。EPUB 3.0 の焦点は引き続き XML 駆動型ツールキットに置かれ、XHTML シリアライズを必要とする他、MathML や SVG などの補足的な XML 語彙を追加しています。EPUB 3 は、デジタル技術の特徴を生かした高度な出版物を作成するための多彩なオプションを提供します。この記事で、EPUB 3 の新機能を使ってリッチなレイアウトのページを作成する方法を学んでください。
|
記事 | 2012/4/19 |
| JavaScript 入門
この Knowledge path は、JavaScript コードを記述するための基盤を提供するために、JavaScript 言語の基本的概要から始まります。その次に、非同期 JavaScript ＋ XML (Ajax) の概念入門と Ajax リクエストの方法をカバーする前に、オブジェクト指向 JavaScript と HTML ページ操作用の DOM の変更といったような高度なトピックをカバーします。
|
Knowledge paths | 2012/4/16 |
| HTML 用のスタイルシートとして XSLT を使用する
XSLT (Extensible Stylesheet Language Transformations) は、名前からもわかるようにスタイルシートとして使用することができます。XSLT を使用すると、CSS (Cascading Style Sheets) を使用したときのようにコンテンツからスタイルを分離することができるだけでなく、XHTML 文書を単純なものにすることや、XHTML 文書に簡単な内容を追加することができるため、XHTML 文書のナビゲーションが容易になります。この記事では XSLT をスタイルシートとして使用する方法について説明します。XSLT はサーバー上で実行することも、最近のブラウザーであれば、どのブラウザーでも実行することができます。この記事で取り上げるいくつかの例から、皆さんも XSLT スタイルシートを作成する方法がわかるはずです。
|
記事 | 2012/4/12 |
| HTML5 の microdata を活用する: 第 1 回、microdata に対して jQuery を使用する
microdata の仕様には microdata を使用する理由が 2 つ挙げられています。1 つは microdata を使用することで、カスタマイズされたサービスを汎用のスクリプトによって Web ページに提供できるようになるからであり、もう 1 つは協力作業に伴う多様な作成者のコンテンツを 1 つのスクリプトによる一貫した方法で処理できるようになるからです。全 2 回からなる連載記事では、この 2 つの目的で microdata を使用する方法を説明します。まず始めに、microdata を使用することによって汎用のスクリプトを適用する方法を取り上げます。今回の記事では 1 つの HTML スニペットを作成します。この HTML スニペットはインタラクティブなイベント・マップを提供すると同時に、リッチ・スニペットを利用することによって Google、Bing、Yahoo に表示される皆さんの Web ページの検索結果を効果的なものにします。
|
記事 | 2012/4/05 |
| Selenium 2 を導入する
Selenium は機能テスト用の Web アプリケーション・テスト・フレームワークとしてよく知られています。Selenium の新しいバージョンである Selenium 2 には、Selenium 1 と WebDriver (Selenium と同様のプロジェクト) の優れた機能が統合されています。この記事を読んで、Selenium 1 から Selenium 2 に簡単に移行する方法を学んでください。サンプル・コードで、Selenium 2 の使用方法、リモートからテストを実行する方法、そして作成済みのテストを Selenium 1 から Selenium 2 に移植する方法を説明します。
|
記事 | 2012/4/05 |
| HTML5 の microdata を活用する: 第 2 回、microdata を使用した次世代のアグリゲーション
この連載の第 1 回では、microdata を schema.org の用語と組み合わせて使用することで、検索エンジンが検索結果のコンテンツを適切に表示できるようにする方法について説明しました。また、それと同じ microdata のマークアップを再利用し、Web サイト上の表示を改善する方法についても説明しました。この記事では、連携して作業を行うサイト所有者のグループのメンバーが microdata を使用することによって容易にサイト同士を接続し、中央のサイトでコンテンツを共有する方法について説明します。
|
記事 | 2012/4/05 |
| PHP、jQuery、JSON を使用して Ajax サービスを呼び出す
この記事では、Ajax (Asynchronous JavaScript and XML) サービスの呼び出しと、Ajax サービスの呼び出しに対する応答を一貫してイベント・ベースの方法で行うためのシステムについて説明します。このシステムでは、リモート・プロセスの呼び出しの成功、失敗を判断することができます。記事ではこのシステムを使用して、Ajax サービスを呼び出した結果返されるオブジェクトのフォーマットを標準化する方法、Ajax 呼び出しに対してイベント・ベースで応答する方法、そして Ajax による結果の処理を集約する方法を説明します。このシステムは PHP、jQuery、JSON 技術を使用しており、サンプル・コードを見れば、システムの構成がわかります。そして記事の最後で Ajax 呼び出しの例を挙げ、このシステムの各部分のやり取りについて説明して締めくくります。
|
記事 | 2012/3/29 |
| CoffeeScript と Node.js による関数型の JavaScript
CoffeeScript、Node.js、Underscore.js を使用して関数型のスクリプトで記述された優れたコード・スタックによって、Web アプリケーションの複雑さを克服してください。
|
記事 | 2012/3/22 |
| CoffeeScript の最初の一杯: 第 4 回 サーバーで CoffeeScript を使用する
この連載では、JavaScript をベースに作成された人気の高い CoffeeScript プログラミング言語について詳しく探ります。CoffeeScript は、多くのベスト・プラクティスに従った効率的な JavaScript コードにコンパイルされます。この JavaScript コードは Web ブラウザーで実行することも、Node.js などのサーバー・アプリケーション用の技術で使用することもできます。連載のこれまでの記事では、まず始めに CoffeeScript の魅力を紹介し、その開発環境をセットアップしました。続いて、この言語が持つさまざまな機能を実際に使ってみた後、実際のアプリケーションのクライアント・サイドのコードを作成しました。連載の最終回となる今回の記事では、サーバー・サイドの CoffeeScript を作成します。
|
記事 | 2012/3/22 |
| CoffeeScript の最初の一杯: 第 3 回 クライアントで CoffeeScript を使用する
この連載では、JavaScript をベースに作成された人気の高い CoffeeScript プログラミング言語について詳しく探ります。CoffeeScript は、多くのベスト・プラクティスに従った効率的な JavaScript コードにコンパイルされます。この JavaScript コードは Web ブラウザーで実行することも、Node.js などのサーバー・アプリケーション用の技術で使用することもできます。連載の第 1 回では CoffeeScript の導入方法と、このプログラミング言語が開発者にもたらすメリットについて説明し、第 2 回では CoffeeScript を使用していくつかのプログラミング問題を解く方法を説明しました。今回の記事では、CoffeeScript を使用して完全なアプリケーションを作成する方法を説明します。
|
記事 | 2012/3/15 |
| CoffeeScript の最初の一杯: 第 2 回 実践的な例から CoffeeScript 言語について学ぶ
この連載では、JavaScript をベースに作成された人気の高い CoffeeScript プログラミング言語について詳しく探ります。第 1 回では、このプログラミング言語が開発者にもたらすメリットを説明し、CoffeeScript コンパイラーをセットアップして、そのコンパイラーを使ってブラウザーやサーバーですぐに実行できる状態のコードを作成しました。第 2 回となるこの記事では、CoffeeScript 言語についてさらに詳しく探ります。今回は CoffeeScript を使用して、Project Euler から出題されているいくつかのプログラミング問題を数学的な趣向を加えて解きます。サンプルのソース・コードも用意されています。
|
記事 | 2012/3/08 |
| HTML5 での SVG (Scalable Vector Graphics)
SVG (Scalable Vector Graphics) はベクター・グラフィックスの 1 つです。SVG には JPEG や GIF、PNG などのラスター・グラフィックスよりも優れている点がいくつかあります。この記事では、まず HTML5 での SVG の基本的な概念と使い方について説明し、続いて描画の方法、フィルターとグラデーションの適用方法、テキストの生成方法、そして Web ページに SVG の XML を追加する方法を説明します。
|
記事 | 2012/3/01 |
| IBM SmartCloud Enterprise での UI のパフォーマンスを測定する
この記事では、著者が Web デバッグ用のプロキシーである Fiddler を活用した UI パフォーマンス自動測定システムを構築するために使用できる IBM SmartCloud Enterprise 用フレームワークを紹介します。また、このフレームワークと Fiddler に加え、この UI パフォーマンス自動測定システムによって測定されるパフォーマンス・メトリックについても紹介し、それらが UI パフォーマンスの測定にとっていかに重要であるかを説明します。
|
記事 | 2012/2/23 |
| 1 つの XSLT スタイルシートを使用して HTML と PDF で XML データを公開する
CSSToXSLFO ユーティリティーを使用して HTML と PDF で XML 文書を公開する方法を学びましょう。
|
記事 | 2012/2/03 |
| Backbone 入門
Web アプリケーションに含まれる膨大な行数の JavaScript コードを効率的に管理するのは難しい課題です。しかし、ユーザーにより良いエクスペリエンスを提供するために、Web アプリケーションの各ページのコンテンツをロードする手段として Ajax (Asynchronous JavaScript and XML) が大量に使用されています。また、より一般的になりつつあるシングル・ページ・インターフェースにも、Ajax が使用されています。JavaScript フレームワークとして Backbone を使用すると、MVC (モデル・ビュー・コントローラー) に似たスタイルのアプリケーションやシングル・ページ・インターフェースを作成することができます。この記事では、Ajax アプリケーションやシングル・ページ・インターフェースを作成する上で、いかに Backbone が有効であるかを解説します。
|
記事 | 2012/1/27 |
| Dojo Toolkit を使って Ajax アプリケーションを構築する
Dojo Toolkit は、大規模な JavaScript ベースのリッチ・インターネット・アプリケーション (RIA: Rich Internet Application) の構築プロセスを大幅に簡易化する JavaScript ライブラリーです。DOM に対するクエリーから DOM の操作、Ajax (Asynchronous JavaScript and XML) リクエストの処理、卓越したオブジェクト指向のサポート、そして充実したユーザー・インターフェース・ウィジェットのライブラリー (Dijit) に至るまで、幅広い機能を揃えた Dojo は、動的でインタラクティブな Web アプリケーションを構築するには、まさにもってこいのライブラリーです。このチュートリアルでは、Dojo のさまざまな概念と Dijit ウィジェット・ライブラリーについて学ぶためのサンプル・アプリケーションとして、機能豊富な連絡先管理システムを開発します。このアプリケーションではユーザーが、MySQL データベースに保管された連絡先情報 (および連絡先グループ) をブラウズして、新しい連絡先を作成したり、既存の連絡先を編集、削除したりすることができます。サーバー･サイドではデータベースと通信するために PHP を使用し、Dojo と Dijit コンポーネント・ライブラリーによってリッチな Ajax ベースのユーザー・インターフェースを提供します。そして最終的に、皆さんが独自の RIA の基礎として利用できる強力な Web アプリケーションを完成させます。
|
記事 | 2012/1/27 |
| CoffeeScript の最初の一杯: 第 1 回 入門
現在、JavaScript をベースに新しく作成された CoffeeScript プログラミング言語が熱い注目を集めています。CoffeeScript は、Python や Ruby を好む人々の興味を引くような簡潔な構文になっています。さらに、CoffeeScript には Haskell や Lisp のような言語の影響を受けた関数型プログラミングの機能も数多く揃っています。CoffeeScript で記述したコードはコンパイルされると有効な JavaScript が生成されるため、Web ブラウザーで実行される JavaScript を作成するために CoffeeScript を使用することができます。しかしそれだけでなく、Node.js のようなサーバー・アプリケーション用の技術で CoffeeScript を使用することもできます。この全 4 回からなる連載の最初の記事では、CoffeeScript を導入し、このプログラミング言語が開発者にもたらすメリットを学びます。そのために、CoffeeScript コンパイラーをセットアップして、ブラウザーでもサーバーでもすぐに実行できる状態のコードを作成します。
|
記事 | 2012/1/20 |
| RDF の概念と一部のオントロジーに関する最新情報
RDF (Resource Description Framework) は、セマンティック Web のための標準的なフレームワークであり、また Linked Data への動きのなかで推奨されるフレームワークでもあります。この記事では RDF の概念に関する仕様の最新情報と、その意味について詳細に説明します、また、データ・カタログ語彙や RDF データベース・マッピング・システムなどの新しいオントロジー仕様についても説明します。
|
記事 | 2012/1/20 |
| Java 開発者のための Node.js
Node.js は、これまでの Java による並行処理の問題に対するソリューションに代わる画期的な手段です。Node.js について学ぶ上で必要なのはオープンなマインドとほんの少しの JavaScript です。
|
記事 | 2012/1/13 |
| Apache Wink と OpenJPA を使用して REST リソースを作成する
Apache Wink は RESTful な Web サービスを作成するためのフレームワークです。この記事では、Wink と OpenJPA (Java Persistence Architecture) を使用してリソースを実装、保存、取得、更新する方法と、OpenJPA を使用してリソースを永続化する方法について説明します。さらに、例を示しながら、Wink と OpenJPA を使用することによってエンド・ツー・エンドで CRUD (Create、Retrieve、Update、Delete) 操作を行う方法についても説明します。
|
記事 | 2012/1/13 |
| iPad 用の iOS スライドショー・アプリケーションを作成する
iOS スライドショー・アプリケーションの作成方法を学びましょう。この記事ではそのプロセスを順を追って説明します。このサンプル・アプリケーションは Web サーバーと通信し、XML で定義されたスライドショーを取得し、そのスライドショーに含まれる画像を表示します。
|
記事 | 2012/1/13 |
| Apache Pivot を使用して iTunes 検索クライアントを作成する
Apache Pivot は、Java 環境でリッチ・インターネット・アプリケーション (RIA) を構築するためのオープンソースのプラットフォームです。このプラットフォームには、最近の RIA ツールキットが持つ高い生産性およびユーザビリティーと、業界標準 Java プラットフォームの堅牢性を兼ね備えています。Apache Pivot アプリケーションは XML をベースとしたユーザー・インターフェース設計用の言語である WTKX を利用するため、アプリケーションの出力を簡単に視覚化することができます。このチュートリアルでは、ユーザーが iTunes Storeのコンテンツを検索できるようにする、単純ながらも実用的な Pivot アプリケーションを実装する方法を手順に沿って説明します。
|
記事 | 2012/1/13 |
| Dojo 開発入門
Dojo ツールキットを使用して Web アプリケーション開発の基礎を学びます。この Knowledge Path は、リッチ・インターネット・アプリケーション（RIA）の開発に役立つ Dojo JavaScript フレームワークをどのように活用するかを学ぶことに興味がある Web 開発者やデザイナーを対象としています。HTML と CSS を使用して Web ページを構築することに精通していること、少なくとも、JavaScript の基本レベルの理解が必要です。この入門コンテンツのいくつかのセクションを飛ばし読みするかもしれませんが、Dojo の経験が過去にない経験豊富な JavaScript 開発者にもこの Knowledge Path が役に立つでしょう。
|
Knowledge paths | 2011/12/21 |
| HTML5 と CSS3 を使用して時代に即した Web サイトを作成する
1990年代初頭に World Wide Web が登場して以来、HTML はとりわけ強力なマークアップ言語となるまでに進化しました。HTML をその密接なパートナーである JavaScript と CSS と組み合わせて使用することで、視覚的に魅力的で、しかもインタラクティブな Web サイトおよびアプリケーションを作成することができます。このチュートリアルは、HTML5 および CSS3 の実践的入門ガイドとして、HTML5 が提供する新しい要素と API の機能および構文、そして CSS3 で新たに追加されたセレクター、エフェクト、機能を紹介し、最後にこれらの新機能の数々を利用したサンプル Web ページの開発方法を説明します。このチュートリアルを終える頃には、HTML5 と CSS3 で駆動する Web サイトまたはアプリケーションの作成に早速取り掛かれるようになっているはずです。
|
記事 | 2011/12/09 |
| Dojo Mobile による軽量モバイル Web アプリケーションの開発
Dojo Mobile は、モバイル Web アプリケーションを作成するための Dojo ベースのウィジェット群です。Dojo Mobile を使えば軽量でパフォーマンスのよいモバイル Web アプリケーションを開発できます。この記事では、Dojo Mobile 自体がパフォーマンスの問題にどのように対処しているかを理解し、Dojo Mobile ベースのアプリケーションをできる限り小さく、効率のよいものにする方法を学びます。
|
記事 | 2011/12/09 |
| 演習: JavaScript と Document Object Model
JavaScript の知識を少し広げ、DOM について学びましょう。以下の演習では、JavaScript のプロパティーを使用して DOM をトラバースする方法、ノードにアクセスする方法、ノードの値を変更する方法、そして属性を操作する方法を学びます。
|
記事 | 2011/12/02 |
| 演習: JavaScript を使用してオブジェクトを作成する
JavaScript を使用してオブジェクトを作成する方法には、何通りかの方法があります。以下の演習では、それらの方法を用いてオブジェクトを作成する方法と、プロパティーとメソッドを追加する方法を学びます。
|
記事 | 2011/12/02 |
| 演習: JavaScript 入門
JavaScript 言語には、どのようなスクリプトにも共通して使用される基本的な構成体が含まれています。実践的な演習を通じて、値を格納する方法と取得する方法、ロジックを作成する方法、配列に繰り返し処理を行う方法、そして関数を作成する方法を学びましょう。これらはどれも、JavaScript でカスタム・コードを作成する上の基礎となります。
|
記事 | 2011/12/02 |
| Drupal と HTML5、さらに microdata を組み合わせる
Google、Yahoo、Bing の 3 社が共同で schema.org を発表したことで、microdata はさまざまな Web サイトのデータを利用したアプリケーションを作成する手段として急速に普及が進んでいます。この記事では、Web ページに microdata を追加するために、Drupal を使用する方法を説明します。microdata を追加して、Web ページのコンテンツを Google リッチスニペットなどのアプリケーションで簡単に利用できるようにしてください。
|
記事 | 2011/12/02 |
| Apache HttpClient による Android クライアントを JAX-RS Web サービスに展開する
Apache HttpClient ライブラリーを使用して JAX-RS Web サービスにアクセスしてみましょう。RESTful な Web サービスを作成するには、JAX-RS のリファレンス実装である Jersey を使用すると、 Java 環境で簡単に作成することができます。Android は人気のスマートフォンです。この記事では、Android による JAX-RS クライアントを作成します。具体的には、Apache HttpClient ライブラリーを使用して、JAX-RS Web サービスにアクセスするためのクライアントを作成します。
|
記事 | 2011/11/11 |
| HTML5 の基礎
World Wide Web が 1990年代の初期に現れて以来、HTML は、その密接なパートナーである JavaScript と CSS によってバックアップされながら相対的に強力なマークアップ言語になるために進化してきました。そして視覚的に素晴らしくインタラクティブな Web サイトやアプリケーションを作成するために使用できます。HTML5 は、Web とクラウド上で今お客様が進めているビジネスにおける歴史的な変化を反映しています。この Knowledge Path は、HTML5 の基礎を取得したい方々のために用意されています。
|
Knowledge paths | 2011/11/08 |
| 最適なプログラミング言語を選択する
多くの人々にとって、数あるプログラミング言語のなかから、どのプログラミング言語を選択するかは各個人によります。つまり皆さんは自分の好きなプログラミング言語を単純に選択したり、あるいはパフォーマンスの数値が最も高いプログラミング言語を選択したりしているかもしれません。しかし場合によると、パフォーマンスと同じくらい他の要素が重要な場合があります。この記事では、プログラミング言語を選択する際に関係する要素を分析する方法を説明します。いくつかのプロジェクトのシナリオを概説しながら、数ある選択肢におけるさまざま要素を示します。
|
記事 | 2011/10/21 |
| モバイル・ブラウザーにチャート機能を追加する
PHP、XML、jQuery、jQuery Mobile、そして jQuery のチャート機能を使用して、指で操作しやすくユーザー・フレンドリーな、モバイル環境用のオンライン・アプリケーションを作成しましょう。この記事ではチャート機能を使用してそれぞれのアンケートの結果を表示する、アンケート・アプリケーションのバックエンドとフロントエンドを作成します。
|
記事 | 2011/10/21 |
| モバイル・アプリケーション開発: 第 1 回: Android での PhoneGap と Dojo Mobile
この連載では、単純なモバイル・アプリケーションを作成するところから始め、最終的には Android 機器から Web サービスを利用するところまでを説明します。Eclipse と PhoneGap を使用して、HTML と JavaScript だけを使ってハイブリッド・モバイル・アプリケーションを作成する方法と、Mobile Dojo を使用してこのアプリケーションにネイティブ・アプリケーションの感覚をもたらす方法を学んでください。第 1 回となる今回の記事では、PhoneGap と Mobile Dojo を組み合わせて、標準的な Android アプリケーションのような外観と振る舞いを持つ Android 用ハイブリッド・モバイル・アプリケーションを素早く作成する方法を学びます。
|
記事 | 2011/10/21 |
| リバース Ajax: 第 5 回 イベント駆動型 Web 開発
連載最終回となる今回の記事では、イベント駆動型の開発について学び、記事に付属のソース・コードを使って、イベント駆動型のサンプル Web アプリケーションを構築します。
|
記事 | 2011/10/21 |
| リバース Ajax: 第 4 回 Atmosphere と CometD
Java サーバーを対象としたオープンソースのリバース Ajax ライブラリーとして最も有名な Atmosphere と CometD について学んでください。
|
記事 | 2011/10/14 |
| リバース Ajax: 第 3 回 Web サーバーと Socket.IO
各種の Web コンテナーおよび API を対象に、Web アプリケーションで Comet と WebSocket を使用する方法を学びましょう。また、リバース Ajax を用いた Web アプリケーションで使用できる抽象化ライブラリー、Socket.IO についても学んでください。トランスペアレントに使用できる抽象化ライブラリーは、Comet とWebSocket の背後にある複雑さを完全に隠してくれます。
|
記事 | 2011/10/07 |
| Android で実行するネットワーク対応の○×ゲームを作成する
この記事では、フロントエンドとして Android のネイティブ・アプリケーションを使用し、マルチプレイヤーでネットワーク対応の○×ゲームのバックエンドを作成します。
|
記事 | 2011/9/30 |
| Dojo Mobile 1.7 の紹介
Dojo Toolkit をモバイル Web 開発フレームワークへと拡張した Dojo Mobile の最新バージョン、1.7 について学んでください。この記事では、トランクから Dojo 1.7 をダウンロードする方法、そして Dojo Mobile をアプリケーションで使用する方法を説明した後、Dojo Mobile が提供している各種のウィジェットとコンポーネントについて探っていきます。そして最後に、PhoneGap を使用して Web アプリケーションをネイティブ・アプリケーションの中にラップする方法を説明します。
|
記事 | 2011/9/30 |
| Android の Spring クライアントを JAX-RS Web サービスに展開する
Java エンタープライズ・アプリケーションを実行するためのプラットフォームである Spring には、生産性やランタイム・パフォーマンスを向上させることができるなど、さまざまな利点があります。この Spring フレームワークを、Android アプリケーションの開発を単純化する目的で拡張したのが、Spring Android です。Spring Android の主な特徴としては、Android 対応の REST クライアント、そしてセキュア API にアクセスするための Auth サポートがあります。この記事では、Spring Android REST クライアントを使って RESTful な Web サービスにアクセスします。
|
記事 | 2011/9/16 |
| Java 開発 2.0: Gretty を使った超軽量の Java Web サービス
Gretty は、Web サービスを構築するために作られた新しいタイプの超軽量フレームワークの 1 つです。超高速の Java NIO API をベースにした Gretty は、Web エンドポイントのドメイン特化言語として Groovy を使用し、Grape を使用して Maven スタイルの依存性管理を行います。この記事を読んで、Gretty を使用して Java Web サービス・アプリケーションを構築してデプロイする方法を学んでください。
|
記事 | 2011/9/16 |
| Dojo Toolkit を使用してモバイル用のチャートを作成する
この記事では、dojox.mobile パッケージと dojox.charting パッケージの機能について探るため、ステップバイステップの例により、Dojo Toolkit を使用してモバイル・チャート・アプリケーションを作成する方法と、タッチ操作をサポートすることでそのアプリケーションを機能強化する方法について説明します。また、レンダリングのパフォーマンスを向上させる方法などの高度なトピックも取り上げます。
|
記事 | 2011/9/16 |
| JavaScript の組み込みオブジェクトを理解する
JavaScript 言語に固有のオブジェクトの基本を理解しましょう。
|
記事 | 2011/9/16 |
| JavaScript 言語入門: 第 2 回 イベント、cookie、タイミング、その他
JavaScript は、ますます盛んに使われるようになっており、今やインターネットで最も広く使用されている言語の 1 つと言えるほどになっています。さまざまなプラットフォームとブラウザーで使用できる JavaScript 言語は、バックエンドの言語を選り好みしません。また、多くの優れたライブラリーが開発を支援してくれますが、時として、これらのライブラリーは本来の JavaScript 言語からかなり逸脱しているため、駆け出しの開発者が言語の基礎を理解できないことがあります。連載の第 2 回となるこの記事では、引き続き JavaScript の基礎を説明します。今回取り上げるのは、イベント、try...catch 文、cookie の使用、そしてタイミング関連の関数です。
|
記事 | 2011/9/09 |
| jQuery Mobile で Web アプリケーションのセキュリティーを強化する
多くの Web 開発者は、セキュリティーをあまり高い優先順位で考えていません。セキュリティーについては後から補足すればよいものとして、ソフトウェア開発ライフサイクルの最後に追いやられることがよくあります。時には、ソフトウェア・セキュリティーがまったく無視されて、その結果、一般的な脆弱性に溢れたアプリケーションになることもあります。このようなバグは攻撃されて初めて明らかになるため、脆弱性を悪用するプロセスがどのように機能するかを知っていなければ、攻撃される前にバグを検出するのは困難です。このチュートリアルでは、jQuery Mobile、PHP、および MySQL で作成した Web アプリケーションを使用して、さまざまな脆弱性がどのようにして生じるのかを、それらの脆弱性を悪用する一般的な手法とともに説明し、さらに最も重要な点としてそれぞれの対策について説明します。
|
記事 | 2011/9/09 |
| GPS 対応の Web アプリケーションを作成する
この記事では PHP を使用して、GPS 対応の Web アプリケーションのバックエンドとフロントエンドを作成する手順を説明します。
|
記事 | 2011/9/09 |
| モバイル Web のためのユーザー・インターフェースの設計
Web アプリケーション技術は、マルチプラットフォーム・アプリケーションを作成する際のコストを削減します。開発者は、開発技術、ユーザー・インターフェースのスタイル、入力メカニズム、ディスプレイのフォーム・ファクター、サイズ、解像度などが異なる複数のモバイル・プラットフォームで動作するアプリケーションを作成することができます。けれども使いやすく、しかも多種多様なプラットフォームや機器に上手く溶け込むアプリケーションを設計するには、従来の Web アプリケーションやネイティブ・モバイル・アプリケーションの範囲にはない、いくつかの要素を考慮しなければなりません。この記事では、モバイル Web のユーザビリティーに関する課題について詳しく探り、モバイル Web アプリケーションを設計する際のベスト・プラクティスをいくつか紹介します。
|
記事 | 2011/9/02 |
| リバース Ajax: 第 2 回 WebSocket
リバース Ajax の手法によってイベント駆動型の Web アプリケーションを開発する方法を探るこの連載では、第 1 回でリバース Ajax 通信を実装する方法として、ポーリング、ピギーバック、そしてロング・ポーリングとストリーミングを使用した Comet を紹介しました。今回の記事では、WebSocket という新しい HTML5 API を使用してリバース Ajax を実装する方法を学びます。WebSocket は、ブラウザーのベンダーがネイティブに実装することも、隠し Flash コンポーネントに呼び出しを委任する FlashSocket というブリッジを使用して実装することもできます。さらに、この記事ではリバース Ajax 手法でのサーバー・サイドの制約にも目を向けます。
|
記事 | 2011/9/02 |
| リバース Ajax: 第 1 回 Comet の紹介
この数年の間に、Web 開発は大きな変化を遂げました。最近では、私たちは高速に動作する動的なアプリケーションに Web からアクセスすることを期待するようになっています。この新しい連載で、より優れたユーザー・エクスペリエンスを実現するリバース Ajax の手法によってイベント駆動型の Web アプリケーションを開発する方法を学んでください。クライアント・サイドの例で使用するのは、jQuery JavaScript ライブブラリーです。第 1 回となるこの記事では、さまざまなリバース Ajax の手法を探ります。ダウンロード可能なサンプル・コードを使って、ストリーミング手法およびロング・ポーリング手法による Comet について学びましょう。
|
記事 | 2011/8/26 |
| JavaScript を使って DOM をトラバースする
Web 開発者であれば当然、JavaScript と DOM (Document Object Model) に慣れ親しんでいるはずです。DOM は XML/HTML 文書を抽象化する、言語に中立なインターフェースとなる一方、JavaScript は、開発者がこのインターフェースを使用して Web ページと対話するための実装となります。この記事を読んで、DOM の JavaScript バインディングについて詳しく探り、最高のパフォーマンスで Web 文書を操作する方法を学んでください。この記事ではサンプル・アプリケーションを用いて DOM のメソッドとプロパティーを説明し、さらにはハンドラーを DOM イベントに関連付ける方法も説明します。
|
記事 | 2011/8/19 |
| HTML5 の基礎: 第 4 回 最後の仕上げ
現在のビジネス手法は、Web およびクラウドを利用するように極めて大きな変化を遂げていますが、HTML5 はこの変化を反映したものとなっています。HTML5 での変更内容にスポットライトを当てるこの 4 回連載の最後の記事では、HTML5 の Canvas 要素について紹介し、サンプルを使ってその機能を具体的に説明します。
|
記事 | 2011/8/05 |
| クライアント・サイドのソリューションによってクロスドメインの通信を改善する
現在のような Web 2.0 の時代には Ajax が重要な役割を果たしています。しかし場合によると Ajax の強力さが SOP (Same Origin Policy: 同一生成元ポリシー) によって制限されることがあります。この記事では、協調型のサイトの制約を克服する方法について説明し、他のサーバーやプロバイダーとの統合をクライアント・サイドで解決するいくつかの方法を探ります。また、クロスドメインの通信やデータ転送を改善する方法についても例を用いて説明します。
|
記事 | 2011/7/29 |
| Sahi を使用して Web アプリケーションのテストを自動化する
Web アプリケーションを自動テストするための商用ツールやオープンソースのフレームワークが数多くあるなかで、Web アプリケーションのテストを自動化するためのツールとして、Sahi がよく使われるようになっています。Sahi はさまざまなブラウザーでスクリプトの記録や再生を行えるオープンソースのツールです。Sahi にはテスト・スクリプトを作成するための異なる言語用のドライバーがあり、Ajax や高度に動的な Web アプリケーションに対応しています。この記事では、サンプル・アプリケーションとテスト・ケースを使用しながら Sahi について学びます。スクリプトを JUnit 用のフォーマットにする方法と Apache Ant を使用してテストをする方法を学びましょう。
|
記事 | 2011/7/15 |
| Ajax 入門
Ajax プログラミングの技術的概要を知り、そのコアとなっている JavaScript コード、そしてよく使われているライブラリー実装を理解してください。この記事では Ajax 技術の歴史を簡単に説明した後、そのコアとなる JavaScript コードを使用した Ajax によるやりとりの技術的な基本と、よく使われている 3 つの JavaScript ライブラリーについて、その概要を説明します。
|
記事 | 2011/7/15 |
| Dojo Mobile 1.6 の紹介
Dojo Toolkit をモバイル Web 開発フレームワークへと拡張した Dojo Mobile について学びましょう。この記事では実際的な例に沿って、Dojo Mobile のウィジェットおよびコンポーネントをアプリケーションに組み込んで使用する方法、そして PhoneGap を使用して Web アプリケーションをネイティブ・アプリケーションの中にラップする方法を説明します。そして最後に、このフレームワークの次のバージョンで追加される新機能の一部を一足先に紹介します。
|
記事 | 2011/7/15 |
| HTML5 の基礎: 第 3 回 HTML5 API の能力
現在のビジネス手法は、Web およびクラウドを利用するように極めて大きな変化を遂げていますが、HTML5 はこの変化を反映したものになっています。HTML5 での変更内容にスポットライトを当てるこの 4 回連載では、まず新しいタグとページの編成について取り上げるのに続き、Web ページ設計、フォームの作成、API の活用法と価値、そして最後にキャンバスがもたらす独創的な可能性といった高度な話題へと話を進めていきます。3 回目となる今回の記事では、HTML5 API について紹介し、サンプル・ページを使ってその機能を具体的に説明します。
|
記事 | 2011/7/08 |
| Selenium Grid を使用して Web アプリケーションのテストを強化する
Selenium は多様なプラットフォームにわたって Web アプリケーションのテストを自動化できるように設計されたツール・スイートです。このツール・スイートに含まれる Selenium Grid を使用すると、複数のマシンにテストを自動で分散させることができます。この記事では、ブラウザーを使って並列にテストを実行することで、一連のテストを実行するのに要する時間を短縮する方法について学びます。実際のテスト・プロジェクトとコード・サンプルを使用しながら、複数環境で並列にテストを実行し、Web アプリケーションのテストを短時間で行えるようにする方法を学びましょう。
|
記事 | 2011/7/08 |
| HTML5 で新たに導入された構造タグ
HTML5 には新しいタグが数多く導入されており、そのうちのいくつかは文書の構造を適切に記述するために特化されたものです。この記事では HTML5 で新たに導入された構造タグについて説明します。さらに、これらの構造タグを使用して 1 つの文書を複数のコンテンツ・ブロックに分割する方法を詳しく説明します。新しい構造タグの概念を理解しやすくするために、サンプル・コードも示すことにします。
|
記事 | 2011/7/01 |
| HTML5 の基礎: 第 2 回 入力を編成する
現在のビジネス手法は、Web およびクラウドを利用するように極めて大きな変化を遂げていますが、HTML5 はこの変化を反映したものになっています。HTML5 での変更内容にスポットライトを当てるこの 4 回連載では、まず新しいタグとページの編成について取り上げるのに続き、Web ページ設計、フォームの作成、API の活用法と価値、そして最後にキャンバスがもたらす独創的な可能性といった高度な話題へと話を進めていきます。2 回目となる今回の記事では、HTML5 のフォーム・コントロールの概念を紹介し、JavaScript と CSS3 の役割についても軽く言及します。
|
記事 | 2011/7/01 |
| HTML5 の基礎: 第 1 回 最初の一歩
現在のビジネス手法は、Web およびクラウドを利用するように極めて大きな変化を遂げていますが、HTML5 はこの変化を反映したものになっています。HTML5 での変更内容にスポットライトを当てるこの 4 回連載の最初の記事では、まず新しいタグとページの編成について取り上げます。その後、Web ページの設計、フォームの作成、API の活用法と価値、そしてキャンバスがもたらす独創的な可能性といった高度な話題へと話を進めていきます。
|
記事 | 2011/6/24 |
| PHP と MediaWiki API を使ってウィキペディアの情報に接続する
究極のオンライン百科事典であるウィキペディアには、人間の知識のさまざまな側面に関する何百万ものエントリーがあります。これらのエントリーに対して、Web アプリケーション開発者は Wikipedia API を使用してアクセスし、検索することができます。この記事では Wikipedia API を取り上げ、この API を PHP アプリケーションのコンテキストで使用する例として、ウィキペディアのコンテンツに含まれる各種の要素を PHP を使って検索および取得する方法を説明します。
|
記事 | 2011/6/17 |
| jQuery UI と jQuery プラグインを使用して優れた Web アプリケーションを作成する
デスクトップ・アプリケーションの開発から、JavaScript と jQuery ライブラリーを使用した Web アプリケーションの開発に移行しようとしている開発者は、アプリケーションの基本的なルック・アンド・フィールについて考えることに慣れていません。というのは、これまではオペレーティング・システムが、ルック・アンド・フィールを処理してくれたからです。この記事では、jQuery 上に構築された UI ツールキットである jQuery UI について説明します。jQuery UI を使用すると、見栄えの良いインターフェースを容易に作成することができます。また、jQuery のプラグインについてもいくつか説明します。これらのプラグインにより、Web 開発の時間を短縮することができ、おなじみのルック・アンド・フィールを持つ、滑らかで直感的な、そして柔軟なインターフェースを作成することができます。
|
記事 | 2011/6/17 |
| HTML の基本に戻る
これまで HTML ページを作成したことがない人や、作成したことはあっても HTML ページがなぜそのような動作するのかわからない人のために、この記事ではそのプロセスについて説明し、その動作の謎を解き明かします。この説明には、HTML の基礎とその構文、さまざまなコンポーネントとそれらの動作方法、そしてリンクによってディレクトリーをナビゲートする方法が含まれます。またこの記事では、スタイルシート、スクリプト、そして HTML5 で新たに導入された事柄についても説明します。
|
記事 | 2011/6/10 |
| CSS 入門
CSS 2.1 とクロスブラウザーの CSS3 を含め、標準化された CSS スタイルの設定方法を学んでください。具体的には、データの邪魔にならないスタイル設定方法で検索エンジンの最適化を強化する方法と、印刷用、モバイル表示用、および Web のビュー用に、異なる CSS スタイルを設定する方法、そしてアクセシビリティーを改善するためのヒントについて学びます。
|
記事 | 2011/6/10 |
| HTML5、CSS3、および関連技術
「HTML5」という旗印の下には、非公式ながらも数々の技術がひとまとめに扱われています。この記事では、HTML 仕様に含まれる技術とそうではない技術についての誤解を解くとともに、各種の CSS3 モジュールをはじめ、技術そのものに光を当てます。
|
記事 | 2011/6/03 |
| セマンティック Web、Linked Data、そして Drupal: 第 2 回 Drupal 7 と SPARQL Views を使って複数の関連するデータ・セットを合成する
この連載の第 1 回では、Drupal コンテンツ管理システムに最近導入された新しい概念をいくつか紹介し、最近の技術では独自仕様の API ではなく、マシンで読み取り可能な RDF (Resource Description Framework) フォーマットを優先して使用するようになったことから、データの共有および再利用が容易になっていることなどを説明しました。今回の記事では、「データの Web」で現在使用可能になっている既存の Linked Data を利用する方法、そして複数の異なるエンドポイントからデータを取得して Drupal 7 サイトを強化する方法を説明します。また、独立した個々のパブリッシャーから実際にデータを取得して使用する例を紹介します。
|
記事 | 2011/6/03 |
| オブジェクト指向の JavaScript コードを作成する
極めて対話性の高い Web サイトが一般的になった今日では、JavaScript 言語が多用されるようになっています。複雑な JavaScript コードを本格的に作成しようとする場合、カスタム・オブジェクトを作成するためのさまざまな方法と、カスタム・オブジェクトの使い方の基本を理解する必要があります。この記事では、JavaScript 言語を使用してカスタム・オブジェクトを作成するあらゆる方法を説明します。またコード・サンプルを使用しながら、それらのオブジェクトを実際の状況で使用する方法について説明します。
|
記事 | 2011/4/19 |
| RAP を使用して RCP アプリケーションを Web アプリケーションに変換する
RCP (Rich Client Platform) はリッチなデスクトップ・アプリケーションを構築するためのプラットフォームです。一方、RAP (Rich Ajax Platform) では Eclipse 開発モデルを使って Ajax 対応の Web アプリケーションを構築することができます。この RAP の助けを借りれば、ほんのわずかな変更を加えるだけで、既存の RCP アプリケーションを Web アプリケーションとして実行できるようになります。この記事では、RAP の主要な機能を詳しく探り、単純な HTML ビューアーのコードを例に、RAP を使って RCP アプリケーションを Web にマイグレートする方法を説明します。
|
記事 | 2011/4/19 |
| セマンティック Web、Linked Data、そして Drupal: 第 1 回 RDF を使ってデータを公開する
Drupal 7 は主流のコンテンツ管理システムとしては初めて、セマンティック Web 技術をそのコアでサポートします。セマンティック Web 技術は使用するのが簡単で、Web を文書の Web からデータの Web へと引き上げることができます。この記事では、Web データの相互運用性を改善してデータ共有を効率化する方法を説明し、RDF でコンテンツを公開することによって、Drupal 7 を使用して Linked Data を公開する例を紹介します。
|
記事 | 2011/4/12 |
| ECMA-262 第 5 版
この記事では ECMAScript の仕様について、その歴史を概観し、新たに追加された重要な機能と概念の多くを紹介します。
|
記事 | 2011/4/12 |
| JavaScript と Dojo によってブラウザーで発生するメモリー・リークを発見し、解決する
JavaScript 技術と Ajax 技術を多用する Web 2.0 アプリケーションを作成する場合、ブラウザーのメモリー・リークが発生する可能性があります。1 ページからなるアプリケーションや、1 つのページで大量の UI 操作を行う場合、メモリー・リークは重大な問題になりかねません。この記事では、sIEve ツールを利用してメモリー・リークを検出し、修正する方法について説明します。またメモリー・リークの問題の実際の例とその解決策も紹介します。
|
記事 | 2011/4/05 |
| JavaScript 言語入門
JavaScript 言語の基礎知識を身につけたいですか？この記事では、初心者向けに JavaScript の基本となる概念を紹介し、それらの概念をサンプル・コードで具体的に説明します。
|
記事 | 2011/4/05 |
| Web アプリケーションのテストの方法とテスト・ツールのまとめ
Web アプリケーションのテストの領域では、新しい方法やツールが次々に登場しています。どのような方法やツールを選択するかは、Web アプリケーションの特性や開発の環境 (言語やソフトウェアなど) によって変わってきます。アプリケーションの使われ方も Web アプリケーションのテストの方法やツールの選択に影響を与えます。例えばバンキング・アプリケーションでは、セキュリティーの方がユーザビリティーよりも優先されます。医療システムでは可用性と信頼性が重要な要素です。この記事では、Web アプリケーションをテストするための方法と、それらの方法に対応したツールとフレームワーク全体の概要について説明します。
|
記事 | 2011/3/29 |
| カスタム Dojo ビルドを使用して大規模な Web アプリケーションを高速にロードする
カスタムの Dojo ビルドを使用することで、大規模なアプリケーションに占める JavaScript 全体のフットプリントを削減する方法を学びましょう。この記事ではサンプル Web プロジェクトを使用して、カスタム Dojo ビルドの前提条件、ビルド・プロファイル、最適化、ビルド・スクリプトについて、順に説明します。
|
記事 | 2011/3/29 |
| jQuery プラグインの紹介
jQuery JavaScript ライブラリーは、プラグインによる拡張性に極めて優れています。jQuery のプラグインは、皆さん自身が利用、作成、共有することができます。この記事では jQuery プラグインを作成するメリットについて説明します。まずは基本テンプレートを作成するところから始め、それに続いて Web ページに Google マップのサポートを追加するための比較的単純なプラグインのサンプルを作成します。また、命名規則と、他の開発者も使用できるようにプラグインをパッケージ化する方法についても説明します。
|
記事 | 2011/3/22 |
| Ruboto: Ruby on Android
Ruby スクリプト言語と Google のカスタム・フォーマットという 2 つの異なる技術を、共通の言語で連携させることにより、Android プログラムを作成することができます。また、JRuby プロジェクトと Android プロジェクトの堅牢なツールキットのおかげで、通常の Android プログラムとは大幅に動作の異なる Ruby スクリプトを作成、実行することができます。
|
記事 | 2011/3/22 |
| XQuery を使ってコンテンツを分類する
XML などの半構造化データと非構造化データの増加に伴い、簡単かつ迅速に、より関連性を持ったクエリーを行えるように、コンテンツをカテゴリー分けして分類する必要が出てきています。この記事では、XQuery を使用したコンテンツおよび構造の解析に基づくコンテンツのカテゴリー分けにより、XML 文書に自動的にタグを付ける数々の手法について試してみます。
|
記事 | 2011/3/22 |
| Django と jQuery を使ってスプレッドシート・アプリケーションを作成する
jQuery は動的な Web アプリケーションを作成するための優れたツールであり、その充実したプラグイン・ライブラリーには成長し続けるコミュニティーが貢献しています。この記事では jQuery の UI、SlickGrid、そしてバックエンド・コントローラーとしての Django を使用して、複数のデータ・シートからなる Microsoft Excel スタイルの Web アプリケーションを作成する方法を紹介します。
|
記事 | 2011/3/15 |
| Lift 2.0 の新機能
Lift は、Scala プログラミング言語を使って Web アプリケーションを構築することを可能にする Web アプリケーション開発フレームワークです。Lift では Scala が使われることから、Java と Scala 両方のライブラリーおよび API を利用することができ、Lift を使って作成されたアプリケーションは Tomcat や Jetty などのあらゆる Java Servlet コンテナーにデプロイすることができます。2010年 6月には、新しく追加された数々の素晴らしい機能や特徴を誇る Lift 2.0 がリリースされました。この記事では、これらの機能を数多く取り上げ、皆さんが独自の Web アプリケーションを開発する際に、どのようなメリットをもたらしてくれるかを説明します。
|
記事 | 2011/3/15 |
| XML の論考: SVG、そしてスクリプトを使わずに作成するスクリプト
今、さまざまな形で力を発揮できる SVG (Scalable Vector Graphics) ブラウザーが主流になってきています。David による以前の SVG に関する記事の続編として、Dethe がアニメーション用のスクリプトやその他のスクリプト作成タスクの代わりとして宣言型マークアップを使用する方法を検討します。その過程のなかで、スクリプトを他の XML 方言の宣言型マークアップに置き換える場合についても簡単に説明します。一般的なスクリプト作成タスクを宣言型マークアップにすることで、面倒なボイラープレート・コードを作成する必要がなくなり、エラーが減り、スクリプトの意図に沿いやすくなることから、コード固有の側面に専念できるようになります。
|
記事 | 2011/3/09 |
| サンドボックス化されたネイティブ・オブジェクト、Fusebox、FuseJS の概要
サンドボックス化されたネイティブ・オブジェクトという概念、つまりグローバル名前空間の外で安全に拡張されたネイティブ JavaScript オブジェクトという概念が登場してから数年になります。このサンドボックス化されたネイティブ・オブジェクトを新しいスマートな方法で扱うことができる Fusebox は、FuseJS という新しいライブラリーのベースになっています。
|
記事 | 2011/3/08 |
| oEmbed と PHP を使ってサード・パーティーのコンテンツにアクセスする
oEmbed は、サード・パーティーのコンテンツ共有サイトにあるコンテンツを Web ページに埋め込んで表示するための仕様です。oEmbed API について紹介するこの記事では、PHP アプリケーションのコンテキストで oEmbed API を使用する具体的な例として、Flickr、YouTube、Slideshare、Wikipedia などの人気のサイトからのコンテンツを埋め込む方法を説明します。
|
記事 | 2011/3/08 |
| jQuery UI と Ajax を使用してカスタマイズ可能な Web インターフェースを作成する
今日の Web サイトは、従来に比べるとますますカスタマイズ可能なものになってきており、iGoogle などのようにホームページ (あるいはダッシュボード・ページ) をパーソナライズできるようになっています。この記事では、そうしたカスタマイズが可能なユーザー・インターフェースを Ajax (Asynchronous JavaScript and XML) と新しい jQuery UI を使用して作成する方法について説明します。
|
記事 | 2011/3/08 |
| Jo と PhoneGap を使用してネイティブ・モバイル・アプリケーションを作成する
モバイル・アプリケーション開発の分野は急速に進歩しています。その理由の 1 つとして、新しいフレームワークが登場しており、従来からの Web 開発者にとってもモバイル開発が容易で取りかかりやすいものになってきたことが挙げられます。この記事ではネイティブ・モバイル・アプリケーションの開発について、皆さんが既に持っている HTML、CSS、JavaScript などの言語のスキルを 2 つのフレームワークに活用する方法に焦点を絞って説明します。1 つは Jo という新しいフレームワークであり、もう 1 つは PhoneGap というオープンソースのフレームワークです。PhoneGap を使用すると、よく使われているモバイル・プラットフォームのネイティブ機能を利用することができます。
|
記事 | 2011/3/01 |
| Sencha Touch を使ってモバイル Web アプリケーションを作成する
Sencha Touch はモバイル Web アプリケーション・フレームワークであり、HTML5、CSS3、JavaScript 言語を使って構築されています。この記事では、皆さんの現在の Web 開発スキルをモバイル Web 開発に活用する方法を学びます。Sencha Touch をダウンロードしてセットアップし、サンプル・アプリケーションを使って Sencha Touch の基本を詳しく探ることで、Sencha Touch フレームワークを使って作業を開始するために必要なすべてを学びましょう。
|
記事 | 2011/2/22 |
| jQuery を使用し、DOM に基づいてデータを格納、取得する
MIT ライセンスと GPL ライセンスの下、無料で提供されている jQuery JavaScript ライブラリーは、人気のあるライブラリーです。このライブラリーには、コンパクトで移植の容易な JavaScript API が用意されており、この API を利用することで Web 開発を迅速に行うことができます。この記事では、jQuery の data() メソッドを使用して簡単にデータを DOM 要素に関連付ける方法を学ぶために、アプリケーションの中で data() メソッドを使用する方法を詳細な例によって示します。また jQuery を使用したアプリケーションで HTML5 の data-* 属性を活用する方法を学びましょう。
|
記事 | 2011/2/22 |
| IBM Cloud にデプロイされるアプリケーションを設計する際のベスト・プラクティス
この記事 (そして今後の記事) は、ソフトウェアを提供する追加の手段としてクラウド環境を利用しようとしている方にとって、クラウド・ベースのデプロイメント・モデルを成功に導くアプリケーションの設計方法を具体的に示すものとなります。この記事で著者たちは、アプリケーションにおけるマルチテナンシー、そしてアプリケーションの提供を支援するミドルウェア・コンポーネントについて説明するとともに、IBM Cloud を使用する上で重要なタスクとして、仮想マシン (VM) とストレージのプロビジョニングおよび VM の確実な保存の方法を紹介します。
|
記事 | 2011/2/15 |
| HTML5 と CSS3 でクロスブラウザーの機能を実現する
HTML5 と CSS3 には、例えばデータをオフラインで保管できたり、グラフィックを使わずにボックスの角を丸くできたりするなど、優れた新機能が数多くあります。けれども、その新機能のすべてがすべて、どのブラウザーでも有効なわけではありません。この記事を読んで、Safari、Internet Explorer、Firefox、Chrome などの主要なブラウザーの最新バージョンのすべてで機能する HTML5 および CSS3 の具体的な手法を学んでください。
|
記事 | 2011/2/15 |
| 基礎から学ぶ Dojo: 第 3 回 Dijit コンポーネント・フレームワークを利用してリッチなユーザー・インターフェースを作成する
Dojo Toolkit は、Web アプリケーション開発者がリッチ・インターネット・アプリケーションを作成できるように、開発の時間と手間を省く多種多様な機能を提供しています。DOM ヘルパーおよび Ajax (Asynchronous JavaScript and XML) から本格的なウィジェットのライブラリーおよびオブジェクト指向の機能に至るまで、Dojo には開発者が大規模な Ajax ベースの Web アプリケーションを構築するために必要となるありとあらゆるものが、事実上すべて揃っています。探している関数が Dojo 自体に含まれていないとしても、DojoX を調べれば、その関数はきっと見つかるはずです。この DojoX には、Dojo Toolkit の Base モジュールまたは Core モジュールには組み込まれていない拡張機能と実験的な機能が集められています。Dojo Toolkit を使ってリッチな Web ベースのアプリケーションを開発する方法を学ぶこの連載の第 3 回では、最小限の作業で強力なインターフェースを作成できるリッチなユーザー・インターフェース・コンポーネント・フレームワーク、Dijit について説明します。
|
記事 | 2011/2/15 |
| HTML5 Boilerplate を使用して Web 開発を容易に始める
この記事では HTML5 Boilerplate プロジェクトの技術的な側面を紹介します。また、このプロジェクトによって、HTML5、CSS3、モバイル開発、Web パフォーマンスに関する多くのベスト・プラクティスの一部を実現できることを示します。
|
記事 | 2011/2/08 |
| HTML5 の Canvas を使って素晴らしいグラフィックスを作成する
Canvas を利用して Web ページを機能強化しましょう。Canvas は HTML5 の単純な要素ですが、強力な機能が満載されています。Canvas の柔軟性と豊富な機能を活用し、訪問者が繰り返し訪れる魅力的なサイトを作成しましょう。
|
記事 | 2011/2/08 |
| Hadoop 分散ファイルシステムの紹介
Apache Hadoop プロジェクトのサブプロジェクトである HDFS (Hadoop Distributed File System) は、コモディティー化された低コストのハードウェア上で実行されるように設計された高度なフォルト・トレラント分散ファイルシステムです。アプリケーション・データへのアクセスにおいて高スループットを実現する HDFS は、大容量のデータ・セットを使用するアプリケーションに適しています。この記事では、HDFS の主要な機能を詳しく探るとともに、HDFS アーキテクチャーの概要を説明します。
|
記事 | 2011/2/01 |
| jQuery Mobile の紹介
この記事では jQuery Mobile フレームワークについて紹介します。jQuery Mobile フレームワークの基本、そして実用的なモバイル Web アプリケーションのユーザー・インターフェースを 1 行も JavaScript のコーディングをせずに作成する方法を学びましょう。ここでは 1 つの例を使いながら、基本的なページ、ナビゲーション、ツールバー、リスト・ビュー、フォーム・コントロール、トランジション・エフェクトについて説明します。
|
記事 | 2011/2/01 |
| 基礎から学ぶ Dojo: 第 2 回 Dojo によるオブジェクト指向の開発をマスターする
Dojo Toolkit は、Web アプリケーション開発者がリッチ・インターネット・アプリケーションを作成できるように、開発の時間と手間を省く多種多様な機能を提供しています。DOM ヘルパーおよび Ajax (Asynchronous JavaScript and XML) から本格的なウィジェットのライブラリーおよびオブジェクト指向の機能に至るまで、Dojo には開発者が大規模な Ajax ベースの Web アプリケーションを構築するために必要となるありとあらゆるものが、事実上すべて揃っています。探している関数が Dojo 自体に含まれていないとしても、DojoX を調べれば、その関数はきっと見つかるはずです。この DojoX には、Dojo Toolkit の Base モジュールまたは Core モジュールには組み込まれていない拡張機能と実験的な機能が集められています。Dojo Toolkit を使ってリッチな Web ベースのアプリケーションを開発する方法を説明する 3 回連載の第 2 回では、JavaScript が持つオブジェクト指向の機能を取り上げ、従来のクラス・ベースのオブジェクト指向プログラミング言語との違いを説明します。その後、この違いを埋めるために Dojo が提供している独自のクラス・ベースのシステムを紹介します。
|
記事 | 2011/2/01 |
| IBM WebSphere sMash セキュリティー・モデルを使ってアプリケーションをセキュアにする
セキュリティー・メカニズムが組み込まれた IBM WebSphere sMash サーバーでは、構成ファイルでセキュリティーを有効にすることによって、さまざまな手段でアプリケーションをセキュアにすることができます。この記事では、異なるタイプの認証、ファイル・ベースのセキュリティーと LDAP ベースのセキュリティー、そして SSL セキュリティーの実装方法を説明します。さらに、サンプル・アプリケーションにアクセス・ベースのセキュリティー対策をセットアップする手順を通して、IBM WebSphere sMash サーバーの機能を説明します。
|
記事 | 2011/1/25 |
| dojo.connect を使用したイベント駆動型設計をマスターする
この記事では、疎結合のイベント駆動型設計がいかにブラウザー・ベースのアプリケーションや Dojo のオブジェクト指向フレームワークに適しているかを説明します。イベント駆動型設計を採り入れると、コードのモジュール性を保つ上で有効です。モジュールは dojo.connect によって接続されますが、dojo.connect は DOM (Document Object Model) のイベントだけでなく、カスタム・アプリケーションのイベントにも使用できる強力な関数です。また、記事では最後に、dojo.connect と pub/sub とを比較し、両者の疎結合の度合いの違いについて説明します。
|
記事 | 2011/1/25 |
| Perl、jQuery、Ajax、JSON、MySQL を使用した非常に単純なログイン
この記事では、いくつかの最新技術を使用して実装された非常に単純なログイン手法について説明します。この手法では、スクリプト言語 (Perl)、無料のデータベース (MySQL)、軽量でテキスト・ベースのオープン・スタンダード (JSON)、クロスブラウザーの JavaScript ライブラリー (jQuery)、そして非同期で対話型の Web アプリケーション手法 (Ajax) を組み合わせて使用します。
|
記事 | 2011/1/25 |
お客様が developerWorks に初めてサインインすると、プロフィールが作成されます。プロフィールで選択した情報は公開されますが、いつでもその情報を編集できます。お客様の姓名（非表示設定にしていない限り）とディスプレイ・ネームは、投稿するコンテンツと一緒に表示されます。
送信されたすべての情報は安全です。
developerWorks に初めてサインインするとプロフィールが作成されますので、その際にディスプレイ・ネームを選択する必要があります。ディスプレイ・ネームは、お客様が developerWorks に投稿するコンテンツと一緒に表示されます。
ディスプレイ・ネームは、3文字から31文字の範囲で指定し、かつ developerWorks コミュニティーでユニークである必要があります。また、プライバシー上の理由でお客様の電子メール・アドレスは使用しないでください。
送信されたすべての情報は安全です。