Submit Search
Upload
短期間でのスマホ向けWeb開発
•
41 likes
•
8,373 views
Manabu Uekusa
Follow
スマホアプリ開発者向け IDCFクラウド活用セミナー 2012年6月14日(木)18:30~ @IDCフロンティア ~『短期間でのスマホ向けweb開発について』~ セミナー資料
Read less
Read more
Technology
Report
Share
Report
Share
1 of 51
Download now
Download to read offline
Recommended
スマートフォン市場動向 110525
スマートフォン市場動向 110525
Naoto Takeda
中国モバイル市場とソーシャルメディア市場(2013年1月版)
中国モバイル市場とソーシャルメディア市場(2013年1月版)
Takamitsu Nakao
スマホサイトをHTMLなしで作れるcodiqaまとめ
スマホサイトをHTMLなしで作れるcodiqaまとめ
Manabu Uekusa
スマホ&タブレットデザインのこつ
スマホ&タブレットデザインのこつ
Manabu Uekusa
facebook for wordpressまとめ
facebook for wordpressまとめ
Manabu Uekusa
スマホウェブの本命 jQueryMobile
スマホウェブの本命 jQueryMobile
Manabu Uekusa
SKYTREE VIEW ソラマドまとめ
SKYTREE VIEW ソラマドまとめ
Manabu Uekusa
Meshblu/Node-REDで楽しむIoT
Meshblu/Node-REDで楽しむIoT
Takashi Ariyama
Recommended
スマートフォン市場動向 110525
スマートフォン市場動向 110525
Naoto Takeda
中国モバイル市場とソーシャルメディア市場(2013年1月版)
中国モバイル市場とソーシャルメディア市場(2013年1月版)
Takamitsu Nakao
スマホサイトをHTMLなしで作れるcodiqaまとめ
スマホサイトをHTMLなしで作れるcodiqaまとめ
Manabu Uekusa
スマホ&タブレットデザインのこつ
スマホ&タブレットデザインのこつ
Manabu Uekusa
facebook for wordpressまとめ
facebook for wordpressまとめ
Manabu Uekusa
スマホウェブの本命 jQueryMobile
スマホウェブの本命 jQueryMobile
Manabu Uekusa
SKYTREE VIEW ソラマドまとめ
SKYTREE VIEW ソラマドまとめ
Manabu Uekusa
Meshblu/Node-REDで楽しむIoT
Meshblu/Node-REDで楽しむIoT
Takashi Ariyama
レスポンシブ+α 第12回WordBench大阪
レスポンシブ+α 第12回WordBench大阪
Junko Nukaga
スマートフォン対応とレスポンシブWebデザイン
スマートフォン対応とレスポンシブWebデザイン
Marie Suenaga
Css nite fukuoka8 suenaga
Css nite fukuoka8 suenaga
Marie Suenaga
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
一生食える強みの作り方 まとめ
一生食える強みの作り方 まとめ
Manabu Uekusa
Node.js Hands-On
Node.js Hands-On
Akinari Tsugo
IDCF クラウド meets Node-RED !
IDCF クラウド meets Node-RED !
K Kimura
レスポンシブWebデザイン ワークフロー
レスポンシブWebデザイン ワークフロー
Hiroyuki Ogawa
レスポンシブWebデザインの実践ワークフロー(WDS)
レスポンシブWebデザインの実践ワークフロー(WDS)
Hiroyuki Ogawa
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
Hajime Ogushi
Webデザイン入門2-HTML5 フォーム,映像再生,音声再生, CSS3, レスポンシブWebデザイン-
Webデザイン入門2-HTML5 フォーム,映像再生,音声再生, CSS3, レスポンシブWebデザイン-
Yossy Taka
ブログ1周年 サイト分析
ブログ1周年 サイト分析
Manabu Uekusa
Windows8 UI まとめ
Windows8 UI まとめ
Manabu Uekusa
残響塾 大声で叫べば世界が変わる
残響塾 大声で叫べば世界が変わる
Manabu Uekusa
スカイツリーチケット購入方法と価格のまとめ
スカイツリーチケット購入方法と価格のまとめ
Manabu Uekusa
新しいiPad 使った感想
新しいiPad 使った感想
Manabu Uekusa
モバゲー カードゲーム
モバゲー カードゲーム
Manabu Uekusa
今日のスカイツリー
今日のスカイツリー
Manabu Uekusa
Miilまとめ
Miilまとめ
Manabu Uekusa
Pinterest(ピンタレスト)
Pinterest(ピンタレスト)
Manabu Uekusa
Why android 2011
Why android 2011
Takashi Ohmoto
スマートコンバートセミナー資料 - 201209
スマートコンバートセミナー資料 - 201209
Yoichiro Shiba
More Related Content
Viewers also liked
レスポンシブ+α 第12回WordBench大阪
レスポンシブ+α 第12回WordBench大阪
Junko Nukaga
スマートフォン対応とレスポンシブWebデザイン
スマートフォン対応とレスポンシブWebデザイン
Marie Suenaga
Css nite fukuoka8 suenaga
Css nite fukuoka8 suenaga
Marie Suenaga
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
一生食える強みの作り方 まとめ
一生食える強みの作り方 まとめ
Manabu Uekusa
Node.js Hands-On
Node.js Hands-On
Akinari Tsugo
IDCF クラウド meets Node-RED !
IDCF クラウド meets Node-RED !
K Kimura
レスポンシブWebデザイン ワークフロー
レスポンシブWebデザイン ワークフロー
Hiroyuki Ogawa
レスポンシブWebデザインの実践ワークフロー(WDS)
レスポンシブWebデザインの実践ワークフロー(WDS)
Hiroyuki Ogawa
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
Hajime Ogushi
Webデザイン入門2-HTML5 フォーム,映像再生,音声再生, CSS3, レスポンシブWebデザイン-
Webデザイン入門2-HTML5 フォーム,映像再生,音声再生, CSS3, レスポンシブWebデザイン-
Yossy Taka
ブログ1周年 サイト分析
ブログ1周年 サイト分析
Manabu Uekusa
Windows8 UI まとめ
Windows8 UI まとめ
Manabu Uekusa
残響塾 大声で叫べば世界が変わる
残響塾 大声で叫べば世界が変わる
Manabu Uekusa
スカイツリーチケット購入方法と価格のまとめ
スカイツリーチケット購入方法と価格のまとめ
Manabu Uekusa
新しいiPad 使った感想
新しいiPad 使った感想
Manabu Uekusa
モバゲー カードゲーム
モバゲー カードゲーム
Manabu Uekusa
今日のスカイツリー
今日のスカイツリー
Manabu Uekusa
Miilまとめ
Miilまとめ
Manabu Uekusa
Pinterest(ピンタレスト)
Pinterest(ピンタレスト)
Manabu Uekusa
Viewers also liked
(20)
レスポンシブ+α 第12回WordBench大阪
レスポンシブ+α 第12回WordBench大阪
スマートフォン対応とレスポンシブWebデザイン
スマートフォン対応とレスポンシブWebデザイン
Css nite fukuoka8 suenaga
Css nite fukuoka8 suenaga
HTML5とWeb開発に関する最新動向
HTML5とWeb開発に関する最新動向
一生食える強みの作り方 まとめ
一生食える強みの作り方 まとめ
Node.js Hands-On
Node.js Hands-On
IDCF クラウド meets Node-RED !
IDCF クラウド meets Node-RED !
レスポンシブWebデザイン ワークフロー
レスポンシブWebデザイン ワークフロー
レスポンシブWebデザインの実践ワークフロー(WDS)
レスポンシブWebデザインの実践ワークフロー(WDS)
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
Webデザイン入門2-HTML5 フォーム,映像再生,音声再生, CSS3, レスポンシブWebデザイン-
Webデザイン入門2-HTML5 フォーム,映像再生,音声再生, CSS3, レスポンシブWebデザイン-
ブログ1周年 サイト分析
ブログ1周年 サイト分析
Windows8 UI まとめ
Windows8 UI まとめ
残響塾 大声で叫べば世界が変わる
残響塾 大声で叫べば世界が変わる
スカイツリーチケット購入方法と価格のまとめ
スカイツリーチケット購入方法と価格のまとめ
新しいiPad 使った感想
新しいiPad 使った感想
モバゲー カードゲーム
モバゲー カードゲーム
今日のスカイツリー
今日のスカイツリー
Miilまとめ
Miilまとめ
Pinterest(ピンタレスト)
Pinterest(ピンタレスト)
Similar to 短期間でのスマホ向けWeb開発
Why android 2011
Why android 2011
Takashi Ohmoto
スマートコンバートセミナー資料 - 201209
スマートコンバートセミナー資料 - 201209
Yoichiro Shiba
スマートフォンサイトのトレンドとユーザビリティ
スマートフォンサイトのトレンドとユーザビリティ
SwapSkills
モバイルソリューション概要資料20110818
モバイルソリューション概要資料20110818
Leung Man Yin Daniel
モバイルソリューション_概要資料20110818
モバイルソリューション_概要資料20110818
Leung Man Yin Daniel
Mebic Creative Business Forum 2013
Mebic Creative Business Forum 2013
Takashi EGAWA
Flashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見る
Andy Hall
スマートフォンアプリ開発の傾向とBaaSの活用
スマートフォンアプリ開発の傾向とBaaSの活用
大介 秋本
スマートフォン最新利用動向とSeesaaのアプリ開発
スマートフォン最新利用動向とSeesaaのアプリ開発
Seesaa
スマートフォン時代のコンテンツ戦略を考える
スマートフォン時代のコンテンツ戦略を考える
トモロヲ いちがみ
IIJmio meeting 28 端末トーク2020 ~スマホだけじゃないIIJmio
IIJmio meeting 28 端末トーク2020 ~スマホだけじゃないIIJmio
techlog (Internet Initiative Japan Inc.)
5 16mobile
5 16mobile
Yuki Fujino Oita Univ.
Androidが変えたもの
Androidが変えたもの
Yuki Yamakido
モバイルWebアプリのこれまでとこれから。Sencha Touch vs jQuery Mobile
モバイルWebアプリのこれまでとこれから。Sencha Touch vs jQuery Mobile
dsuke Takaoka
[2014/11/25] デスクトップ アプリ最新化セミナー / デスクトップ アプリ最新化の意義
[2014/11/25] デスクトップ アプリ最新化セミナー / デスクトップ アプリ最新化の意義
Tatsuhiko Tanaka
20110824 android apps_endo
20110824 android apps_endo
一般社団法人メディア事業開発会議
45分で解るモバイルマーケティング
45分で解るモバイルマーケティング
hosokawa atsushi
クラウド研究会 20120712 BaaS
クラウド研究会 20120712 BaaS
Nobuhiro Sue
Html5minute #5
Html5minute #5
Misaki Shibata
スマートフォン時代に向かうモバイルソーシャルゲームの最新動向
スマートフォン時代に向かうモバイルソーシャルゲームの最新動向
hideki hasegawa
Similar to 短期間でのスマホ向けWeb開発
(20)
Why android 2011
Why android 2011
スマートコンバートセミナー資料 - 201209
スマートコンバートセミナー資料 - 201209
スマートフォンサイトのトレンドとユーザビリティ
スマートフォンサイトのトレンドとユーザビリティ
モバイルソリューション概要資料20110818
モバイルソリューション概要資料20110818
モバイルソリューション_概要資料20110818
モバイルソリューション_概要資料20110818
Mebic Creative Business Forum 2013
Mebic Creative Business Forum 2013
Flashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見る
スマートフォンアプリ開発の傾向とBaaSの活用
スマートフォンアプリ開発の傾向とBaaSの活用
スマートフォン最新利用動向とSeesaaのアプリ開発
スマートフォン最新利用動向とSeesaaのアプリ開発
スマートフォン時代のコンテンツ戦略を考える
スマートフォン時代のコンテンツ戦略を考える
IIJmio meeting 28 端末トーク2020 ~スマホだけじゃないIIJmio
IIJmio meeting 28 端末トーク2020 ~スマホだけじゃないIIJmio
5 16mobile
5 16mobile
Androidが変えたもの
Androidが変えたもの
モバイルWebアプリのこれまでとこれから。Sencha Touch vs jQuery Mobile
モバイルWebアプリのこれまでとこれから。Sencha Touch vs jQuery Mobile
[2014/11/25] デスクトップ アプリ最新化セミナー / デスクトップ アプリ最新化の意義
[2014/11/25] デスクトップ アプリ最新化セミナー / デスクトップ アプリ最新化の意義
20110824 android apps_endo
20110824 android apps_endo
45分で解るモバイルマーケティング
45分で解るモバイルマーケティング
クラウド研究会 20120712 BaaS
クラウド研究会 20120712 BaaS
Html5minute #5
Html5minute #5
スマートフォン時代に向かうモバイルソーシャルゲームの最新動向
スマートフォン時代に向かうモバイルソーシャルゲームの最新動向
More from Manabu Uekusa
スマートフォンゲーム ダウンロード数まとめ
スマートフォンゲーム ダウンロード数まとめ
Manabu Uekusa
20130709 トリプルダブル共催セミナー MobilePerfectSP紹介
20130709 トリプルダブル共催セミナー MobilePerfectSP紹介
Manabu Uekusa
コンビニコーヒー比較
コンビニコーヒー比較
Manabu Uekusa
Flat UIまとめ
Flat UIまとめ
Manabu Uekusa
八子クラウド座談会 Mobile perfectsp紹介
八子クラウド座談会 Mobile perfectsp紹介
Manabu Uekusa
鳥貴族糖質制限メニュー
鳥貴族糖質制限メニュー
Manabu Uekusa
スマホタブレット2012年出荷台数
スマホタブレット2012年出荷台数
Manabu Uekusa
#padlab タブレットレビュー会
#padlab タブレットレビュー会
Manabu Uekusa
Windows8タッチ操作まとめ
Windows8タッチ操作まとめ
Manabu Uekusa
iPhone5レビュー
iPhone5レビュー
Manabu Uekusa
糖質制限ダイエット
糖質制限ダイエット
Manabu Uekusa
ソーシャルメディア調査報告書2012 グラフまとめ
ソーシャルメディア調査報告書2012 グラフまとめ
Manabu Uekusa
Fits スライムの折り方まとめ
Fits スライムの折り方まとめ
Manabu Uekusa
スカイツリー 今日のライトアップ
スカイツリー 今日のライトアップ
Manabu Uekusa
MarsEdit
MarsEdit
Manabu Uekusa
ワイド画面プレゼン
ワイド画面プレゼン
Manabu Uekusa
新Facebookページまとめ
新Facebookページまとめ
Manabu Uekusa
More from Manabu Uekusa
(17)
スマートフォンゲーム ダウンロード数まとめ
スマートフォンゲーム ダウンロード数まとめ
20130709 トリプルダブル共催セミナー MobilePerfectSP紹介
20130709 トリプルダブル共催セミナー MobilePerfectSP紹介
コンビニコーヒー比較
コンビニコーヒー比較
Flat UIまとめ
Flat UIまとめ
八子クラウド座談会 Mobile perfectsp紹介
八子クラウド座談会 Mobile perfectsp紹介
鳥貴族糖質制限メニュー
鳥貴族糖質制限メニュー
スマホタブレット2012年出荷台数
スマホタブレット2012年出荷台数
#padlab タブレットレビュー会
#padlab タブレットレビュー会
Windows8タッチ操作まとめ
Windows8タッチ操作まとめ
iPhone5レビュー
iPhone5レビュー
糖質制限ダイエット
糖質制限ダイエット
ソーシャルメディア調査報告書2012 グラフまとめ
ソーシャルメディア調査報告書2012 グラフまとめ
Fits スライムの折り方まとめ
Fits スライムの折り方まとめ
スカイツリー 今日のライトアップ
スカイツリー 今日のライトアップ
MarsEdit
MarsEdit
ワイド画面プレゼン
ワイド画面プレゼン
新Facebookページまとめ
新Facebookページまとめ
Recently uploaded
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
NTT DATA Technology & Innovation
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
yassun7010
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
CRI Japan, Inc.
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
atsushi061452
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
atsushi061452
【AI論文解説】Consistency ModelとRectified Flow
【AI論文解説】Consistency ModelとRectified Flow
Sony - Neural Network Libraries
Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)
Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)
keikoitakurag
20240523_IoTLT_vol111_kitazaki_v1___.pdf
20240523_IoTLT_vol111_kitazaki_v1___.pdf
Ayachika Kitazaki
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
ssuserbefd24
Recently uploaded
(10)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
YugabyteDB適用に向けた取り組みと隠れた魅力 (DSS Asia 2024 発表資料)
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
2024年度_サイバーエージェント_新卒研修「データベースの歴史」.pptx
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
MPAなWebフレームワーク、Astroの紹介 (その2) 2024/05/24の勉強会で発表されたものです。
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
論文紹介: Exploiting semantic segmentation to boost reinforcement learning in vid...
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
論文紹介: Offline Q-Learning on diverse Multi-Task data both scales and generalizes
【AI論文解説】Consistency ModelとRectified Flow
【AI論文解説】Consistency ModelとRectified Flow
Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)
Amazon Cognitoで実装するパスキー (Security-JAWS【第33回】 勉強会)
20240523_IoTLT_vol111_kitazaki_v1___.pdf
20240523_IoTLT_vol111_kitazaki_v1___.pdf
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
2024年5月25日Serverless Meetup大阪 アプリケーションをどこで動かすべきなのか.pptx
短期間でのスマホ向けWeb開発
1.
短期間 スマホウェブ開発
2012/06/14 植草 学 @mauekusa
2.
市場状況
3.
7割 スマートフォン http://mb.softbank.jp/biz/trend_report/114.html
4.
タブレットも右肩上がり http://mb.softbank.jp/biz/trend_report/114.html
5.
スマートフォン OSシェア
iPhone その他 17% Androidで Android 19% iOS 8割 63% http://marketshare.hitslink.com/operating-system-market-share.aspx?qprid=8&qpcustomd=1&qpcd=1300
6.
スマートフォン 多種多様
7.
スマートフォンサイト
8.
9.
10.
11.
Simple 情報を絞る
12.
文字は、13文字以内
13.
スマホWeb
14.
or
15.
appli
web ダウンロード 必要 なし 公開時申請 必要 なし GPS ○ ○ 写真 ○ × 今後可能性あり Push通知 ○ × オフライン ○ ○ 圏外 修正 アプリ再配布 即時
16.
+ Hybrid
17.
iPad 1024x768
iPhone 320x480
18.
スマホ・タブレット 解像度
iPad XGA 1024x768 HD 1280x720 ダブルVGA 960x640 QHD 960x540 iPhone フルワイドVGA++ HVGA 960x480 320x480 フルワイドVGA 854x480 ワイドVGA 800x480
19.
解像度 個別に 作るか?
20.
Responsive Web Design
Web Web Web Web Web
21.
CSSが面倒
22.
23.
3つのグレード
24.
25.
26.
codiqa
27.
codiqa demo http://youtu.be/ZyyClRan3a8
28.
Webアプリこつ
29.
Simple
30.
ビジュアル メニュー
直感的
31.
メニュー アイコン化
32.
メニュー サムネイル
33.
フィードバック LV. 30 EXP 78/120
34.
件数表示
結果表示
35.
プレビュー表示
36.
ボタンサイズ
OK 縦横 44px 以上
37.
リストは、3∼4行程度
38.
入力より選択
39.
コンポーネントに慣れる
UI要素 組合せ
40.
タブレット
41.
タップしやすい画面
42.
タブレット特徴 View表示
43.
Mobile Perfect SP
ワンコイン ( 100円 )で 簡単に、スマホ・ タブレットを 活用するサービス
44.
まとめ
45.
高速開発
46.
目的 ハッキリ
47.
ユーザー 視点
48.
Simple
49.
繰り返し 改善
50.
51.
たくさん チャレンジ! Thanks. @mauekusa
Download now