This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions..

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions..

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions..

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions..

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions..

Pages

ラベル HTML5 の投稿を表示しています。 すべての投稿を表示
ラベル HTML5 の投稿を表示しています。 すべての投稿を表示

2010年4月13日火曜日

iPhoneとかいうもの

最近、iPhone向けのサイト構築を勉強している。


基本的にはPCのブラウザで動作するものがだいたい動くのだが、何点か注意を行う必要がある。

  • Flashが使えない
  • Javaも使えない
  • HTML5は微妙に使えたりする
  • CSS3とかも何となく使えたりする
  • JavaScript(もちろんAjaxライブラリとか)はもちろん使える
  • Cookieは利用できる。但し勝手に消えるらしい。
    (参照サイト:http://suin.asia/2009/09/13/iphone_local_strage_for_email_password_remainder
    上記によるとjavascriptで使えるSQLite(ドメイン別に5MB)が用意されているらしいので、それを使うといいらしい。
  • リンクの押しやすさを考慮してあげる必要がある
  • viewportなんかで表示領域を制限してあげるといい感じ。
  • :hoverは使えない。
  • UserAgentにiPhoneって入っているので切り分けはしやすい。
  • 3GとWifiがいるので、IP制限は基本不可
  • デコード後の GIF、PNG、TIFFといった画像は、2Mbytesまで
  • デコード後のJPEG画像は、32Mbytesまで
  • アニメーションGIFは、2Mbytesまで
  • HTML、CSS、JavaScriptといった各リソースファイルは、10Mbytesまで
  • JavaScriptの実行時間は、5秒まで
  • JavaScriptのアロケーションは、10Mbytesまで
  • 同時に開けるドキュメントは、8つまで
などなど。

うーん、しかし使ってるうちにだんだんiPhone欲しくなってきた。


注目アプリ


天野喜孝時計アプリ
http://www.media-plan.co.jp/iphone/artclock/


●萌えてわかる「世界の国」事典
http://itunes.apple.com/jp/app/id353118447?mt=8&ign-mpt=uo%3D6

●パチスロ大花火
http://itunes.apple.com/jp/app/id364543995?mt=8&ign-mpt=uo%3D6

2010年4月9日金曜日

JavaScriptでPHP

忘れないうちにメモ。

JavaScriptでPHPの便利な関数が利用できる。
http://phpjs.org/
利用できる関数はこっち
http://phpjs.org/functions/index

ソースはこんな感じ。


<html>
<head>
<script type="text/javascript" src="php.default.min.js"></script>
</head>
<body>
<script type="text/javascript">
<!--
  tt = md5('aaa');
  echo(tt);
//-->
</script>
</body>
</html>


ただ、IE8では動作せず。Firefox、Chrome、Safari、iPhone、Androidでは動作確認。
まだ、検証の余地ありか。
HTML5時代には結構いいかも。