HTML5対応チャートコンポーネントを利用したデータ視覚化入門 その1 - チャートを表示させよう
データを分かりやすく視覚化するポピュラーな手段として、最も利用される方法の一つにチャートがあります。膨大な数字の羅列では相関関係が分かりにくい場合でも、領域やバーの高さで素早く判断を行うことが可能で、報告や説明といった業務では特に多く利用されています。今回は、HTML5対応コンポーネントスイートであるIgnite UIに含まれているigDataChartを利用し表示する方法を紹介します。 対象読者 jQueryや最新のWeb技術に興味のある人。データ視覚化に興味のある人。 必要環境 「jQueryで地震分布図を作成しよう」においても言及されているように、開発環境やプラットフォームには依存しません。コード編集用のエディタと動作確認用のブラウザのみを用意してください。ただし、今回利用するigDataChartコントロールは下記の機能を利用しています。対応していないブラウザでは正しく動作しません
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などです。複数のスマートフォンに対応するアプリケーションを開発する場合、デベロッパは複数の言語をもちいてそれぞれの開発環境
【Adobe MAX 2011】UI開発のスペシャリストが語るFlex/Flashの優位性
1. エンタープライズアプリケーション まず最初に挙げられたのがエンタープライズ分野だ。エンタープライズ・アプリケーションの開発に使う言語やツールには次のような要素が求められる。 クライアントとサーバの連携 オブジェクト指向 優れた開発ツールセット 言語としての成熟度 自動コード生成機能 ベストプラクティス JavaやFlexがこの要件をすべて満たしているのに対し、HTML5は現時点ではまだ発展途上であり、エンタープライズシステムで採用できるほど成熟しきってはいない。Flexが特に優れているのは言うまでもなくUIを中心とするアプリケーションのフロントエンドの開発能力である。今後も当面の間は、バックエンドをJava、フロントエンドをFlexで開発するというスタイルが主流であり続けるだろうとOwen氏は指摘している。 2. マルチスクリーン開発 ここ数年でスマートフォンやタブレットは爆発的な普
HTML5時代が目前！ 本気で学ぶJavaScript
登場当時、動きのあるWebページを作る技術として注目されたJavaScriptは、その後“不遇”の時代を経て、Ajaxで再び脚光を浴びました。jQueryなどのライブラリの普及で、開発生産性やブラウザ互換性の問題がほぼ解決した現在、HTML5時代を目前にして、JavaScriptの重要度はさらに高まっています。この特集では、今、知っておきたいJavaScriptを一気に解説します。 目次
サンプルで理解する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を使ったローカルパソコンへの画像データ
HTML5で再定義された要素と属性 ここが違う！サンプルで見るHTML5（3）
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 要素はスタイルを表さない HTML5は、新たに追加された要素に注目されがちですが、旧来から使われてきた要素についても再定義しています。 HTML4やXHTML1.0で規定された要素には、スタイリングを指示する要素がありました。HTML5では、スタイリングはCSSに任せ、要素はセマンティクスのみを表すことに重点が置かれています。そのため、HTML5のすべての要素から、スタイリングを指示する意味合いが完全に排除されています。 実際に、スタイリングを指示するだけの要素は、HTML5で
Webの弱点を解消
HTML5にはどんな機能があるのか。いつごろ仕様が決まるのか。そもそもHTML5の実体は何なのか。HTML5開発者コミュニティーの管理人である白石俊平氏に、HTML5の基本を2回に分けて解説してもらう。まずは、HTML5の主要機能を総括する。 HTML5とは、その名の通り「HTML」（ハイパーテキスト・マークアップ・ランゲージ）という技術の最新バージョンだ。HTMLはWebページを作成する際に用いられる仕様であり、「タグ」と呼ばれる特別な記号を文書内に埋め込むことで、文書構造を定義する。 HTMLはW3C（ワールドワイド・ウェブ・コンソーシアム）という標準化団体が仕様の標準化や管理を担っている。 プログラミング言語と統合
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
米Adobe、モバイル版「Flash Player」の開発を中止、今後はHTML5に注力 
Flashはこれからも続くのか、あるいはHTML5か? それとも……? PC向けブラウザゲームの未来を技術的な側面から大予想する！