Web1.0のハイブリッドアプリ開発

<html><head><title>Web1.0のハイブリッドアプリ開発</title><meta name="author" content="Kenta TSUJI" /></head>s<body>

<nav><ul><li>HTML5勉強会でありがちなこと</li><li>HTML5でできなくなること</li><li>HTML5でAndroid開発</li></ul></nav>

<section><h1>HTML5勉強会でありがちなこと</h1>

<h1>新しい要素や属性の追加の紹介</h1>



<h1>動画や音声等の操作の紹介</h1>



<h1>新しく追加されたAPIの紹介</h1>



</section>

<section><h1>HTML5でできなくなること</h1>

<body background="image/wall.gif"><bgsound src="sound.wav"><center><font color="#FF0000"><marquee direction="right" scrollamount="35"><big><big><big>Sorry!This Homepage is Japanese only!!</big></big></big></marquee></font><font color="#FFAA00">このホームページは無断転載厳禁です!!</font><big><big><big>1997/10/08から34人のお客様が訪問しました!!</big></big></big><blink>キリ番を踏んだ人は必ず掲示板に報告してください</blink><u>踏み逃げ厳禁</u></center></body>







<body background="image/wall.gif"><body style="background-image:url(image/wall.gif);">



<bgsound src="sound.wav"><audio src="sound.wav" autoplay>



<center><div style="text-align: center;">



<font color="#FF0000"><div style="color: red;">



<big><div style="font-size: xx-large;">



<marquee direction="right" scrollamount="35"><div style="overflow: -webkit-marquee;-webkit-marquee-direction: forwards;-webkit-marquee-speed: fast;">



<blink><div style="text-decoration: blink;">



<u><div style="text-decoration: underline;">



<body style="background-image:url(image/wall.gif);"><audio src="sound.wav" autoplay></audio><div style="text-align:center; margin-left: auto; margin-right: auto;"><div style="color: red; font-size: xx-large; overflow: -webkit-marquee;"><nobr>Sorry!This Homepage is Japanese only!!</nobr></div><div style="color: orange;">このホームページは無断転載厳禁です!!</div><div style="font-size: xx-large;">1997/10/08から34人のお客様が訪問しました!!</div><div style="text-decoration: blink;">キリ番を踏んだ人は必ず掲示板に報告してください</div><div style="text-decoration: underline;">踏み逃げ厳禁</div></div></body>


<section><h1>HTML5でAndroid開発</h1>

<h1>ネイティブ？ウェブ？</h1>

<h2>ネイティブアプリの良い所</h2>各種センサー等、フル機能で最大パフォーマンスアプリストアを通じて集客課金システムの利用

<h2>ネイティブアプリの弱い所</h2>開発コストが大きい各プラットフォーム毎に開発が必要

<h1>ネイティブ？ウェブ？</h1>

<h2>ウェブアプリの良い所</h2>多くのプラットフォームに対応しやすいアップデートが簡単HTML/CSS/JSなど、Webの知識が使える

<h2>ウェブアプリの弱い所</h2>各種センサー等、スマホ固有の機能が使えないアプリストアを通じた集客ができない

<h1>ハイブリッドアプリ</h1>



package com.example.phonegap;

import android.app.Activity;import android.os.Bundle; public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); }}

package com.example.phonegap; import android.app.Activity;import android.os.Bundle;import com.phonegap.*;

public class MainActivity extends DroidGap { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); super.loadUrl("http://example.com/index.html"); }}

<h1>Activityの修正</h1>

<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.html5" android:versionCode="1" android:versionName="1.0" ><supports-screens android:largeScreens="true" android:normalScreens="true" android:smallScreens="true" android:resizeable="true" android:anyDensity="true"/><uses-permission android:name="android.permission.INTERNET" /><uses-sdk android:minSdkVersion="1" android:targetSdkVersion="15" /><application android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden" android:theme="@style/AppTheme" > <activity android:name=".MainActivity" android:label="@string/title_activity_main" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </activity></application></manifest>

<h1>Manifestの修正</h1>

http://schemas.android.com/apk/res/android

http://schemas.android.com/apk/res/android

<h1>PhoneGapBuild</h1>



<h1>まとめ</h1>




</body> </html>

Technology

Web1.0のハイブリッドアプリ開発