スマホでWebを見る人が増えると、サーバーの設定を変えなきゃいけなくなった話 | 初代編集長ブログ―安田英久
接続処理中の状況が大量にあり、接続によってはアクセス開始から数分間「接続受付中」だったりと、通常では考えられない状況でした。 わかりやすく言うと「もうダメ、これ以上アクセスが来ても処理できないです」という状態でした。 Yahoo!砲などの大量アクセスがあったわけでもないのになぜだろうと考えて、思い当たったのがスマホでした。特に、スマートニュースやグノシーなどのニュース系アプリからのアクセスですね。 PCからのサイト閲覧が中心のとき問題なかったのに、同じアクセス数でもスマホからのアクセスが増えるとWebサーバーがいっぱいいっぱいになってしまうことがあるのです。 ガラケー向けのケータイサイトをやっていた人には当然のことなのですが、モバイルからのアクセスというのは、サーバーから見るとちょっと面倒なんです。通信速度は遅いし（つまりデータの送受信に時間がかかる）、接続の途中で電波の状況が悪くなってし
HTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIA
スマートフォンのブラウザでどの程度のグラフィック表現が可能なのか、性能が気になりませんか？ 近年、HTML5を利用できる分野はウェブサイトのみならず、ゲームやSPA（シングルページアプリケーション）など多岐に渡っています。そこで、本記事ではiOSやAndroidの新旧さまざまな端末を使ってパフォーマンスを検証。記事の前半では描画性能を、後半ではJavaScriptの計算性能を測定しています。 描画性能の検証ビデオをご覧ください さまざまな端末を使って、描画検証の様子を録画しました。この80秒の動画では画像のオブジェクトの表示可能な個数を測定しています。ビデオの後半が見どころで、iPhone 5のパフォーマンスが良すぎてビデオを早送りするほどスコアがでるまで時間がかかっています。 さまざまな端末のスコアを測定しました 次の表に、2012年までに発売されたスマートフォンのスコアを掲載しました。
グーグルが「安全対策」として一部サイトへのアクセスをブロック 毎日ｊｐなど大手サイトも - MSN産経ニュース
米国の大手検索サービス「グーグル」が、大手サイトを含む複数のＷｅｂサイトへのアクセスをブロックしていることが５日、わかった。グーグル日本法人によると、ユーザーの安全確保策の一環として自動で行われているという。ブロックされている大手サイトには、「毎日ｊｐ」や「マイナビニュース」が含まれている。 グーグル日本法人によると、これは「セーフブラウジング機能」といい、そのサイトにアクセスすると、パソコンやスマートフォンが損害を受ける可能性があると判断した場合に、アクセスをブロックするという。「いくつあって、何が問題だったかは個別には説明できない」（広報部）という。 対象となるのは、パソコン用のグーグル検索だけでなく、アンドロイド仕様のスマートフォンもグーグル検索を使うため対象となる。 ５日午後の時点で複数ある対象サイトに「毎日ｊｐ」や「マイナビニュース」は含まれている。実際にグーグルで日本語検索して
PCサイトをスマホに最適化するツール、Googleがリリース 1年間無料
PC向けWebサイトを簡単にスマートフォンに最適化できるツールをGoogleが提供。中小企業が低コストにスマートフォン向けサイトを作成できるようにする狙いだ。 Google日本法人は11月28日、PC向けWebサイトを簡単にスマートフォンに最適化できるツールの提供を始めた。最初の1年間は無料。2年目以降は月額1180円。中小企業が低コストにスマートフォン向けサイトを作成できるようにするのが狙い。 PCサイトのURLを入力すると、スマートフォンに最適化した画面を自動で表示。テンプレートや色、ボタンの配置などを調整するだけで、スマートフォン版の簡易サイトを作成できる。ワンクリックで電話をかけられるボタンを付けたり、地図を挿入することも可能だ。 サイトデザインが完成するとURLを発行。PCサイトにアクセスしたスマートフォンユーザーを、スマートフォン版にリダイレクトさせる設定もできる。 Googl
企業向けスマホサイト変換サービス6選、PCサイト → スマホ変換を徹底比較 | Product Showcase
Webアクセスにおけるスマートフォン比率が高まるにつれ、多様な「変換サービス」が出揃ってきた。これまで企業サイトのスマホ対応はスクラッチ（ゼロからの独自開発）での制作が主流だったが、今後は、ワンソースでマルチデバイスに対応できる「PCサイト → スマホサイト変換」サービスの導入が常識になるだろう。企業担当者からすれば、開発、運用におけるサイトのコストパフォーマンスやマーケティング的な利便性が重要となってくるからだ。 検索するだけでもさまざまな変換サービスを見つけることができるが、今回は企業サイトに相応しい変換サービスの選び方とともに、「PC → スマホ」変換に絞り、製品をピックアップして紹介する。 ADPLAN SG（オプト） ショーケース・ティービーのエンジンを採用、ADPLANシリーズの各種ツールと連携Mobify（ドーモ） 米スターバックスほか、海外で2万件以上の実績を有するツールの
第2回 エミュレータ/実機なしで動作確認─Ripple Emulatorを使ったPhoneGapアプリ開発 | gihyo.jp
通常PhoneGapを使ったアプリ開発では、iOSシミュレータやAndroidエミュレータ、実機を使った動作確認をすることになります。各エミュレータの起動や実機へのインストールは、それなりの時間が発生します。今回は、機能実装・修正→確認のサイクルを効率良く回すためのモバイルエミュレータ「Ripple Emulator」をご紹介します。 Ripple Emulatorとは Ripple Emulatorは、Google Chromeベースのモバイルエミュレータです。各モバイルの画面サイズや、GPS、コンパス、モーションセンサを再現し、モバイルアプリの動作テストを行うことができます。 通常PhoneGapアプリを開発する場合、devicereadyイベントが発火した後でネイティブの機能を呼び出すことになります。このdevicereadyイベントはPhoneGap（Cordova）特有のイベント
スマートフォンのtable要素をレスポンシブにできない問題 | 高橋文樹.com
この投稿は 11年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 最近レスポンシブデザインという言葉が流行っています。あまり深く考えたことはありませんが、個人的にはこんなところがいいなーと思ってます。 ワンソースで済む Googleが推奨してる 駄目だなーと思うところはこんなです。 PHPのように動的なサイトの場合、非表示の要素でも演算対象になる 古いAndroidブラウザが怖い まあ、Webプログラミングの場合は携帯サイトを作っていたわけで、スマートフォンだからどうこうということでもないかなと思います。 ちなみにこのサイトは一応スマートフォンとPCで表示が変わりますが、CSSのメディアクエリはほとんど使ってなくて、bodyタグにデバイス種別のクラスをつけることで対処してます。Nginxのプロキシキャッシュはデバイスで分けてます。 さて、
スマートフォンからのアクセス増加が激しいので、もう考え方を変えないとダメだと思った
iOS と Android をあわせると35.53%で ついに3分の1以上がスマートフォンからのアクセスです。 うんまあ iOS には iPad と iPod touch も含まれるから このうちすべてが「スマートフォン」じゃないかもしれないけど、 いま話したいのはそういうことじゃないんだ。 これまでこのブログは パソコンのブラウザでの表示を前提として作ってて、 スマートフォンからアクセスがあったときはそれ用の表示に切り替えるため WPtouch というプラグインにお世話になってました。 これは本当に優れたプラグインで、とっても助かってたんだけど、 でもこのやり方は変えないとダメだな、と思いました。 今の勢いでいくと、さほど遠くない将来 アクセス元の端末はスマートフォンの方が多くなる。 多分この流れは止まらないと思います。 そんな中、PC での表示が中心で 「スマートフォンにも対応してます
Html5制作の現在
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜Masakazu Muraoka
スマートフォン向けのイベントを簡単に実装できる「QUOjs」
スマートフォン独自のタッチイベントは多数有り、スワイプ、タッチによるドラッグなど様々なものがありますが、今日紹介するのはスマートフォン向けのイベント簡単に実装できる「QUOjs」です。 このjs一つで、様々なイベントに対応してくれます。現状、対応しているイベントは以下の通りです。 詳しくは以下 Comingsoonとしてローテート、ピンチイン、ピンチアウト等の動きも今後対応予定とアナウンスされています。 このライブラリはモバイルでの利用が見越されて設計されており、非常に軽量となっています。jQueryと似た構造となっていますので、jQueryに慣れている方にとっては実装も簡単です。またデバイスの環境を取得できるように作られており、オンラインか否かなども取得する事ができます。 詳しい実装方法、jsのダウンロードは「QUOjs – Micro JavaScript Library」からどうぞ。
スマートフォンと画面解像度・ピクセル密度
320 dpi Androidの密度グループ iPhoneを当てはめると、iPhone 3までがmdpi、iPhone 4からはxhdpiに区分けされそうです。日本で流通しているAndroidスマートフォンの多くはhdpiに属するでしょうが、最近のHD解像度の端末はxhdpiに属しそうです。 IS05やXperia ray, INFOBAR A01/C01などはグループ上hdpiに属しています。しかし、画面サイズが小さいことからピクセル密度が300dpi前後と、xhdpiに近くなっています。小型で高解像度な端末が増えると、所属するグループだけでは画面の精細さを判断するのは難しくなるでしょう。 ピクセル密度の違いが見た目に影響する さて、ピクセル密度のばらつきによって、すこし困ったことが起こります。密度の低い環境に合わせて作られたコンテンツの見た目が、密度の高い環境で良く見えない可能性が出て
H2O Blog., Googleが推奨しているのは、レスポンシブ・ウェブデザインではない！？
先日、Googleが発表した『Google がお勧めするスマートフォンに最適化されたウェブサイトの構築方法』は、Web業界に衝撃をもたらしました。 レスポンシブ・ウェブデザイン（RWD）を「推奨」すると明記してあり、いわゆる「専用サイト」を全否定するような内容にも取れました。 これで、スマートフォンのサイト対策はRWD一択のように受け取られてしまった方もいることでしょう。しかし、ここで勘違いしてはならないのは、「RWD=レイアウトが解像度でダイナミックに変化する手法」 のことではないということ。 実は、日本語版のブログでは内容の一部しか翻訳されておらず、詳しくは原文にリンクがされています。 Building Smartphone-Optimized Websites また、こちらのサイトなどが、エントリーの元になったセミナーの内容などを元に詳しく解説をされています。 スマートフォン向けサイ
スマホのWeb開発に、Adobe Shadowが神ツールな件 | fladdict
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる！！ iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ（Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
新着記事
パナソニックのスマホ連携エアコン、外出先からの運転ON機能を削除
スマートフォンブラウザ不具合特集
https://ameblo.jp/ca-1pixel/entry-11334309931.html
スマートフォン対応、気をつけたいトラブル
