Webアプリ開発日記 -9ページ目

Webアプリ開発日記

e-veryStudyシステム(Java)をiPhoneに搭載されているSafari[WebKit]に対応する為の、ソフト開発日記。

1 WebKit活用術]Webクリップの登録



iPhoneのホーム画面に自分の作ったWebクリップを表示しましょう。

これでWebアプリの起動が簡単!


【手順】

Webアプリで作ったTOP画面をアップロードしたところは省略。)


Webクリップを作ってみよう。横57×縦57サイズでpngファイルを作成して下さい。


index.htmlファイルを置いてる同階層(ルート)にpngファイルを配置します。


index.htmlファイル内の<head>に以下の行を追加します。


 <head>

 ・・・

 <link rel="apple-touch-icon" href="./apple-touch-icon.png"/>

 ・・・

 </head>


【実行】 


 さて、追加したindex.htmlをサーバにアップロードして、いざアクセス。



Webアプリ開発日記

あれ、画面のイメージ?何で作成したアイコンが出ないんだ?


よーくコードを調べてみると、つまらないミスでピリオドが抜けてた…
Webアプリ開発日記


もう一回チャレンジ!


Webアプリ開発日記

やったー完成!


Webアプリ開発日記




はじめましてひらめき電球

iPhoneに続きAndroid(アンドロイド)を搭載したスマートフォンがいよいよdocomoから発売されます。
レンダリングエンジンとしてはiPhone同様、Webkitを採用しているのです。
これらスマートフォンのシェア拡大が予想されることから、Javaで作られたWebシステムをWebkitの最適化を試みています。
今回、この開発記録を掲載する事とします。

よかったらご覧下さい!!