HTML5

このページは、インテル® デベロッパー・ゾーンに公開されている「HTML5」ホームページの参考訳です。

なぜ HTML5 なのか?

HTML5 はアプリケーション開発の今後のトレンドであり、経験豊富な開発者がこのクロスプラットフォームのアプローチへ移行することを支援し、すべてのモダン・コンピューティング・プラットフォーム上でアプリケーションやゲームを展開できるよう、新たな開発者がこの魅力あるアプローチに早急に取り組めるよう支援することが重要であるとインテルは考えています。


インテル® XDK – 学ぶ、作成する、公開する

インテル® XDK は、クロスプラットフォーム向けのフロント・ツー・バック HTML5 アプリケーション開発環境です。ダウンロード


HTML5 について


いつ HTML5 を導入
すべきですか?
(ビデオ)

クロスプラットフォーム・
ゲーム開発の未来
(ビデオ)

HTML5: 最大の課題 (ビデオ)

ツール


インテル® XDK のダウンロード

IoT に興味がありますか?

複数のアプリケーション・
ストア向けのビルド
さらに詳しく ›

トレーニング


ゲームアセット管理入門

Comic Director のツアーを見る: HTML5 の紹介

モバイル・アプリケーション向けのクロスプラットフォーム UI
ライブラリー入門

Hotwire* サンプル・
アプリケーションを通じて
Mashery API を学ぶ
   
学ぶ ›

プロジェクト


Dr. Dobb’s の IoT プロジェクト

タッチ描画/HTML5 キャンバス

PhoneGap* メディアサンプル
すべてのプロジェクトを見る ›

アプリケーションを簡単にそして迅速に市場へ投入する方法
インテル® XDK HTML5 クロス・プラットフォーム間発ツールは、複数のアプリケーション・ストアとフォームファクター・デバイス向けの HTML5 ウェブとハイブリッド・アプリケーションの設計、デバッグ、ビルド、そして展開を容易にするための簡略化されたワークフローを提供します。

インテル® XDK を体験してください – アプリケーションを簡単にそして迅速に市場へ投入する方法。

使いやすいツール
設計からアプリケーション・ストアまでの合理化されたワークフロー

効率良く開発
統合された設計、テスト、そしてビルドツール

無料の Apache* Cordova* (PhoneGap*) ビルドサービス
より多くのアプリケーション・ストアとフォームファクターに向けて

インテル® XDK IoT Edition とは?
こちらをご覧ください ›

インテル® XDK を今すぐ入手してください。
Microsoft* Windows*
Apple* OS X*
Linux* (32 ビット)
Linux* (64 ビット)


インテル® XDK は、Windows* 7 と 8、Apple* OS X*、そして Ubuntu* Linux* 向けに無料ダウンロードが用意されています。

最初のリリースの HTML5 ゲームツールとサービスが利用できます!

ゲーム開発者向けのインテル® XDK の機能は、すべてのプラットフォームとアプリケーション・ストア用のビルドとパッケージングを可能にし、ゲームアセット管理、ゲーム関連の Cordova* プラグイン、そして各種ゲームエンジン向けの API、エディターでの自動補完ヒントが提供されます。サポートされるゲームエンジンには、Construct2*、Cocos2D*、Phaser*、Pixi*、そして Easel.JS* があります。さらに詳しく ›


統合された HTML5 ワークフロー

開発者のアイディアからアプリケーション・ストアへ

モバイル向けの次世代 HTML5 アプリケーションの開発を始めましょう

多くのアプリケーション・ストアとウェブ・プラットフォーム向けのクロスプラットフォーム・アプリケーションを簡単にビルド

  • ウェブ技術である HTML、CSS、JavaScript*、そして Node-Webkit バックエンド上に構築
  • Windows*、OS X* もしくは Ubuntu* Linux* 上のホスト

ジャンプスタート開発

  • ハイブリッドとウェブ・アプリケーションの両方のための多くのサンプルやテンプレートを利用
  • すぐにプロトタイプを作成、もしくは既存のアプリケーションの UI を改善するため App Designer UI Builder を利用
  • スクラッチから始め、オープンソース BRACKETS* Editor で修正

マルチ UI フレームワークと API

  • jQuery* Mobile、App Framework*、Twitter Bootstrap*、そして Topcoat* – 応答性の良い UI を作成するために必要なすべて
  • ハイブリッド・アプリケーション向けの Apache Cordva (PhoneGap*) デバイス API と多くのサードパーティー・プラグインをサポート

