Más contenido relacionado
La actualidad más candente (20)
Similar a HTML5/JavaScriptで作るAndroidアプリ開発seminar (20)
Más de kujirahand kujira (6)
HTML5/JavaScriptで作るAndroidアプリ開発seminar
- 20. Java + Eclipse -> 標準開発環境 Androidの標準開発スタイル JavaとAndroid SDKを利用して開発 Javaを使うので、当然、Javaの知識が必要となる 開発環境はすべて無料
- 21. Adobe Flash/Flexを使った開発 Adobe Flash や Flash Builderといったツールを利用して開発する Android 2.2以降に対応 初回起動の際、AIRランタイムのインストールを求められる Flashを使ってAndroidアプリが作れるのが魅力、既存のFlashコンテンツも少しの修正で動く。 開発環境は有償
- 30. HTML5 / JavaScript でハイブリッド開発 ここでは、HTML5/JavaScriptを、Androidのアプリに変換することができるツール「jsWaffle」を紹介 http://d.aoikujira.com/jsWaffle/
- 32. jsWaffleで使える機能 ストレージ機能 SDカードや端末内部のメモリへのアクセス データベース機能 Androidに搭載されているSQLiteデータベース マルチメディア機能 カメラ/ビデオ/音声の、撮影や再生 各種センサーの機能 傾きセンサー、GPS、画面タッチ ネットワーク機能 ファイルやデータのダウンロードや、Web APIへアクセス 画面描画の機能 HTML5/CSS3の描画機能を利用可能 他のアプリとの連携機能 Androidの機能で、メールソフトやバーコードスキャナーアプリと連携
- 41. 準備する開発ツール HTML5/JS for Android 開発に必要なツール Aptana Studio2 (or Eclipse) http://www.aptana.com/products/studio2 Android SDK Tools (+ ADTプラグイン) http://developer.android.com/sdk/index.html jsWaffle for Android http://d.aoikujira.com/jsWaffle/ いずれも、Windows/Mac OS X/Linux で動作無料(オープンソース)
- 42. インストールの手順 1.Android SDK Tools をインストール セットアップを実行すると最新のSDKがインストールされる 2.Aptana をインストール AptanaにADTプラグインを導入 Android SDKのパスを設定 3.jsWaffleをインストール 3つのツールをインストールすることになるので若干面倒に感じるものの、手順自体は単純。 より詳しい手順は、右のURLを参照。 http://goo.gl/whSEH
- 59. (5) Android固有の機能を追加 HTMLのヘッダに以下のJavaScriptを追加 端末を振ったらサウンドを再生するJSコード <script type="text/javascript" src="jsWaffle.js"></script> var player; droid.watchShake(function(){ if (player == null) { player = droid.playSound( "file:///android_asset/www/res/beet.ogg", true); } });
- 62. 機能の記述例2 サウンドファイルを再生するコード ボタンクリックでサウンド再生する場合 droid.playSound(“file:///android_asset/www/ファイル名”, 繰り返し指定); <button onclick=“play()”>再生</button> <script> function play() { droid.playSound(“file:///android_asset/www/test.mp3”,false); } </script>
- 63. (6) Android固有の機能を追加2 Android Menu にサウンドの再生を登録する droid.setMenuItem(0, true, "BGM", "ic_menu_play_clip", function(){ if (player == null) { player = droid.playSound( "file:///android_asset/www/res/beet.ogg", true); } else { player.stop(); player = nulll; } });
- 66. jsWaffleについての資料 (1) jsWaffleのマニュアル jsWaffleのWebサイトのAPIリファレンス (2) 生成したAndroidプロジェクトに、「/assets/www/jsWaffle.sdoc」というファイル (3) 書籍「HTML5/JavaScriptで作るAndroidアプリ開発ガイドブック」毎日コミュニケーション刊