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>

<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="
overﬂow: -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; overﬂow: -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>

<h1>Activityの修正</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>Manifestの修正</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>PhoneGapBuild</h1>

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

Recommended

Recommended

More Related Content

What's hot

What's hot (16)

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

Similar to Web1.0のハイブリッドアプリ開発 (20)

Recently uploaded

Recently uploaded (14)

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