iOSやAndroid上でJavaScriptが期待したとおりに動いてくれない。 特にAndroid2.3系では毎回つまずいてしまいます。 そこで、リモートで手軽にデバッグ出来る便利なツールを教えてもらいました。 weinre このツールを使えばスマホのブラウザやアプリのWebViewのjs, css, DOMやらをPCからリモートで色々できて便利らしい。 インストール(最新版はnode.jsで実装されています。)
iOSやAndroid上でJavaScriptが期待したとおりに動いてくれない。 特にAndroid2.3系では毎回つまずいてしまいます。 そこで、リモートで手軽にデバッグ出来る便利なツールを教えてもらいました。 weinre このツールを使えばスマホのブラウザやアプリのWebViewのjs, css, DOMやらをPCからリモートで色々できて便利らしい。 インストール(最新版はnode.jsで実装されています。)
第5回 ガイドラインからみたAndroidアプリデザインの特徴3 2013年4月18日 解説・文:秋葉ちひろ いよいよ5回目となりました。Androidの多すぎる解像度や画面密度にうんざりしていませんか? この回では、マルチデバイスに対応するために、デザインを作成するときのサイズについて詳しくみていきましょう。 ■Android端末の画面サイズについて アプリデザインを考える上でベースとなり、最も重要なのが画面サイズです。しかし、第2回でもお伝えしましたが、Androidには書ききれないほどの画面サイズ/解像度があり、縦横比さえもまったくバラバラです。それでは、Androidアプリのデザインを依頼されたときには、いったいどれぐらいの大きさで作ればよいのでしょうか。 ●解像度とピクセル密度/密度グループ解像度というのは、「px(ピクセル)」という単位であらわされる画面のサイズです。Webサイ
はじめに Android端末は機種数が多く、OSバージョンやハードウェアがそれぞれ異なるためにAndroidでアプリを作ることは大変だと言われています。 特にディスプレイについてはそれぞれが異なった画面サイズや解像度を持つため、Androidの画面設計は複雑だと思われがちです。 実際、OpenSignalのAndroid断片化調査の中でも以下のような画像とともに画面サイズの断片化について触れています。 しかし、Androidにはdp(密度非依存ピクセル)という実際の画面サイズ、解像度に依存しない形で画面を扱うための仕組みが用意されており、このdpを使うことでAndroidの画面サイズ断片化への対応コストは大幅に削減することができます。 dpの概要については過去に記事を書きましたので、そちらを参照してください。 いまさら聞けないdp入門 断片化とdpについての基本的な説明は下記ブログに簡単な
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)というのはハードウェアで実装されている解像度そのものです。ピクセルとも言います。
スマートフォンのブラウザには通常、開発者ツールが付いていないのでソースコードの確認には ちょっとした工夫が必要です。 そこでスマホサイトのHTMLソースの見方を4つピックアップしてみました。 【index】PCブラウザから見る chromeの拡張機能Ultimate User Agent Switcherを使用する 端末から見る URL欄の頭にview-source:と記述する ブックマークにJSを仕込む HTML Dual Viewerをインストールする 1.PCのブラウザを使用する場合【chrome】chromeの拡張機能Ultimate User Agent Switcherを使用するどこにどのようなスタイルをあてているのか、どのようなディレクトリ構成をしているのか調べたいときはPCの開発者ツールで見るのがベストですよね。 というわけでPCブラウザからchromeの拡張機能、Ulti
2013年10月24日 著 ここ2週間ほど、TwitterでAndroidのブラウザを酷評しているわけですが。そもそも「ブラウザ」って何だよ、というところからして気に食わないのですけどね。何ですかブラウザって。一般名詞を固有名詞ぽく?使うだなんて、紛らわしいことこのうえない。デフォルトブラウザとも、標準ブラウザとも呼ばれることがあるらしいけれど、しかし表記は「ブラウザ」ってあるんだもん。本当にむかつく......いや問題はそこじゃなくて。最近、最強にイライラしているのは、html - android autofit mode causing issues with css width in web page - Stack Overflowで紹介されている件。記事中にあるように、この問題には対応策が無いわけではなく、日本語で紹介している記事もあります。 androidでwidthが効かない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く