コンテンツが豊かで、インタラクティブなアプリケーションのためのウェブサービスとプラグイン

  • 多くのプロバイダーが提供するデーターフィード、バックエンドのデータストア、認証などのウェブサービスを簡単に追加
  • 広告とアプリケーション内からの購入、そして Google*、appMobi* からの他の収益化のためのサービスを追加
  • Dolby* Audio API により没入型サラウンドサウンドのモバイル・アプリケーション体験を提供
  • App Security API により、ハイブリッド・アプリケーションのデータとストレージを保護

開発が容易になります

任意のデバイスに対応
コード開発を加速
App Designer と直感的な UI 設計
  • ドラッグ & ドロップ UI Builder
  • 繰り返し可能: App Designer とエディターで変更

ビルトイン UI エレメントの JS 編集

  • UI エレメントのカスタム JS コード編集が可能
  • 一般的な UI フレームワークで始めます: アプリケーション・フレームワーク、JQuery* Mobil、Twitter* Bootstrap、Topcoat*
Brackets* Editor
  • 効率良いコーディング – コードヒント付きの HTML5 プロジェクト・ファイルを切り替え
  • 自動補完 – 正確な構文を知らなくても素早くコーディング

… もしくは、お気に入りのエディターを利用

拡張デバイス API をサポート
ハイブリッド機能を拡張
Star Nomad Elite の例  さらに詳しく ›
Cordova* 3.X – より多くのデバイス機能
  • Android*、iOS*、Windows* 8、Windows Phone* 8
  • Cordova* プラグインをサポート
  • Cordova* デバイス API 向けのエミュレーションをサポート
  • 無料の PhoneGap* ビルドサービス
Android* 向けの Crosswalk* ランタイム
  • ウェブのランタイム・パフォーマンス – ウェブ開発者は、WebGL* と WebAudio* によってネイティブに近いパフォーマンスのアプリケーションを作成できます
  • オープンソース基盤を基に構築 – 多くのアプリケーションにおいて、優れたパフォーマンス、柔軟性、そして展開の容易性を可能にします
  • 標準化 – HTML5、CSS3、そして JavaScript を使用して、ネイティブ・プラットフォームとフルスクリーン機能を提供

不可欠なデバッグツール

アプリケーションをストアにすばやく公開

インテル® XDK は、テストとデバッグ時間を短縮し、
アプリケーションをすばやく市場に投入することを支援します。

テスト

  • アプリケーションを修正しながら別のブラウザーでプレビュー、もしくはデバイス上でライブプレビュー
  • iOS*、Android*、Windows* 8、そして Windows Phone* 8 が動作するデバイス上で完全なテストを行うため、App Preview アプリケーションを使用します。

エミュレーター

  • 展開する前に異なる携帯電話とタブレット・スキン上でアプリケーションをシミュレート
  • デバイス・エミュレーター内でアプリケーションをデバッグするため素早くデバッガーに切り替え

Android* 向けの JS リモートデバッガーとプロファイラー

  • Android* 向けの JS リモートデバッガーを使用してアプリケーションをリモートで効率良くデバッグ
  • アプリケーションから最高のパフォーマンスを引き出すため、メモリー、フレーム、そしてイベントのプロファイルを表示

より高いアプリケーションの信頼性

アプリケーションのパフォーマンスをチューニング
効率良く作業 / スケジュールを維持
Android 向けの JS リモート・プロファイラー
  • 素早くアプリケーションのパフォーマンス・ボトルネックを正確に検出
  • ラウンドトリップ機能で、アプリケーション内で修正

Xlint プラットフォーム互換 CSS チェッカー

  • Xlint* は、Bracket* HTML5 エディター拡張
  • クロスプラットフォームの CSS3 互換性の問題をレポート
  • アニメーション、色レベル、シェーディングに関する W3C 仕様をテスト
App Preview によりデバイス上でテスト
  • アプリケーション・ストアへの提出プロセスを経由せずに、ハイブリッド・アプリケーションのデバイス上でのテストを可能にします

ライブ開発のサイド・バイ・サイドのテスト

  • インテル® XDK のボタンをクリックするだけで、USB 接続されたテスト用デバイス上でローカル・プロジェクト・ファイルを実行できます
  • 迅速な開発サイクルのため、編集内容をセーブすると自動的にファイルをプッシュ
  • CCS と HTML に加えたスタイルとレイアウトの変更をすぐに確認できるライブレイアウト表示

Android* と iOS* デバイス上のアプリケーションを Wi-Fi や USB 経由で作成および修正中のオンデバイス・シミュレーション


