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
スマホWebサイト/ハイブリッドアプリ開発を高速化するJavaScriptフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG
デスクトップ向けのWebサイト開発ではjQuery/Backbone.js/AngularJS/Ember.jsなどを採用するケースが多いのかなと思います。しかしスマートフォン、タブレット向けのWebサイトとなるとまた勝手が違います。特にUI周りの取り回しであったり、タッチ/マルチタッチイベント、スマートフォン特有のAPIなどを適切に扱えなければなりません。何よりハードウェアの性能がデスクトップより低いので高速にストレスなく動作させるためには軽量でなければなりません。そこで今回はスマートフォン、タブレット向けのWebサイトを構築したり、HTML5によるハイブリッドアプリを開発するのに使えるJavaScriptフレームワークを紹介します。ぜひ皆さんの開発に役立ててください。mBaaSお役立ちブログ トップ> ブログ> Tips> スマホWebサイト/ハイブリッドアプリ開発を高速化するJava
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
スマホアプリ開発の見積もりで気をつけたいいくつかのこと
こんにちは、鴨田です。 普段はプロジェクトマネージャーやデザインディレクション、デザイナーとして、 働いている時間が長いのですが、営業として他社様に出向き、 案件ヒアリングや見積もりをすることがあります。 スマホ案件に携わることが多いため、大体の場合はスマホアプリ案件なのですが、 見積もり時に注意すべき事が多々あります。 今日は、スマホアプリ開発の見積もりで注意すべき点について、 いくつかご紹介できればと思います。 １．対応OSのバージョン 対応OSに関しては、おそらくiOS、Android両対応であったり、 どちらかをリリースしてから、もう一方を作るというケースが多いと思います。 重要なのは、どのバージョンを対象としてる作るのか、です。 iOS6.0以上、Android4.0以上、ということであれば、 ほとんど問題なく、開発を進めることが出来ます。 これが、iOS5.0以上とかAndro
エックスサーバー サーバー初期ページ
このウェブスペースへは、まだホームページがアップロードされていません。 早速、エックスサーバー上へファイルをアップロードしてみましょう。 アップロードの方法などは、サポートマニュアルをご参照ください。
iPhone/Android/PC 対応。jQuery で書くタッチイベント
こんにちは！プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この３点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
アプリの一般的な開発環境とゲーム開発プラットフォーム、広告会社に求められるSDKの対応について：That's the Way to GO!：オルタナティブ・ブログ
当然ながらアプリを開発する開発環境が必要になります。iOS（iPhoneやiPad、iPod Touch）の場合はObjective-Cで開発を行うXcodeが必要になり、Androidの場合はJavaで開発するEclipseといった開発環境が必要になります。これらは統合開発環境（IDE - Integrated Development Environment）と呼ばれるコンパイラ・テキストエディタ・デバッガなどがひとつになったもので、画面から簡単に操作できるようになっています。 近年人気の高いゲームアプリの開発環境についてフォーカスしたい思います。ゲームアプリの場合、ゲームエンジンと呼ばれる2Dまたは3Dグラフィックレンダリング、物理演算、サウンド、AIやアニメーションなど、ゲームの基本的な要素を提供するソフトウェア・フレームワークが必要になり、それぞれの開発環境（Xcode、Eclip
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
Junior - A front-end framework for building HTML5 mobile apps with a native look and feel.
A front-end framework for building HTML5 mobile apps with a native look and feel. CSS3 Transitions optimized for mobile performance. Swipable carousels using flickable.js. Integration with backbone.js views and routers. Ratchet CSS UI components. Try loading this page on a mobile phone or try our "simulator" to the right. Download Installation Javascript Dependencies modernizr zepto zepto flicka
遅すぎる日本のスマホサイトの原因を探る (1/4)
デジタル機器の利用動向で知られるコムスコアの調査によると、2011年12月時点の日本における携帯電話に占めるスマートフォンの割合は16.6%でしたが、2012年6月には23.5%になり、半年で約7ポイントも増加しました。「まだ4人に1人の割合じゃないか」と思う方もおられるでしょう。 しかし、有名な「キャズム理論」によれば、普及率がイノベーターとアーリーアダプターを合わせて16%を超えると、一般大衆が技術を受け入れます。2012年12月時点の普及率はまだわかりませんが、すでに半分を超えていてもおかしくありません。スマートフォン未対応の企業サイトは、「時代遅れ」といっても過言ではないのです。 日本のスマートフォンサイトの問題点 すでにスマートフォン対応を済ませた日本の企業サイトは「マーケットに素早く対応して流石だ！是非、お手本として見習おう」といえるでしょうか？ 先行してスマートフォンに対応し
iPhone5パケ詰まりの謎 | 無線にゃん
iPhone5でパケ詰まりが大流行らしいですが原因はなんでしょうか、と言うお便りをいただきまして、元祖パケ詰まり博士の無線にゃんが解説します。なんだよパケ詰まり博士って。 検索するといろんな情報があるようですが、現象としては、どうやらau限定で、LTEと3Gの境界で報告されている例が多いようです。いろんな説が出ていて、「800MHzを豪奢にLTEに使ったので3Gが細った説」「Qualcommチップのバグ説」「個体差説」等々。ちょっとだけ考えてみます。 と言っても、たいてい、パケ詰まりなんてのはネットワークが原因でおこるものです。元祖パケ詰まりと言えば、2000年初頭に話題をさらった使い放題PHSパケット(AIR-EDGE)のパケ詰まり。あのころは固定回線常時接続が引けない集合住宅などがまだ多く、常時接続需要が一斉にAIR-EDGEに流れ込んで、盛大なパケ詰まりを発生させていました。 原因は
【広告主に悲報】モバイル広告が割安なのは幻だった、指が太くてミスタップが続発 | PRFREAK
【広告主に悲報】モバイル広告が割安なのは幻だった、指が太くてミスタップが続発 2012/10/28 広告 先日、日本での事業開始をリリースアウトした米アドテクベンチャーGoldSpot Mediaが、「Fat Finger Report」で、モバイルの静的バナー広告が生成するインプレッション数の最大50％は、誤クリックや指の太さによるミスタップによるものだと公表しました。 ひとりのスマートフォンユーザーとしては納得の結果、広告主としては衝撃の事実でしょう。モバイル広告はPC向け広告に比べ、平均的にクリック単価（CPC）が断然低い傾向にありますが、あのお得感は幻だったというわけです。 ユーザーがバナー広告をクリック後2秒未満に遷移先のアプリやサイトを閉じた場合、誤クリックやミスタップだと判断し、GoldSpot Mediaのアドプラットフォームを利用し、数百万インプレッションのデータから分析
月額４８０円でスマホが使える！？格安データ通信会社(MVNO)のまとめ。 : まめストリート・ジャーナル 〜無料で情報が買える唯一の新聞〜
2012年10月11日23:10 by tkfire85 月額４８０円でスマホが使える！？格安データ通信会社(MVNO)のまとめ。 カテゴリ管理人 雑談 tkfire85 最近は、携帯の買う時には「ガラケー」ではなく「スマートフォン」に買い換える人が多いと思います。最新の「iPhone5」のように高速の通信(LTE)やアプリの多さ、スマホがパソコン代わりになるといった利点があります。しかし、スマートフォンの問題は端末以上に携帯キャリアの月額料金が高いという事ではないでしょうか？今までは2段階のパケット定額があって、あまり利用の少ない月は料金が安くなるシステムでした。安い人では月2，000円だったという人もいるでしょう。一方、スマホでは月額料金が定額で最初から高いです。平均すると6，000円〜7，000円くらい請求される人が多いと思います。他社の乗り換えだと月額料金が安くなるといった(auで
app-UI by triceam
If you're going to build an app, use this. View the Project on GitHub triceam/app-UI Download ZIP File Download TAR Ball Fork On GitHub app-UI is a free & open source collection of reusable "application container" user interface components that may be helpful to web and mobile developers for creating interactive applications using HTML and JavaScript, especially those targeting mobile devices. app
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンの比較サイト - スマートフォンデータベース
公海555000kk线路检测—首页（欢迎您）
creatorish.com
Base - A super simple, responsive framework designed to work for mobile devices, tablets, netbooks and desktop computers.
スマートフォン対応、気をつけたいトラブル
Welcome to SIGMA-EMEA