HTML5

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

HTML5

なぜ HTML5 なのか?

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

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

HTML5 について


いつ HTML5 を導入
すべきですか? (ビデオ)
クロスプラットフォーム・
ゲーム開発の未来 (ビデオ)
HTML5: 最大の課題 (ビデオ)

ツール


インテル® XDK のダウンロード
IoT に興味がありますか?
複数のアプリケーション・
ストア向けのビルド
さらに詳しく ›

トレーニング


ゲームアセット管理入門
Comic Director のツアーを見る: HTML5 の紹介
モバイル・アプリケーション向けのクロスプラットフォーム UI
ライブラリー入門

Hotwire* サンプル・
アプリケーションを通じて
Mashery API を学ぶ (http://software.intel.com/en-us/html5/articles/integrating-apis-with-xdk-hotwire-sample-app)		    
学ぶ ›

プロジェクト


Dr. Dobb’s の IoT プロジェクト
タッチ描画/HTML5 キャンバス (http://software.intel.com/en-us/html5/articles/touch-drawing-app-using-html5-canvas)
PhoneGap* メディアサンプル (https://software.intel.com/en-us/html5/articles/media-sample-with-phonegap)
すべてのプロジェクトを見る ›

インテル® XDK

インテル® XDK の販売は終息しました。

アプリケーションを簡単にそして迅速に市場へ投入する方法
インテル® 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 の例: https://software.intel.com/en-us/projects/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 を起動します。

トレーニング

概要ビデオ


HTML5 の紹介
App Designer 入門
インテル® XDK 機能概要

入門ビデオ


IoT Edition で簡単に開発 (https://software.intel.com/en-us/html5/iot-demo)
最初のアプリケーションを
作成する方法
HTML5 アプリケーションを
インポートする方法

アプリケーションの
魅力的な UI を迅速に作成
デバイス上でハイブリッド・
モバイル・アプリケーションを
テスト		  

記事

記事

その他の記事を見る ›

ブログ

その他のブログを見る › (https://software.intel.com/en-us/html5/latest-talk)

プロジェクトとショーケース

プロジェクト


Crosswalk WebGL のサポート (https://software.intel.com/en-us/html5/articles/crosswalk-application-runtime)
プライベート・メモ/アプリ
ケーション・セキュリティー API (https://software.intel.com/en-us/html5/articles/my_private_notes_sample)
Mashery Beats Music

拡張現実ロケーション検索の増大 (https://software.intel.com/en-us/html5/articles/augmented-reality-mobile-app-with-html5)
ハノイの塔
ヨガ体位サンプル (https://software.intel.com/en-us/html5/articles/using-the-intel-app-starter-to-create-a-mobile-application)

HTML5 キャンバスを使用した
タッチ描画 (https://software.intel.com/en-us/html5/articles/touch-drawing-app-using-html5-canvas)
PhoneGap* メディアサンプル (https://software.intel.com/en-us/html5/articles/media-sample-with-phonegap)
jQuery モバイルリスト表示 (https://software.intel.com/en-us/html5/articles/jquery-mobile-listview)

jQuery モバイル・スプリング
ボード・ナビゲーション (https://software.intel.com/en-us/html5/articles/jquery-mobile-springboard-navigation)
jQuery モバイル・タブ・
ナビゲーション (https://software.intel.com/en-us/html5/articles/jquery-mobile-tab-navigation)
RPN 計算機 (https://software.intel.com/en-us/html5/articles/rpn-calculator)

洪水パズルゲーム (https://software.intel.com/en-us/html5/articles/flood-puzzle-game)
応答ボタン (https://software.intel.com/en-us/html5/articles/intel-xdk-responsive-button-sample)
Hello world (https://software.intel.com/en-us/html5/articles/intel-xdk-hello-world-sample)

アプリケーション・
フレームワークのサンプル
(https://software.intel.com/en-us/html5/articles/intel-xdk-app-framework-sample)
インテル® XDK 基本ハイブリッド・アプリケーション (https://software.intel.com/en-us/html5/articles/intel-xdk-basic-hybrid-app-sample)
インテル® XDK ローリング・
カン (https://software.intel.com/en-us/html5/articles/intel-xdk-rolling-can-sample)

ビーズを数えるゲーム (https://software.intel.com/en-us/html5/articles/porting-counting-beads-web-app-to-phonegap-app)
インテル® XDK 位置情報サンプル (https://software.intel.com/en-us/html5/articles/intel-xdk-geolocation-sample)
Mashery Hotwire サンプル (https://software.intel.com/en-us/html5/articles/integrating-apis-with-xdk-hotwire-sample-app)

Mashery Rotten Tomatoes (https://software.intel.com/en-us/html5/articles/integrating-apis-with-xdk-rottentomatoes-sample-app)
Mashery 世界の天気オンライン
ウェブ動画再生 (https://software.intel.com/en-us/html5/articles/developing-with-web-video-elements-using-intel-xdk)

書体サンプル (https://software.intel.com/en-us/articles/intel-xdk-typefaces-sample)
加速計サンプル (https://software.intel.com/en-us/articles/intel-xdk-simple-accelerometer-sample)
オリエンテーション

CSS アニメーション
簡単なカメラサンプル (https://software.intel.com/en-us/articles/intel-xdk-simple-camera-sample)		  

その他のプロジェクト

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

アーカイブ

Shortcodes Ultimate

最適化されたディープ・アテンション・マッチング・モデル最適化されたディープ・アテンション・マッチング・モデル
2019 年人気記事ランキング2019 年人気記事ランキング

Facebook

iSUS