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
47
スマートフォンで使うWebアプリ
2009-12-12 スマートフォン勉強会 関東 No. 4で発表した資料です
高見知英
PRO
December 12, 2009
Tweet
Share
More Decks by 高見知英
See All by 高見知英
ポッドキャストをはじめよう ポッドキャストのやりかたと続けるコツ
takamichie
PRO
0
57
高見知英とAndroid
takamichie
PRO
0
40
大人になってからのゲームデビューのハナシ
takamichie
PRO
0
54
最近のゲーム実況のハナシ
takamichie
PRO
0
63
健常者から見たAndroidのアクセシビリティ機能
takamichie
PRO
0
480
山手縁乃庭のいまとこれから考えていること
takamichie
PRO
0
120
子どもとゲームとそのほかいろいろのハナシ
takamichie
PRO
0
110
高見知英のヒストリー
takamichie
PRO
0
85
SRPGがやりたい!
takamichie
PRO
0
230
Other Decks in Technology
See All in Technology
250905 大吉祥寺.pm 2025 前夜祭 「プログラミングに出会って20年、『今』が1番楽しい」
msykd
PRO
1
940
Rustから学ぶ 非同期処理の仕組み
skanehira
1
140
自作JSエンジンに推しプロポーザルを実装したい!
sajikix
1
180
Webブラウザ向け動画配信プレイヤーの 大規模リプレイスから得た知見と学び
yud0uhu
0
230
MCPで変わる Amebaデザインシステム「Spindle」の開発
spindle
PRO
3
3.3k
要件定義・デザインフェーズでもAIを活用して、コミュニケーションの密度を高める
kazukihayase
0
120
生成AI時代のデータ基盤設計〜ペースレイヤリングで実現する高速開発と持続性〜 / Levtech Meetup_Session_2
sansan_randd
1
150
スマートファクトリーの第一歩 〜AWSマネージドサービスで 実現する予知保全と生成AI活用まで
ganota
2
220
【実演版】カンファレンス登壇者・スタッフにこそ知ってほしいマイクの使い方 / 大吉祥寺.pm 2025
arthur1
1
870
KotlinConf 2025_イベントレポート
sony
1
140
2つのフロントエンドと状態管理
mixi_engineers
PRO
3
110
roppongirb_20250911
igaiga
1
240
Featured
See All Featured
It's Worth the Effort
3n
187
28k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.5k
GraphQLとの向き合い方2022年版
quramy
49
14k
Building an army of robots
kneath
306
46k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Done Done
chrislema
185
16k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
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アプリを作るなら モバイルも気にしよう ◼ コンパクト版でも、同じものでも ◼ ユーザビリティを気にする必要 ◼ 画像はなるべく軽く ◼ 読めなくても支障がない作りに
◼ 横幅が小さくても崩れないページ
おわり ご静聴ありがとうございました