タグ

Androidに関するmonokyuriのブックマーク (6)

  • iOS/Androidブラウザでデバッグ - Qiita

    iOSやAndroid上でJavaScriptが期待したとおりに動いてくれない。 特にAndroid2.3系では毎回つまずいてしまいます。 そこで、リモートで手軽にデバッグ出来る便利なツールを教えてもらいました。 weinre このツールを使えばスマホのブラウザやアプリのWebViewのjs, css, DOMやらをPCからリモートで色々できて便利らしい。 インストール(最新版はnode.jsで実装されています。)

    iOS/Androidブラウザでデバッグ - Qiita
  • 秋葉ちひろのAndroidアプリデザイン入門(5) - MdN Design Interactive

    第5回 ガイドラインからみたAndroidアプリデザインの特徴3 2013年4月18日 解説・文:秋葉ちひろ いよいよ5回目となりました。Androidの多すぎる解像度や画面密度にうんざりしていませんか? この回では、マルチデバイスに対応するために、デザインを作成するときのサイズについて詳しくみていきましょう。 ■Android端末の画面サイズについて アプリデザインを考える上でベースとなり、最も重要なのが画面サイズです。しかし、第2回でもお伝えしましたが、Androidには書ききれないほどの画面サイズ/解像度があり、縦横比さえもまったくバラバラです。それでは、Androidアプリのデザインを依頼されたときには、いったいどれぐらいの大きさで作ればよいのでしょうか。 ●解像度とピクセル密度/密度グループ解像度というのは、「px(ピクセル)」という単位であらわされる画面のサイズです。Webサイ

    秋葉ちひろのAndroidアプリデザイン入門(5) - MdN Design Interactive
  • 2014年発売Android端末のdp解像度まとめ - Qiita

    はじめに Android端末は機種数が多く、OSバージョンやハードウェアがそれぞれ異なるためにAndroidでアプリを作ることは大変だと言われています。 特にディスプレイについてはそれぞれが異なった画面サイズや解像度を持つため、Androidの画面設計は複雑だと思われがちです。 実際、OpenSignalのAndroid断片化調査の中でも以下のような画像とともに画面サイズの断片化について触れています。 しかし、Androidにはdp(密度非依存ピクセル)という実際の画面サイズ、解像度に依存しない形で画面を扱うための仕組みが用意されており、このdpを使うことでAndroidの画面サイズ断片化への対応コストは大幅に削減することができます。 dpの概要については過去に記事を書きましたので、そちらを参照してください。 いまさら聞けないdp入門 断片化とdpについての基的な説明は下記ブログに簡単な

    2014年発売Android端末のdp解像度まとめ - Qiita
  • 【Android】いまさら聞けないdp入門 - Qiita

    dpとは? Androidのデザインにおいて、必ず理解しておくべきポイントのひとつがdpについてです。 dp(density-independent pixels)とは密度非依存ピクセルのことで、dipとも呼ばれています。 Androidはこのdpのおかげで多用な端末をサポートできているのです。 dpのない世界 - 端末の解像度ごとに表示サイズが違う dpのある世界 - 端末の解像度が違っても表示サイズは保たれる Supporting Multiple Screens | Android Developers More Resource Types | Android Developers px、dpi、dp dpを理解する上で欠かせない要素がpx(ピクセル)とdpi(画面密度)です。 px px(pixel)というのはハードウェアで実装されている解像度そのものです。ピクセルとも言います。

    【Android】いまさら聞けないdp入門 - Qiita
  • スマホサイトのHTMLソースを見る4つの方法 | webMemorand

    スマートフォンのブラウザには通常、開発者ツールが付いていないのでソースコードの確認には ちょっとした工夫が必要です。 そこでスマホサイトのHTMLソースの見方を4つピックアップしてみました。 【index】PCブラウザから見る chrome拡張機能Ultimate User Agent Switcherを使用する 端末から見る URL欄の頭にview-source:と記述する ブックマークにJSを仕込む HTML Dual Viewerをインストールする 1.PCのブラウザを使用する場合【chromechrome拡張機能Ultimate User Agent Switcherを使用するどこにどのようなスタイルをあてているのか、どのようなディレクトリ構成をしているのか調べたいときはPCの開発者ツールで見るのがベストですよね。 というわけでPCブラウザからchrome拡張機能、Ulti

    スマホサイトのHTMLソースを見る4つの方法 | webMemorand
  • Android 4.x のブラウザがヤバい

    2013年10月24日 著 ここ2週間ほど、TwitterAndroidのブラウザを酷評しているわけですが。そもそも「ブラウザ」って何だよ、というところからして気にわないのですけどね。何ですかブラウザって。一般名詞を固有名詞ぽく?使うだなんて、紛らわしいことこのうえない。デフォルトブラウザとも、標準ブラウザとも呼ばれることがあるらしいけれど、しかし表記は「ブラウザ」ってあるんだもん。当にむかつく......いや問題はそこじゃなくて。最近、最強にイライラしているのは、html - android autofit mode causing issues with css width in web page - Stack Overflowで紹介されている件。記事中にあるように、この問題には対応策が無いわけではなく、日語で紹介している記事もあります。 androidでwidthが効かない

    Android 4.x のブラウザがヤバい
  • 1