*利用環境 **基本情報(1) - 2012年? ||iPad2|Nexus7|Kindle Fire HD|PC(HD,32bit)|PC(小ウィンドウ)|PC(fullHD,64bit)||||| |解像度|1024x768|1280x800|1280x800|1366x768|||1920x1080|||| |navigator.plathome|iPad|Linux armv7I|Linux armv7I|Win32||Win32||||| |screen.width|768|962|853|1366|変化(632)|1920||||| |screen.height|1024|553|553|768|変化(223)|1080||||| |innerWidth|800|800|800|1106|変化(648)|1580||||| |innerHeight|800|800|800|800|800|800||||| |outerWidth|1024|962|801|1382|変化(830)|1936||||| |outerHeight|976|442|470|744|変化(635)|1056||||| |100回計算|0.044|0.028|0.029|0.003||0.002||||| |100回描画|0.341|0.24|0.259|0.109||0.064||||| **基本情報(2) - ||初代iPad|iPad2|iPadAir||||| |CPU|A4(1G)|A5(1G)|A7(64ビット,1.4G)||||| |解像度||1024x768|||||| |navigator.plathome|iPad|iPad|iPad||||| |screen.width|768|768|768||||| |screen.height|1024|1024|1024||||| |innerWidth|800|800|800||||| |innerHeight|800|800|800||||| |outerWidth|1024|1024|1024||||| |outerHeight|977|976|976||||| |100回計算|0.178|0.044|0.022||||| |100回描画|1.341|0.341|0.219||||| **基本情報(2) - |||iPadAir||||| |CPU|||||||| |解像度|||||| |ブラウザ|Safari|Chrome|Readdle||| |navigator.plathome|iPad|iPad|||| |screen.width|768|768|768||| |screen.height|1024|1024|1024||| |innerWidth|800|800|800||| |innerHeight|800|800|800||| |outerWidth|1024|1024|1024||| |outerHeight|976|976|976||| |100回計算|0.022|0.033|0.031||| |100回描画|0.219|0.222|0.0228||| **基本情報(3)PC - GC/html5 2.3.6.6 |機種|FMV-E8260||||| |OS|Win7||||| |CPU|Core2DuoT8100,2.1G||||| |ブラウザ|IE11|FireFox30|Chrome36|Safari5.1.7|Opera22| |解像度|1680x1050||||| |navigator.plathome|Win32||||| |screen.width|1680||||| |screen.height|1050||||| |innerWidth|1367||||| |innerHeight|900||||| |outerWidth|1696||||| |outerHeight|1026||||| |100回計算|0.007|0.033|0.031|0.036|0.026| |100回描画|0.226|0.401|0.254|0.338|0.316| **基本情報(3)PC - GC/html5 2.3.6.6 |機種|FMV-830MG/S|| |OS|XP|| |CPU|CeleronM,1.5G|| |ブラウザ|FireFox20|FireFox30| |解像度||| |navigator.plathome||| |screen.width||| |screen.height||| |innerWidth||| |innerHeight||| |outerWidth||| |outerHeight||| |100回計算|0.046|0.033| |100回描画|1.251|1.114| **基本情報(3)PC - GC/html5 2.3.6.6 |機種|FMV-S761/D|| |OS|Win7|| |CPU|iCore5-2520M,2.5G|| |ブラウザ|IE11|Chrome| |解像度||| |navigator.plathome||| |screen.width||| |screen.height||| |innerWidth||| |innerHeight||| |outerWidth||| |outerHeight||| |100回計算|0.005|0.019| |100回描画|0.151|0.173| **基本情報()Android , Fujitsu Arrows, FAR70B - GC/html5 2.3.6.6 |機種|FAR70B|| |OS|Android 4.0|| |CPU|クアッドコア Tegra 3, 1.7GHz|| |ブラウザ|標準ブラウザ|Opera|FireFox|Chrome| |解像度|1920×1200|| |navigator.plathome|Linux armv71|| |screen.width|1920|1280|1280|1280| |screen.height|1200|752|752|752| |innerWidth|800|1049|800|1049| |innerHeight|800|800|800|800| |outerWidth|1920|1280|1280|1280| |outerHeight|1044|646|752|664| |100回計算|0.041|0.038|0.156|0.039| |100回描画|0.654|0.305|1.068|0.58| - FireFoxでは, 点を動かすことができない。 - 標準ブラウザでは, 縦があふれる。 - operaは上下がおさまるが, 横があまる(縮小表示されるイメージ) - chromeも上下が収まるが, 横があまる(縮小表示) - chromeとoperaはサクサク動く感じ。標準ブラウザはちょっとモッタリする感じ。 - 条件を満たす点の集合を調べる上で, 最速は Operaで, 制限時間内に終了。 FireFox, chromeが続き,標準ブラウザがその次。 - FireFoxは, 点を動かすことはできないが, 上記の計算・表示は可能。 -データを取得したのは, 以下のページを利用 @http://www.auemath.aichi-edu.ac.jp/teacher/iijima/html5/,http://www.auemath.aichi-edu.ac.jp/teacher/iijima/html5/(クライアント情報) **「合わせる」 -縦長にすると, 適度に縮小して表示する。 -- ただし, 使いやすいかどうかは別なのだが。 -横長にすると, Nexusなどでは,はみ出る扱いになる。 -これは, 次の設定のせいなのだろうが。 -- 対処の方法として, 何かいい方法はないのだろうか。
--http://html5-css3.jp/smartphone/iphone-xperia-galaxy-viewport.html ** iPad -最も基本的なターゲットは, iPadです。 ** Nexus 7 - 一人/二人用のタブレット端末の例として - 画面の縦横比がiPadとかなり違うので, 縦長に使うのか, 横長に使うのかで, 画面の設定をかえた方がよい。 - 横長だと, 画面がかなり小さくなる。 - 縦長だと, かなりボタンが小さくなる。 ** Kindel Fire HD - 一人/二人用のタブレット端末の例として ** Sony tablet P - 一人用の折り畳みタブレットの例として