JavaScriptユーザエージェント判別・判定
Updated 2015.11.24 / Published 2015.04.02 新しいFirefox OSやWindows Phoneを含めた2015年現在のユーザエージェントを判定し分岐処理を行う手順をご紹介します。OSや機種毎の処理を行っていくには、もはや無理がありますので、タブレットかスマートフォンかを判別することのみにフィーチャーしています。 ユーザエージェント情報に依存して、分岐処理を行うと、常に付きまとう悩みの種が新しいOSの登場です。今年もすでにauからFirefox OSを搭載したスマートフォンであるFx0が新たに登場し、次いで日本国内でもWindows Phoneが発売されることが決まっており、ユーザエージェント情報に依存して処理を行っている部分は相次いで見直しを迫られることになりますので、以下、ご参考に活用いただければと思います。 var _ua = (functi
動画アプリは夜につかわれる。インスタは急成長中で、キャリアメールは死にゆく。（ビデオリサーチのアプリデータより）｜アプリマーケティング研究所
動画アプリは夜につかわれる。インスタは急成長中で、キャリアメールは死にゆく。（ビデオリサーチのアプリデータより） ビデオリサーチさんが興味深いスライドを公開していたのでメモ。動画系アプリのユーザーデータなどについて。Androidユーザー5万人ベースの調査結果。 オールマイティな「YouTube」 ・男女比としては男6：女4。 ・年齢層は10〜30代で、ほぼ均等という感じ。 ・一番つかわれているのは夜20〜23時くらい Googleがだしていたデータでは、YouTubeは15〜17時にスパイクがたっていた記憶があるが、このデータだと割りとなだらかに登っていく感じ。 女性にも人気「ニコニコ動画」 ・男女比は男6：女4（もっと男性よりかと思ったが） ・年齢層は10〜20代でほとんどを占めている（あくまでアプリのデータなので、30代以上はWEBで見ているとかもあるかも） ・使われている時間帯は夜
カレー屋チェーン店公式アプリの仮想案件をみんなで見積もってみた #モバイル見積 - ReDo
スマホアプリを新規作成したらいくらかかる？モバイル見積もり勉強会 #モバイル見積 http://www.zusaar.com/event/3147004 カレー屋チェーン店「ペッパー警部」の公式アプリを作ってほしい、という仮想案件に対して見積もりをしてみる勉強会を2014.01.24 19:00-21:30で開催しました。会場は渋谷の21cafeをお借りしましたが、無料で借りていいの？というぐらいにはプロジェクタ・WiFi完備でキレイなとこでした、同業（？）の皆様にはオススメしておきます。 WordBench神戸勉強会さんの WordPressサイトを構築するといくらかかる？ 見積り勉強会で価格を出してみた http://wordbench.org/2014/01/14/wordbench-kobe/ が、面白かったので、そのスマホアプリ版をやってみた、という話です。 モバイル見積もり勉強
iPhone 5s、iPhone 5cの各キャリア展開についていろいろ - カイ士伝
私自身は熱心なiPhoneユーザーではないのですが、どうにも携帯電話キャリアの料金プランや端末代金がわかりにくいこともあり、今回の各キャリアからリリースされるiPhone新モデルについていろいろご質問いただくので、この機会に自分なりの見解をブログにしたためておきます。 月額料金について 本題に入る前に各キャリアとも見せ方がひどすぎる。特に4410円という学割価格が誰にでも適用されるかのような見せ方をするドコモは、これが日本最大の携帯電話キャリアがやることですかねと残念に思います。 そして本題の月額料金ですが、比較表などは各メディアやブログがやっているのでそちらにまかせておきつつコメントだけ。 iPhone 5s / 5c 端末価格、料金プラン、ネットワーク 各キャリア比較シート : ギズモード・ジャパン http://www.gizmodo.jp/2013/09/iphone_5_113.
どのキャリアのiPhone 5s/5cを買うべきか!!電波の観点からまとめたので参考にして下さい | スマートフォン王国!!
NTTdocomoが取り扱う事によって、より激化する「iPhoneはどの会社の奴を買えばいいのか」問題。 料金プランや細かいキャリアサービスの発表はまだですが、恐らく料金はほぼ横並び、キャリアサービスもiPhoneにとってはオマケでしかないと思いますので、無視出来る差として…。 今回は一番キャリア間で差が「電波」の観点からのみまとめてみたいと思います。 初めに 現在、docomo、au、SoftBank共に高速通信LTEのサービスを始めております。 しかしながら各社共複数の周波数帯でLTEを行っており、更にはiPhoneが対応している・していない、東京では使えるけど沖縄では使えない(逆も然り)等、かなりカオスな展開ですので、なるべく分かりやすい様にまとめます。 docomo 東京・名古屋・大阪ユーザーは買った方がいい度 ★★★★☆ 地方ユーザーが買った方がいい度 ★★☆☆☆ docomoの
伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから（前編）～Salesforce Developer Conference Tokyo 2013
伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから（前編）～Salesforce Developer Conference Tokyo 2013 いま多くの開発者が取り組もうとしているモバイルアプリケーションの開発は、経験の面でも技術の面でも、コンシューマ向けの開発現場が大きく先行しています。 9月6日開催されたSalesforce Developer Conference Tokyo 2013のセッション「B2Cからみたモバイルアプリケーション開発のいまとこれから」では、コンシューマ向けサービス開発の現場に身を置いてきた伊藤直也氏が、モバイルアプリケーション開発を成功させるための方法を、これまでの経験や現在の開発現場で得たノウハウなどを基に語っています。 試行錯誤の回数を増やす、iOSとAndroidは同じように作ってはいけないなど、モバイルアプリケーション開発に関わるエンジ
)
Windows のタッチ操作 - Windows app development
Windows 8.1 には、システム全体で使われるタッチ操作の簡単なセットが用意されています。このタッチ言語を一貫して適用することで、ユーザーに、自分が使い慣れたアプリと似ていると感じさせることができます。アプリの使い方をわかりやすくすることで、ユーザーの信頼感が増します。タッチ言語の実装について詳しくは、「ジェスチャ、操作、対話的操作」をご覧ください。 この記事の内容: タッチの設計原則 タッチ言語 タッチ ターゲット 位置と持ち方 関連トピック タッチの設計原則 即座にフィードバックを返す 画面がタッチされたときにすばやく視覚的フィードバックを返すようにすると、ユーザーが安心して操作できます。操作に対して、色やサイズの変更、移動で応答する必要があります。操作できない要素は、画面がタッチされたときだけタッチ画像を表示するようにします。 コンテンツが指の動きに付いていくようにする キャン
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
高木浩光＠自宅の日記 - spモードはなぜIPアドレスに頼らざるを得なかったか
■ spモードはなぜIPアドレスに頼らざるを得なかったか spモードの事故 NTT docomoのスマホ向け独自サービス「spモード」が、今月20日に大規模な事故を起こして、重大事態となっている。 スマホ向けネット接続が不具合 ドコモ 別人のアドレス表示, MSN産経ニュース, 2011年12月20日 ドコモのspモードで不具合、他人のメールアドレスが設定される恐れ, 日経IT Pro, 2011年12月21日 ドコモの「spモード」でトラブル、関連サービスが一時停止, ケータイ Watch, 2011年12月21日 ドコモ、spモード障害で「ネットワーク基盤高度化対策本部」設置, ケータイ Watch, 2011年12月26日 ドコモ 約1万9000人に影響, NHKニュース, 2011年12月27日 ドコモの“メアド置き換え”不具合、影響数や新事象が明らかに, ケータイ Watch,
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
スマートフォンサイトの作成術 - 大川洋一
The document discusses various techniques for developing mobile web applications, including: 1. Using viewport meta tags to control layout on different screen sizes. 2. Storing cached content in Web Storage instead of cookies for better performance on mobile. 3. Loading images lazily via Ajax to improve perceived performance. 4. Detecting device orientation changes and resizing content appropriate
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: iPhone+Android スマートフォンサイト制作入門 (WEB PROFESSIONAL): たにぐちまこと: 本