Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against 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. You give Lighthouse a URL to audit, it runs a series of audits against t
By Nukamari PCで閲覧できるサイトの中には、スマートフォン向けサイトを別に作成しているものがあります。ユーザーエクスペリエンスを向上するために作られたはずのスマートフォン用サイトの中には、不便な要素を含んでいるものが多く存在しているようで、Umer Mansoorさんが「スマートフォン向けに最適化されたはずのサイトが犯した7つの大罪」として、スマートフォン用サイトの悪い例を公開しています。 7 Deadly Sins of Mobile Websites | 10K-LOC http://10kloc.wordpress.com/2013/12/26/7-deadly-sins-of-mobile-websites/ ◆01:ロード時間が長すぎる ロード時間はサイトを成功させるために重要な要素の1つ。サイトに多くの高画質画像やJavascriptを含んでいると、ロード時間が極端
We built screensiz.es to help you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from a variety of sources. For a better understanding of Pixel Density, check out this great post by Teehan+Lax. Our “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzz
事の成り行きはこうだ。 1月下旬、auお客様センターより電話が来た。「通信料に関して、大事なお知らせがございますので、XXX番のKDDIお客様センターまでお電話ください」とiPhoneの留守電に入っていた。 かけ直して、オペレーターを呼び出すと、「海外でお使いになられた通信料が高額になってしまっていますので、そちらのお知らせをと思いまして……」となんだか歯切れが悪い。「あ、はい使いましたよー」と私。 私「パケ定額で使っていたと思うのですが……」 オペレーター「えーと、海外パケット定額をご利用とのことですね。たぶん、該当の事業者以外に接続されてしまったぶんになると思われるのですが」 “ん? なんかやっちゃった?”とチラッと頭をよぎった。 出張先はドイツ。パケ定額のキャリアにつながっていると思い、日本にいるときと同じように使っていた。ミュンヘンでは道に迷い、雪が吹雪くなか、GPS機能とネットを
海外旅行時には、海外パケ・ホーダイや海外パケットし放題を利用し、1日1980円もしくは2980円でインターネットを利用している人は多いだろう。確かに便利なのだが、1週間利用すると、2万円を超えてしまうのがネック。そこで、今回はできるだけ安く、海外旅行でネットを使う技を紹介しよう。ハワイでのモバイルルーター速度テストの結果も紹介する。 モバイルルーターを借りたほうが安くて安心 海外旅行でも、iPhoneやスマホは大活躍。ネットがあれば、地図にもなるし、ガイドブックにもなる。とはいえ、ネット回線をどうするかが悩みどころだ。ソフトバンク、ドコモ、auともに海外でもパケットを定額で利用できるプランを用意している。このおかげで、ずいぶんと手軽に海外でもネットを利用できるのは助かるところ。その際注意したいのが、海外で接続する携帯キャリアを間違えると、定額プランが適用されず、超高額な請求が来ること。(関
日本のスマホ利用動向:4人にひとりはスマホユーザーにスマホユーザー、2012年は43%の伸び 2/3近くのスマホユーザーはアンドロイドOSを使用 2012年8月21日 –コムスコア・ジャパン株式会社(本社:東京都港区、代表取締役社長 西谷大蔵、以下コムスコア)は本日、携帯電話の包括調査データベースの 「モビレンズ(Comscore MobiLens)」 を通じて分析した、日本における携帯電話利用者の最新状況に関する2012年6月までの3ヶ月平均のレポートをリリースしました。この調査は携帯電話契約 者5000人以上を対象にした毎月頻度の調査です。調査によると、日本における携帯電話端末メーカー別のシェアは22.6%でシャープがトップとなってい ます。スマートフォンのプラットフォームのシェアはGoogle社のアンドロイドOSが64.1%で過半数を占め、その後にアップル社が32.3%と続い ており
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」(スマホサイト)を開設する企業が増えている。当初はiPhone(iOS)の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 好評だった前編に引き続き、Web制作者が見ておきたいスマートフォンサイト(日本語/企業サイト限定)を業種別に分類して紹介する。スマートフォンサイトの制作に入る前にチェックしておこう。
以前にFirefoxのアドオンで、3キャリア(docomo, au, Softbank)対応携帯シミュレーター「FireMobileSimulator」を紹介したが、昨年末にそのFireMobileSimulatorの公式サイトがオープンしていた。 FireMobileSimulatorの特徴は以下の通り。 誰でも簡単に導入できる」かつ「高機能である」ことを目的に作成された新しい携帯シミュレーター 公式化に伴い、http://ke-tai.org/ さんとの連携が図られ、最新の端末情報データベースから任意の端末を追加することが可能となっている。 いいすね、オープンソースって。 これで益々携帯の開発需要が増えてる現在では、デザイナー、プログラマーにとって便利なツールとなるだろう。 Firefox用アドオン3キャリア(docomo, au, Softbank)対応携帯シミュレーター「FireM
iPhone、Android、Galaxyなどのスマートフォン向けにしてくれるとっても便利で有名なプラグインWPtouch があります。プラグインを有効化してデフォルトでも充分に使えますが、当サイトのようにトップページに固定ページを設けて作成しているサイトにとってはデフォルトではブログのイメージが強く何か物足りません。そこでトップページを新たに作成してみました。 WPtouch をカスタマイズする前の準備 WPtouch をインストールされていない方は、まずWPtouch のプラグインをインストールして有効化しましょう。有効化したらレイアウトを確認してみましょう。もしも手元にスマートフォンがない方はパソコンでスマートフォン画面を確認するをご覧下さい。 WPtouchをインストールしてプラグインを有効化する。 パソコンでスマートフォン画面を確認出来る状態にする。 WPtouchを有効化したス
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidのChromeで が「・」になってる気がする | ビビビッ を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:
shutto(シュット)サービス終了 PCサイトのスマホ変換サービス「shutto(シュット)」は、2024年3月31日をもってサービスを終了しました。 今まで多くのお客様にご愛顧いただきましたこと、スタッフ一同深くお礼申し上げます。 ※Webサイト多言語化ツール「shutto翻訳」は「shutto」とは別サービスとなります。 「shutto」はサービス終了となりますが、「shutto翻訳」には影響ございません。 「shutto翻訳」はこちら shutto終了後のスマートフォン変換にお困りの方 株式会社アイスリーデザイン様が提供している「flamingo」サービスでスマートフォン変換が可能です。 詳細は株式会社アイスリーデザイン様にご確認ください。 ■「flamingo」に関してのお問い合わせ先 株式会社アイスリーデザイン 営業本部: 担当 原島(はらしま)/野林(のばやし) お電話でのお
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは? FireMobileSimulatorは、主要3キャリア(DoCoMo/Au/SoftBank)の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
『iWPhone』なるWordPressプラグインを導入して、iPhone/iPod touch向けの表示画面を最適化してみたよ。iPhone/iPod touchをお持ちの皆さまは、試しにアクセスしてみていただけると幸い。 追記:その後「WPtouch」に乗り換えました。経緯などは『WordPress: iPhone用テーマ「WPtouch」導入 – Hinemosu』をお読み下さい[2009/11/11] 事の起こり 事の起こりは携帯端末ブラウザをシミュレートするFirefoxプラグイン「FireMobileSimulator」のバージョンアップついでに、ウチのブログがiPhoneでどう表示されるのかを確かめたのが始まり。ある程度は画面が崩れることを覚悟してたけど、予想を上回るグチャグチャなレイアウトで軽くショックを受けました。 携帯対応プラグイン「Ktai Style」を導入していた
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには? ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く