簡単にビルドし、素早く展開

すべてのプラットフォーム向けのアプリケーションを、迅速にかつ簡単にビルドすることは困難でした。

多くのアプリケーション・ストアとウェブ・プラットフォーム向けにクロスプラットフォーム。アプリケーションを簡単にビルド

  • ターゲットストアを選択してビルド! アプリケーションの展開の準備はできています
  • Apple* App ストア、Google* Play、Windows* 8 および Windows Phone* 8 ストア向けのハイブリッドもしくはウェブ・アプリケーション。Amazon*、Tizen*、Facebook*、Chrome* ストアも同様
  • Android* デバイス向けには、ハイパフォーマンス WebGL* と WebAudio* サポートを使用してメディアやゲーム・アプリケーションを改善するため、オープンソースのウェブランタイムである Crosswalk* でビルド

あらゆるニーズとデバイス向けのアプリケーションを作成

簡単にビルド
すばやく展開
ハイブリッドとウェブ・アプリケーションをビルド
  • ハイブリッドもしくはウェブ・アプリケーションを一度記述し、多くのアプリケーション・ストアへ展開
さらに多くのアプリケーション・ストアへ
  • Apple* App ストア
  • Google* Play
  • Nook* ストア
  • Amazon ストア
  • Windows* ストア
  • Tizen ストア
  • Facebook
  • Chrome

チュートリアル - インテル® XDK 入門ガイド

インテル® XDK のドキュメント

製品カタログ


サポートフォーラム (https://forums.html5dev-software.intel.com/viewforum.php?f=34)


インテル® XDK のインストール方法

Microsoft* Windows*、Apple* OS および Linux*/他の OS 向けのインテル® XDK のインストール手順


Microsoft* Windows*:

  1. EXE ファイルを開く
    ダウンロード後、インテル® XDK のインストール・ファイルを開きます。
  2. 初めてのユーザー?
    インストール中の一連の画面に続いて起動画面が表示されます。インストールが完了するまで「next(次へ)」をクリックします。
  3. インテル® XDK を実行
    インストールが完了したら、スタートメニューから [Intel XDK] を起動します。

Apple* OS X*:

  1. DMG ファイルを開く
    ダウンロード後、インテル® XDK の DMG ファイルを開き、XDK.PKG インストール・ファイルを実行します。
  2. 初めてのユーザー?
    インストール中の一連の画面に続いて起動画面が表示されます。インストールが完了するまで「next(次へ)」をクリックします。
  3. インテル® XDK を実行
    インストールが完了したら、アプリケーション・フォルダーから [Intel XDK] を起動します。

Linux*/他の OS:

  1. TGZ ファイルを開く
    ダウンロード後、インストール・ファイルを解凍します。解凍後のフォルダーから install.sh を実行します。
  2. 初めてのユーザー?
    インストール中の一連の画面に続いて起動画面が表示されます。インストールが完了するまで「next(次へ)」をクリックします。
  3. インテル® XDK を実行
    インストールが完了したら、インストール先から [xdk.sh] を実行してインテル® XDK を起動します。


記事

その他の記事を見る ›


ブログ

その他のブログを見る ›

プロジェクト


Crosswalk WebGL のサポート (https://software.intel.com/en-us/html5/articles/crosswalk-application-runtime)

プライベート・メモ/アプリ
ケーション・セキュリティー API

Mashery Beats Music

拡張現実ロケーション検索の増大

ハノイの塔

ヨガ体位サンプル

HTML5 キャンバスを使用した
タッチ描画

PhoneGap* メディアサンプル

jQuery モバイルリスト表示

jQuery モバイル・スプリング
ボード・ナビゲーション

jQuery モバイル・タブ・
ナビゲーション

RPN 計算機

洪水パズルゲーム

応答ボタン

Hello world

アプリケーション・
フレームワークのサンプル
(https://software.intel.com/en-us/html5/articles/intel-xdk-app-framework-sample)

インテル® XDK 基本ハイブリッド・アプリケーション

インテル® XDK ローリング・
カン

ビーズを数えるゲーム

インテル® XDK 位置情報サンプル

Mashery Hotwire サンプル

Mashery Rotten Tomatoes

Mashery 世界の天気オンライン

ウェブ動画再生

書体サンプル (https://software.intel.com/en-us/articles/intel-xdk-typefaces-sample)

加速計サンプル

オリエンテーション

CSS アニメーション

簡単なカメラサンプル
 

その他のプロジェクト


その他の XDK アプリケーションを探す ›