「Nexus7」タグアーカイブ

タブレット用サイトのサイズを揃えるためのメタタグ

この前奮発してAdobe Dreamweaver CS6 Windows版を買ったので、ドリームウィーバーに入っているjQuery Mobile関連のツールを使ってスマホやタブレット用のサイトを試しに作ってみた。
基本的なテンプレも入ってるからスマホ用の知識とか必要なくて簡単に作れたんだけど(Dreamweaverの使い方に慣れる方が面倒・・)、googleのnexus7やドコモのエクスペリアでそのサイトを見るとなぜかサイトの横幅が画面サイズにあってない・・・。スクロールしないとサイトが全部見れず、文字の大きさもやけに小さい。
jQuery Mobileを最新版にしたりいろいろやっても駄目だった。
なので、個人でjQuery Mobileを使ってサイトを作っている人のサンプルサイトを試しにnexus7で見るとちゃんと横幅ピッタリで文字の大きさも決まっていたのでソースを見たらメタタグで

meta name=”viewport”

というものが書かれていた。調べてみたら、このタグで表示するときの幅とかを決めれるらしい。Dreamweaverのモバイルサイト用テンプレには書かれていなかったんだけど、結局

<meta name=”viewport” content=”width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1″>

を入れるだけで取り敢えず解決。各プロパティはそのまんまの意味。

<meta name=”viewport” content=”width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1″>
<title>タイトル</title>
<link rel=”stylesheet”
href=”http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css” />
<script src=”http://code.jquery.com/jquery-1.6.4.min.js”></script>
<script src=”http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js”></script>

まとめると、jquery mobileを使う時は以上をヘッダーに入れてあげる(バージョンは新しいのに書き換えた)。
Dreamweaverの最新版を使うとスマホ用サイトが簡単に作れるんだけど、ちょっと細かい所をいじろうとすると知識0だと厳しそう。今のところjquery mobileのことをまったく知らないので、jQuery Mobile スマートフォンサイト デザイン入門 (WEB PROFESSIONAL)あたりを買って数時間は勉強しておこうと思う。

1

グーグルの7インチタブレット、Nexus7を購入

グーグルのネクサス7の購入&使ってみた感想。

Nexus7

まだ使い始めて数日だけど7インチは良い感じの大きさ。これからは7インチが普及するなぁと思った。片手で楽に持てる大きさというのは、メリットが大きい。アンドロイドは直感でいじれて、処理速度や容量も問題なく、液晶もそこそこ綺麗。これは完成度が高いなぁというのが第一印象。余計な物は何も付いていない。1つ気になったのは、電源ボタン?が直感的に違和感を感じるところにある点。めったに押さないから別にいいんだけど妙に気になった。

これで価格が16Gだと19,800円。32Gで24,800円。送料無料。さらにグーグルのチケット2,000円分がつくので、16Gだと実質17,800円。これからアップルは相当厳しくなるだろうなぁというのが想像できてしまう商品。

香港 元朗 から 大阪府泉南市   Google マップ

グーグルのネクサス7はグーグルのサイトで注文すると、FEDEXで輸送されてくる。FEDEXのサイトで荷物を追跡すると上の地図のような経路で輸送されて来た。香港から広州に行って、広州から空輸で大阪まで。香港から出荷されるのは香港の法人税が安い(16%くらい)のと関係してるのかな。

  • Nov 7, 2012   4:39 PM 配達完了
  • Nov 6, 2012 12:18 PM 輸送中/処理中 SENNAN-SHI JP最終的な配達を行なう認可済み業者に委託
  • Nov 6, 2012 10:16 AM 国際輸送許可 – 輸入 SENNAN-SHI JP
  • Nov 6, 2012   9:00 AM 輸送中/処理中 SENNAN-SHI JP 通関中
  • Nov 6, 2012   8:28 AM 仕向国仕分け場所 SENNAN-SHI JP
  • Nov 6, 2012   4:29 AM FedEx経由地を出発 GUANGZHOU CN
  • Nov 6, 2012   2:26 AM  輸送中/処理中 GUANGZHOU CN
  • Nov 6, 2012   1:20 AM FedEx経由地に到着 GUANGZHOU CN
  • Nov 5, 2012   7:59 PM 出荷地のFedEx営業所を出発 YUEN LONG HK
  • Nov 5, 2012   6:16 PM 集荷完了 YUEN LONG H K集荷締切時間後に貨物を受付
  • Nov 4, 2012  11:36 PM 貨物情報はFedExに送信されました。

配送が速い・・。4日の夜中に注文して7日には家に届いてる。

私はgoogleplayの公式サイトで買いました。楽天や、アマゾン、家電量販店でも売っている模様。並行品だと公式サイトで買うより高かったりするので、注意が必要。

google play nexus7 公式サイト
nexus7 本体(楽天)
nexus7 本体(amazon)

1