2009/12/12 スマートフォン勉強会 関東#4にて

1. スマートフォンで使うWebアプリ2009年12月12日高見知英

2. 自己紹介

3. 持ってる端末Windows Mobile使い続けてもう5年Advanced/W-ZERO3[es]AndroidHT-03A(まじろん)

4. スマートフォンで使うWebアプリ

5. アプリ作りたい！開発環境を整えるのは面倒？Windows MobileVisualStudioは高いし…AndroidEclipseは無駄なメニュー多いし

6. Webアプリならどうかテキストエディタでも作れる？PC用にアプリを作らなくてよい複数の端末から気軽に使える

7. スマートフォンのブラウザPCのブラウザ画面が小さい入力機構が少ない通信速度(など)が遅い

8. アプリを作る上で気をつける要素

9. ユーザーインターフェース

10. 他のアプリから学ぶGoogleSpread SheetTwitter(アプリじゃないけど)cnet-japan

11. WindowsAndroidGoogleSpread Sheetの場合

12. GoogleSpread Sheetの場合「リスト表示」のみが使用可能利点どこでもデータの追加編集が可能欠点キーボードなし端末では入力困難

13. TwitterAndroidWindows

14. Twitter公式に提供された機能を使用可利点どこでもTwitter出来る！…？まあ、今更ねえ…欠点ボタンが小さい！タッチできない！

15. WindowsAndroidCNET Japanの場合

16. CNET Japanの場合ニュース記事を辿ることが出来る利点モバイル向けに最適化されていて表示が速い欠点不意に画面を切り替えると戻れない

17. ユーザーインターフェース端末に表示する情報を少なく使える機能を抑えるPCで仕込みスマートフォンで仕上げ入力は少なめに、ボタンは大きく戻る/進むをやりやすく

18. 開発手法

19. Google Web ToolkitGoogleが作ったWeb開発ツールJAVA->JavaScriptのコンパイル動的に変化するサイト作りがしやすいGoogleも使ってる…？

20. WindowsAndroidGWTで作ったWebアプリ

21. Demo

22. JAVAが使えるサーバGoogle App EngineGoogleのクラウドサービスJAVA/Pythonが使用可能GWTも使える

23. 携帯独自の注意点

24. ポイント

25. 状態遷移に気をつける再読込/戻る/進むタスク管理上の問題もex). HT-03Aのブラウザはアクティブ時に再読込を行う …とかいつ落ちるかわからないマルチタスク端末は注意

26. 回線/処理速度に気を使う回線速度とも、処理速度ともどうしてもPCよりは遅いなるべくシンプル・少ないデータでユーザーをいらいらさせない作り

27. まとめ

28. Webアプリを作るならモバイルも気にしようコンパクト版でも、同じものでもユーザビリティを気にする必要画像はなるべく軽く読めなくても支障がない作りに横幅が小さくても崩れないページ

29. おわりご静聴ありがとうございました