WebアプリケーションにリッチUIをもたらす高機能JavaScriptライブラリ「Wijmo」（ウィジモ）
はじめに 一般にアプリケーション開発環境や実行環境において、標準で備える基本的な機能よりも高度な機能を備えるソフトウェア部品（コンポーネント）が有料で提供される場合があります。開発者はこれらのコンポーネントを活用することで、より少ない工数で品質の高いアプリケーションを作成することができます。グレープシティは.NETやJavaなどの環境に向けてこのようなコンポーネントを提供しています。 今回紹介する「Wijmo（ウィジモ）」は、同社がHTML/JavaScript環境に向けて提供しているJavaScriptライブラリです。JavaScriptライブラリとして広く活用されているjQueryやjQuery UI、jQuery Mobileをベースにして、WebサイトやWebアプリケーションで活用できる高機能で多様なUI部品を利用できます。 本記事ではこのWijmoについて、まず機能やライセンス形
JavaScriptテンプレートエンジンJsRender 基本のキ
はじめに JsRenderは高速、軽量、高性能なJavaScriptテンプレートエンジンです。JsRenderを使うと、ブラウザ側で動的にテキストやHTMLを生成できます。 JsRenderはoutlook.comなどのサイトですでに使われており、今後利用者が増えることが期待されています。先日、JsRenderの正式版のリリースが近いことが、作者であるボリス・ムーア氏のブログで発表されました。そこで、正式リリースに先立ちJsRenderの使い方を紹介していきます。 対象読者 JavaScriptテンプレートエンジンに興味のある方 JavaScript、jQueryの基本を理解している方 必要な環境と準備 JsRenderとjQueryを以下のサイトからダウンロードしてください。JsRenderは単体でも動きますが、jQueryのプラグインとしても機能します。 JsRenderのダウンロード
Mochaを使ってJavaScriptのテストをブラウザで実行してみよう
対象読者 JavaScriptの基本をある程度理解している方 テストコードをこれから書こうと考えている方 JavaScriptのテスティングライブラリの分類 JavaScriptには、テストを記述するためのライブラリが多く用意されています。ライブラリには、大きく分けて「テスティングフレームワーク」と「アサーションライブラリ」があります。まずはこの2種類の違いについて説明します。 テスティングフレームワーク テストを記述する関数群を提供し、それらの関数を使って書かれたテストの結果を判定、集計した上で結果を表示する機能を持ちます。ブラウザでのテストの場合、ブラウザ上でグラフィカルにテスト結果を表示することもありますし、サーバサイドのJavaScriptであるNode.js向けにはコマンドラインで実行し、結果を表示する機能も持ちます。 アサーションライブラリ テスティングフレームワークは、テスト
使いたくなる理由1：サーバーからスマホまで言語はJavaScriptだけでよい
Webブラウザー向けはJavaScript。企業システムのサーバーサイドはJava。ネット系ならPHPやPerl、Ruby。WindowsならC#。iPhoneならObjective-C。これは一例だが、今は開発言語を使い分けることが多い。だが、これからはJavaScriptをマスターすれば、これらのアプリケーションをすべて開発できる。 クライアント技術者がサーバーも開発 まずは、サーバーサイドである。ミドルウエアのnode.jsが登場したことで、JavaScriptのサーバー利用に注目が集まった。node.jsは、米Googleが開発するJavaScript実行エンジン「V8」を実装したオープンソースソフトウエア。JavaScriptが動くので、サーバー開発を経験していないエンジニアでも、クライアント向けWebアプリケーションの開発経験を持っていれば、サーバー開発に参加しやすくなる。 n
JavaScirpt、適用範囲広げサーバーサイドの有力言語へ
Webブラウザーで動作するアプリケーションのための言語－。JavaScriptをそう捉えているなら、考えを改める時期に来ている。適用場所がサーバーやスマートテバイスに広がっているだけでなく、サーバーで使うと高性能なシステムになるからだ。JavaScriptの魅力を検証する。 目次
グラフを表示するjQueryプラグイン 後編
jQuery Visualizeプラグインの使い方 jQPlotプラグインのダウンロードサイト上の「Download Now!」アイコンをクリックして、現時点での最新バージョン「jquery.jqplot.1.0.4r1120.zip」をダウンロードし、解凍します。解凍したフォルダ内の「dist」フォルダ直下からプラグイン本体の「jquery.jqplot.min.js」とバージョン9以前のInternet ExplorerでHTML5のcanvas要素を呼び出す「excanvas.min.js」を「plugins」フォルダ下に配置します。また「dist」フォルダ内の「plugins」フォルダにある機能拡張スクリプトも必要なものを「plugins」フォルダ下に配置します。そして解凍したフォルダ内の「css」フォルダをそのままコピーして使用します。 折れ線グラフを表示する際のjQPlotプラ
Node.jsの仕組みはWebアプリ開発者も知っておくべき
インターネットのサービスは、アクセスしてきたユーザーを「待たせない」ことが大前提だ。「待たせない」サービスを実現するために、新しいインフラ技術が次々と登場している。例えばJavaScriptの実行基盤を構築するサーバー用ソフト「Node.js」もその一つ。大量の同時接続ユーザーに対して高速にレスポンスできる技術として、今、大きな注目を集めている。 Node.jsは、Webサーバー構築ソフト「Apache」やWebアプリケーションサーバー構築ソフト「Tomcat」などと置き換えて使う。ただし、単純に置き換えるだけで必ずレスポンスが高速になるわけではない。Node.jsが持つ本来のパフォーマンスを引き出すには、実装するWebアプリケーションの開発に注意が求められる。 “ループ”を止めないアプリが不可欠 Apacheの場合、複数のスレッドを起動して並行処理することで、大量のアクセスに対応できるよ
Eclipse×PhoneGapでAndroidアプリ開発！ ～インストールからアプリ実行まで
はじめに AndroidはGoogleが提供するオープンソースのモバイルオペレーティングシステムです。Samsung Galaxyシリーズのスマートフォンやタブレット、AmazonのKindle Fireタブレット、Barnes and NobleのNookタブレットをはじめ、様々なメーカーのスマートフォンやタブレットデバイスで使用されています。PhoneGapは、ネイティブにインストールできるモバイルアプリケーションをHTMLおよびJavaScriptで作成するためのオープンソースのアプリケーションプラットフォームです。 必要な環境 Eclipse Classic Android SDK PhoneGap Eclipseをセットアップする Android用のPhoneGapアプリケーションを開発するための環境をセットアップするには、まず、Eclipse IDEをダウンロードしてインストー
第1回 PhoneGapとは | gihyo.jp
はじめまして、株式会社キクミミの富田宏昭と申します。おもにWebアプリケーションを開発しています。この連載では、PhoneGapを使ったiOSおよびAndroidアプリケーションの開発方法について全4回に分けて紹介していきます。どうぞお楽しみください。 PhoneGapとは PhoneGapはNitobiが開発、公開しているクロスプラットフォーム・モバイルアプリケーションの開発フレームワークです。スマートフォン向けアプリケーションの開発では、各OSごとに特定の言語を使用をして開発をおこなうことになります。たとえばiOSの場合はObjective-C、AndroidやBlackBerryの場合はJava、Windows Phone 7の場合はC#・Vidual Basicなどです。複数のスマートフォンに対応するアプリケーションを開発する場合、デベロッパは複数の言語をもちいてそれぞれの開発環境
スタバ方式で「C10K問題」を解消
WebアプリケーションサーバーソフトのNode.jsには、これまでのWebアプリケーションサーバーとは全く異なる四つの特徴がある（図1）。（1）多くのアクセス要求を処理できること、（2）JavaScriptでアプリケーションを開発できること、（3）アドオンが充実していること、（4）様々な種類のサーバーとして動作すること、である。これらの特徴を順に見ていこう。 一つめの特徴は、ピグライフのように1万台規模のクライアントからのアクセス要求をさばけることだ。従来のWebサーバーとは異なる「ノンブロッキングI/O（インプット/アウトプット）」と呼ばれる考え方を取り入れることで、これを実現する。 この考え方は、スターバックスの接客方式をイメージすると分かりやすい。客はレジで注文と支払いを済ませると、配膳口近くで注文した飲み物ができるのを待つ。飲み物ができたかどうかに関係なく、レジでは次々と注文を受け
サーバサイドJavaScriptの本命「node.js」の基礎知識
本稿では、Node.jsの特徴や動作原理に触れ、サンプルや役に立つパッケージ、活用事例などを紹介したいと思います。 主なサーバサイドJavaScript Node.jsに触れる前に、予備知識として他のサーバサイドJavaScriptにも触れておきます。Node.js含め、サーバサイドJavaScriptには、主に以下のようなプロジェクトがあります。 サーバサイドJavaScripの標準仕様「CommonJS」とは サーバサイドJavaScriptには、「CommonJS」と呼ばれる標準化が策定されています。標準化というと難しい感じがしますが、要はサーバサイドでJavaScriptを実行するのに何が必要かを仕様として、定義しているドキュメントのことです（例えば、「ログが必要だよね」など）。 Node.jsは、このCommonJSに則って開発されています。現段階であれば、CommonJSの仕様
YOLP(地図) - Yahoo!デベロッパーネットワーク
Yahoo! Open Local Platform（YOLP）は、Yahoo!マップがデベロッパー向けに提供する地図・地域情報のAPI・SDKです。ウェブページの制作はもちろん、スマートフォン向けアプリケーションの開発においても、多彩な地図表示、店舗・施設検索、ジオコーディング、ルート検索、標高データ取得などの豊富な機能をご活用いただけます。 お知らせ 地図・地域情報の検索 Yahoo!ローカルサーチAPI 全国の店舗、イベント、クチコミ情報などの地域・拠点情報を検索できます。 Yahoo!ジオコーダAPI 住所をキーワードとして検索し、その位置情報を提供します。 Yahoo!リバースジオコーダAPI 指定の地点の住所情報を取得する機能を提供します。 その他の便利ツール 気象情報API 指定した緯度経度の降水強度実測値と予測値を取得できます。 郵便番号検索API 郵便番号を指定して、位置
コンパイルするとJavaScriptに！ Rubyライクに記述できる「CoffeeScript」とは？
JavaScriptプログラマーの間で「CoffeeScript」を使う人が増えています。CoffeeScriptとは一体どんな言語なのか、そして実際の現場で使うにはどうしたらいいのか、この連載を通して解説していきます。Webブラウザ向けのフロントエンド開発にも、そしてサーバサイド開発にも使える内容となっています。 CoffeeScriptが登場する前 JavaScriptは広く普及している言語ですが、ソースコードは見苦しいものになりがちです。小さなプログラム程度なら構いませんが、大規模なプログラムを作るのはかなり骨が折れる作業です。冗長な記号や面倒な決まり文句などが積み重なると、読みづらくメンテナンスしづらいソースコードができてしまいます。 JavaScriptを使ってある程度の規模の開発を経験したプログラマーの多くはそのような不満を感じ、もう一度JavaScriptで大きな開発をしたい
HTML5時代が目前！ 本気で学ぶJavaScript
登場当時、動きのあるWebページを作る技術として注目されたJavaScriptは、その後“不遇”の時代を経て、Ajaxで再び脚光を浴びました。jQueryなどのライブラリの普及で、開発生産性やブラウザ互換性の問題がほぼ解決した現在、HTML5時代を目前にして、JavaScriptの重要度はさらに高まっています。この特集では、今、知っておきたいJavaScriptを一気に解説します。 目次 この記事の目次へ戻る
データの加工はアプリケーション頼み
NoSQLは、大量データを高速に入出力する機能に特化している。そのため、取り出したデータから必要なデータを検索したり、集計してグラフ表示に利用したりといった加工処理は、データベースクライアント上のアプリケーションとして開発する必要がある。 取り出してからデータを加工 当然、「RDBを使う場合より開発の工数は増える」（日本マイクロソフトの鈴木祐巳クラウド＆アプリケーションプラットフォーム製品部エグゼクティブプロダクトマネージャー）。こうした開発負担を軽減するため、データ操作の効率化を進めている。 NoSQLの効率化は二つの方向性がある。一つは、データの加工処理をクライアントからサーバーにオフロードする手法。もう一つは、汎用的な操作をまとめたプログラム部品の提供だ。その双方を実現したNoSQLの例が、インテックシステム研究所が開発した「EXAGE/Database」である。 EXAGE/Dat
サンプルで理解するHTML5におけるJavaScript
一般に「HTML5」と呼ばれている仕様は、HTML要素の仕様だけでなく、Webアプリケーション用APIの仕様も含んでいます。これらのAPIを使うことによってHTML5では、2D/3Dグラフィックスの描画やローカルパソコンへのデータの保存といったことが可能になります。 HTML5ではJavaScriptを使うことで、できることが従来より大幅に増えます。しかし、これは逆に言えば、HTML5の機能を活用するには、JavaScriptのスキルが不可欠だということです。 このパートでは、筆者がHTML5（＋JavaScript＋CSS3）で作成したお絵描きアプリケーション「My Animals Note！」をサンプルにして、HTML5におけるJavaScriptプログラミング、具体的にはcanvas要素を使ったグラフィックス描画や、Web Storage APIを使ったローカルパソコンへの画像データ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Google Chrome Deveoper Tools」はこう使う！ 基本機能チュートリアル & GDD 2011 セッション概要
YOLPオーバービュー ～「デブサミ2011」で語り残した論点～
JSLinux
Dojo道場 ～ 第6回「Dijitウィジェットを利用したアプリケーション作成の基礎」