Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
スマートフォンで使うWebアプリ
Search
高見知英
PRO
December 12, 2009
Technology
0
46
スマートフォンで使うWebアプリ
2009-12-12 スマートフォン勉強会 関東 No. 4で発表した資料です
高見知英
PRO
December 12, 2009
Tweet
Share
More Decks by 高見知英
See All by 高見知英
ポッドキャストをはじめよう ポッドキャストのやりかたと続けるコツ
takamichie
PRO
0
48
高見知英とAndroid
takamichie
PRO
0
29
大人になってからのゲームデビューのハナシ
takamichie
PRO
0
43
最近のゲーム実況のハナシ
takamichie
PRO
0
51
健常者から見たAndroidのアクセシビリティ機能
takamichie
PRO
0
460
山手縁乃庭のいまとこれから考えていること
takamichie
PRO
0
110
子どもとゲームとそのほかいろいろのハナシ
takamichie
PRO
0
100
高見知英のヒストリー
takamichie
PRO
0
78
SRPGがやりたい!
takamichie
PRO
0
210
Other Decks in Technology
See All in Technology
「現場で活躍するAIエージェント」を実現するチームと開発プロセス
tkikuchi1002
3
350
Introduction to Bill One Development Engineer
sansan33
PRO
0
260
今だから言えるセキュリティLT_Wordpress5.7.2未満を一斉アップデートせよ
cuebic9bic
2
170
[SRE NEXT 2025] すみずみまで暖かく照らすあなたの太陽でありたい
carnappopper
2
470
公開初日に Gemini CLI を試した話や FFmpeg と組み合わせてみた話など / Gemini CLI 初学者勉強会(#AI道場)
you
PRO
0
1.3k
SREのためのeBPF活用ステップアップガイド
egmc
2
1.3k
An introduction to Claude Code SDK
choplin
2
1.1k
三視点LLMによる複数観点レビュー
mhlyc
0
230
対話型音声AIアプリケーションの信頼性向上の取り組み
ivry_presentationmaterials
3
1.1k
ソフトウェアQAがハードウェアの人になったの
mineo_matsuya
3
200
[SRE NEXT] ARR150億円_エンジニア140名_27チーム_17プロダクトから始めるSLO.pdf
satos
5
3k
Delegating the chores of authenticating users to Keycloak
ahus1
0
190
Featured
See All Featured
Making Projects Easy
brettharned
116
6.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
GraphQLとの向き合い方2022年版
quramy
49
14k
How STYLIGHT went responsive
nonsquared
100
5.6k
The Invisible Side of Design
smashingmag
301
51k
Gamification - CAS2011
davidbonilla
81
5.4k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Being A Developer After 40
akosma
90
590k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
282
13k
Unsuck your backbone
ammeep
671
58k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Transcript
2009年12月12日 高見知英
自 己 紹 介 • JavaScript • UWSC(の内蔵スクリプ ト) •
JAVAなど • 磯子クリエイティブチー ム • 横浜のコミュニティを盛 り上げる会 • Program Workshop for Juniorsスタッフ
持ってる端末 ◼ Windows Mobile ◼ 使い続けてもう5年 ◼ Advanced/W-ZERO3[es] ◼ Android
◼ HT-03A(まじろん)
None
アプリ作りたい! ◼ 開発環境を整えるのは面倒? ◼ Windows Mobile ◼ VisualStudioは高いし… ◼ Android
◼ Eclipseは無駄なメニュー多いし
Webアプリならどうか ◼ テキストエディタでも作れる? ◼ PC用にアプリを作らなくてよい ◼ 複数の端末から気軽に使える
スマートフォンのブラウザ PCのブラウザ ◼ 画面が小さい ◼ 入力機構が少ない ◼ 通信速度(など)が遅い
アプリを作る上で 気をつける要素 ユーザーイン ターフェース 開発手法 携帯独自の注 意点
ユーザーインターフェース
他のアプリから学ぶ ◼ Google Spread Sheet ◼ Twitter ◼ (アプリじゃないけど)cnet-japan
Windows Android Google Spread Sheet の場合
Google Spread Sheet の場合 ◼ 「リスト表示」のみが使用可能 ◼ 利点 ◼ どこでもデータの追加編集が可能
◼ 欠点 ◼ キーボードなし端末では入力困難
Twitter Windows Android
Twitter ◼ 公式に提供された機能を使用可 ◼ 利点 ◼ どこでもTwitter出来る!…? ◼ まあ、今更ねえ… ◼
欠点 ◼ ボタンが小さい!タッチできない!
Windows Android CNET Japanの場合
CNET Japanの場合 ◼ ニュース記事を辿ることが出来る ◼ 利点 ◼ モバイル向けに最適化されていて 表示が速い ◼
欠点 ◼ 不意に画面を切り替えると戻れない
ユーザーインターフェース ◼ 端末に表示する情報を少なく ◼ 使える機能を抑える ◼ PCで仕込みスマートフォンで仕上げ ◼ 入力は少なめに、ボタンは大きく ◼
戻る/進むをやりやすく
開発手法
Google Web Toolkit ◼ Googleが作ったWeb開発ツール ◼ JAVA→JavaScriptのコンパイル ◼ 動的に変化するサイト作りがしやす い
◼ Googleも使ってる…?
Windows Android GWTで作ったWebアプリ
DEMO
JAVAが使える サーバ ◼ Google App Engine ◼ Googleのクラウドサービス ◼ JAVA/Pythonが使用可能
◼ GWTも使える
携帯独自の注意点
ポイント 状態遷移に気をつける 回線/処理速度に気を使う
状態遷移に気をつける ◼ 再読込/戻る/進む ◼ タスク管理上の問題も ◼ ex). HT-03Aのブラウザはアクティブ 時に再読込を行う …とか
◼ いつ落ちるかわからない ◼ マルチタスク端末は注意
回線/処理速度に気を使う ◼ 回線速度とも、処理速度とも ◼ どうしてもPCよりは遅い ◼ なるべくシンプル・少ないデータで ◼ ユーザーをいらいらさせない作り
まとめ
Webアプリを作るなら モバイルも気にしよう ◼ コンパクト版でも、同じものでも ◼ ユーザビリティを気にする必要 ◼ 画像はなるべく軽く ◼ 読めなくても支障がない作りに
◼ 横幅が小さくても崩れないページ
おわり ご静聴ありがとうございました