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
44
スマートフォンで使うWebアプリ
2009-12-12 スマートフォン勉強会 関東 No. 4で発表した資料です
高見知英
PRO
December 12, 2009
Tweet
Share
More Decks by 高見知英
See All by 高見知英
最近のゲーム実況のハナシ
takamichie
PRO
0
15
健常者から見たAndroidのアクセシビリティ機能
takamichie
PRO
0
380
山手縁乃庭のいまとこれから考えていること
takamichie
PRO
0
53
子どもとゲームとそのほかいろいろのハナシ
takamichie
PRO
0
48
高見知英のヒストリー
takamichie
PRO
0
43
SRPGがやりたい!
takamichie
PRO
0
140
ゲームについて 地域活動やってる人と話してみた話し
takamichie
PRO
0
480
AIを使う~プログラミングがAIでできるって本当ですか?~
takamichie
PRO
0
200
2023年新年の抱負
takamichie
PRO
0
150
Other Decks in Technology
See All in Technology
안드로이드 기술 이력서의 최소 조건
pluu
1
1.2k
俺とVSCode Python Debugger Extension
sat
PRO
1
150
カメラ単体で物体の3次元 座標を扱う方法
kenmatsu4
1
190
Reality is not an End-to-End Prediction Problem: Applied NLP in the Age of Generative AI
inesmontani
PRO
0
230
Brakeman を欺く - Kashiwa.rb #4
kozy4324
1
110
Nuxt × Vue Router の力を最大限に引き出す機能を紹介
ytr0903
2
480
まだ間に合う! 生成AIトレンド一挙おさらい & AWSのBedrockに入門しよう
minorun365
PRO
4
370
GPSデバイスを使った簡易位置案内システムの構築をしてみた話。/jawsfesta2024
kwada
0
240
Overview of file type identifiers
ange
0
150
人工衛星開発のための C2A フレームワークとその開発体験
sksat
1
120
The road to green code (with Sonar)
bluehats
0
190
S3上のログを分析したいだけなのに
mitsuo_sys
0
130
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
40
2.1k
Building an army of robots
kneath
302
42k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
92
16k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
228
52k
Building Applications with DynamoDB
mza
90
6k
Ruby is Unlike a Banana
tanoku
96
11k
Adopting Sorbet at Scale
ufuk
73
9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
26
730
Designing for humans not robots
tammielis
249
25k
Automating Front-end Workflow
addyosmani
1365
200k
A Tale of Four Properties
chriscoyier
156
22k
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アプリを作るなら モバイルも気にしよう ◼ コンパクト版でも、同じものでも ◼ ユーザビリティを気にする必要 ◼ 画像はなるべく軽く ◼ 読めなくても支障がない作りに
◼ 横幅が小さくても崩れないページ
おわり ご静聴ありがとうございました