Lighthouse is an open-source, automated tool to help you improve the quality of web pages. You can run it on any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, SEO, and more. You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module. Give Lighthouse a URL to audit, it runs a series of audits against the
日本初！西武、スマホ向けに実況解説付きマルチビュー映像配信
リモートで 実機検証可能な クラウドサービス テスト効率化の課題を抱えている方へ。 クラウド上の端末をＰＣで操作可能＆便利な機能も多数搭載。 従来の実機検証を効率化！
ペーパープロトタイピング講座シリーズ。第1回は導入編。 第1回はの導入編。ペーパー・プロトタイピングとは何なのか、何故必要なのか。そして導入することで、どんな利点があるのかを説明する。 ペーパー・プロトタイピングって何？ ペーパー・プロトタイピングとは、紙で実際にアプリやサイトを「実装する」ことである。 通常の開発においてコンテンツが使いやすいかどうかは、開発が終盤になるまでわからない。このため「作ってはみたが使いにくい」や「いまさら後戻りできない」という問題が発生する。UIや手触りが重要なモバイル系のアプリにおいて、これは致命的な問題になる。ペーパープロトタイピングはこの問題を低コストで解決する。 紙とペンで動作モックを作成することで、本実装を行う前に、素早く手戻なく検証を行うことができる。これにより、仕様書策定や実装前にPDCAのサイクルを実現できる。作業負荷の高い本実装を行う前に軽く
コンニチハ！ 料理もひと手間入れる方です。 おがさわらです。 今日のテーマは「文字」について。スマートフォンの文字の使い方をWEBデザインの視点から見てみたいとおもいます。 文字に大切な３つのポイントスマートフォンでは文字の可読性は重要になってきます。スマートフォンの使用環境は移動中が多く、PCでのWEBページの表示よりも、 視認性や操作性を考慮していくことがより大切になってきます。 たとえば、歩きながら画面を見たとき、ユーザーは周囲に気を配りながら 歩くことになるので、PCほどじっくりと注意しながら見ることはなくなると思います。 そういったことから、スマートフォンでの文字の扱いにはフォントサイズは、全体的に大きめのにラインハイト（行間余白）は、PCよりも多めにコントラストをはっきりとさせることが大切になってきます。 1.フォントサイズ図１は各種フォントサイズ。 それをスマートフォンで表
@fladdict: イイ感じのアップデートをしたはずのクックパッドアプリ。はずなのに・・・iTunesのレビューが無惨鬼なことに・・・ほんまAppStoreは地獄やで。かわいそう。 URL 2013-02-13 10:33:58 via web 以前に小売店でアルバイトしてたときに学んだことのひとつが「売り場のレイアウトを変えると売り上げが下がる」ということです。なんで？ って感じなんですが、私が働いてる間に就任した歴戦の店長３人が３人ともで同じ事を言っていたので、多分「小売あるある」なのだと思います。 なぜ売上が下がるのか気になって理由を聴いたことがあります。つまり個人研究の結果なんですが、それによると『主婦は商品の置いてある場所を一度覚えたら、次からはそこを目指し、無かったらもう探さない』のだそうな。レイアウトが変わっていて場所が変わってると『無い』ってことにするらしい。だから売れな
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
NTTレゾナントは11月13日から、Android向けアプリの開発者を支援するサービス「Developers AppKitBox」の提供を開始した。サービスの柱は、さまざまなAndroid端末の実機検証環境をインターネット越しに利用できる「Remote TestKit」。さらに、開発ツールやフレームワーク、テストプロセスに関する情報を集めた「Knowledge Note」も提供し、Androidアプリ開発者をさまざまな角度から支援していくという。 Androidアプリ開発に際しては、テストに多くの時間と労力が費やされる。一口にAndroid端末といっても、チップセットやハードウェア、画面サイズ、その上で動作するOSのバージョンの違いまで含めると千差万別で、検証用の環境をそろえるだけでも一苦労だ。「現在、Android端末は全世界で4000種、日本国内だけでも400種あるという。検証コストの
HTML5でinputタグのタイブが追加されましたが、現行のiPhone、Androidでどのくらい使えるのか調べてみました。 OSとブラウザに関しては以下の機種で調べています。 iPhone 5(iOS6)のSafari Galaxy S3(Android 4.04)のGoogle Chrome バージョン18 目次 テキスト入力 検索(search) 数値(number) 電話番号(tel) URL(url) メールアドレス(email) 日付・時間指定 時間(time) 日付(date) 日時(datetime) 日時(datetime-local) 週(week) 月(month) その他 範囲から指定(range) 色選択(color) テキスト入力 まずはテキスト入力系の属性を調べてみます。 見た目が変わったり、フォーカスインした際の入力モードが変わります。 検索(search
Media queries, the heart of Responsive Web Design, is a W3C CSS3 standard . Mozilla and Safari support extensions; A new standard dppx unit is available on some browsers; Microsoft has extensions but only for HTML5 Windows Store apps. This website creates media queries and evalute them dynamically in your browser. Try it on your mobile using the QR code or accessing m.ad.ag
発売から3日で販売台数が500万台を突破したiPhone 5。その大きな特徴のひとつがLTE通信に対応したこと。日本国内でも、KDDI（au）およびソフトバンクモバイルが、iPhone 5発売にあわせてLTEサービスをスタートさせるなど、注目を集めている。 iPhone 5のLTE通信に関して、一体どちらのキャリアが先行しているのか。前回はJR山手線の一部で通信速度の計測を行ったが、今回は少し都心を離れて、西武新宿線～西武池袋線の主要駅で計測を行った。西武新宿線は、東京都の西武新宿駅と埼玉県川越市の本川越駅を結ぶ路線。西武池袋線は、東京都の池袋駅と埼玉県飯能市の吾野駅を結ぶ路線である。なお、計測には前回同様「RBB TODAY SPEED TEST」を使用。同一箇所で3回計測し、平均値を算出している。計測したのはLTE回線に繋がった場合のみ。 計測は、西武新宿駅からスタート。現状、都心に強
2012年7月23日に Foraker Labs よりリリースされた「UX Recorder」を使ってみました。ユーザーのアクション（スワイプ、タップ、スクロール）と同時に表情を記録できるとあって、なかなか便利なアプリだったので共有したいと思います。「UX Recorder」で録画した動画を晒したりもしてみます。 「UX Recorder」はモバイルWebサイトのユーザーテストを行うためのアプリです。iOS向けのアプリとなっており、iPad版もあるようです。私はiPhone版を購入しました。販売価格は「$59.99」、日本円で5,250円となかなかいいお値段ですが、小規模なユーザーテストを頻繁に行う方にとっては、有効なアプリなのではないかと考えております。 「UX Recorder」で録画した動画をアップしました。こちらを見ていただければ、どのようなことができるのか、ご理解いただけると思い
Media Query & Asset Downloading Results April 10, 2012 # book media queries mobile performance responsive A little while back, I mentioned I was doing some research for the book about how images are downloaded when media queries are involved. To help with that, I wrote up some automated tests where Javascript could determine whether or not the image was requested and the results could be collected
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く