2021年版 主要なアプリ内ブラウザのUserAgentを調べてみた & 判定を実装してみた
アプリ内ブラウザによって挙動が違うと、時にはグッとこらえてUserAgentによる条件分岐を入れなくてはいけないということもあるでしょう。 本当はこんな条件分岐入れたくない。でも、長い人生では止むに止まれぬ大人の事情というものがあります。 ...さて、どう判定しよう？ ざっと調べたところ少し古い情報しか見当たらなかったので、自分で調べてみました。 2021年6月27日時点、手元の iPhone 12 Pro(iOS 14.5) Pixel 4(Android 11) を使って各アプリの（おそらく）最新版を使って調査しました。 それをもとに作成した、JavaScript (ES6)による実装例もつけてあります。間違いやもっといい方法などあればぜひコメントください。 テストコード付きの実装例はこちらから。 UserAgentの実例集め 対象にしたアプリは以下の通り： Twitter Faceb
プッシュ通知 (Android) : 基本的な使い方 | ニフクラ mobile backend
概要 このページでは、プッシュ通知の基本的な使い方について説明していきます。 設定の流れ ニフクラ mobile backendのプッシュ通知機能は、 Googleが提供しているFirebase Cloud Messaging（以下、FCM）と連携することで、通知の配信を行っています。 Androidアプリでプッシュ通知を受信するまでの設定は以下のような流れとなっています。 google-services.jsonとFirebase秘密鍵の設定 ニフクラ mobile backendでの設定 アプリでの設定 google-services.jsonとFirebase秘密鍵の設定 FCM対応したプッシュ通知を送信する場合、google-services.jsonをアプリに配置してただくのと、Firebaseプロジェクトの秘密鍵をmobile backendにアップロードしていただく必要があり
【ハイブリッドアプリ】Monacaを利用してみてはじめに疑問に思ったこと一覧 - Qiita
Monacaでハイブリッドアプリを作りたいと思って利用してみてやってみたことや不明だったことをメモも兼ねてまとめてみます。 個人的な感想なのであくまで参考程度に。 どこで勉強したらいい？ サイト Monaca入門：Onsen UI＋AngularJSで作るハイブリッドモバイルアプリ Monacaを最初から使ってみてAngularJSの基本やAPIのコールなどから勉強できる。 超速アプリ開発！ニフティクラウド mobile backend 入門 ドットインストール：Monacaを利用してPUSH通知まで簡単にできる。サーバ側もmobile backendで簡単に構築できるのでお薦め。 Monacaでチェックインアプリを作成する ハンズオンの資料。同様にmobile backendを使ってアプリを作れます。 アシアルブログ 本家ブログなので情報が新しい。慣れてきたら見るとよい。 Qiita M
Google Play でアプリのリリースを自動化する
.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
AWS Mobile Hub × Monaca第二弾。Amazon Pinpointでアプリのアクセス解析を行おう
AWS Mobile Hub × Monaca第二弾。Amazon Pinpointでアプリのアクセス解析を行おう 2018年7月17日 2018年8月10日 技術情報 AWS Mobile Hub, Monaca, Pinpoint, アクセス解析 中津川篤司 今回はAWS Mobile Hubに含まれるサービスの一つ、Amazon Pinpointを使ってアプリにアクセス解析を組み込む方法をご紹介します。Amazon Pinpointはこの他にもプッシュ通知やメール、SMS配信、A/Bテストといった機能を提供しています。 Amazon Pinpoint (ターゲットプッシュ通知とモバイルエンゲージメント) | AWS プロジェクトの準備 第一回目の記事 で作成したプロジェクトにアクセス解析機能を追加していきます。 アクセス解析機能の有効化 AWS Mobile Hubで User Si
SeleniumのUIテスト自動化をiOS／AndroidにもたらすAppiumの基礎知識とインストール方法、基本的な使い方
Appiumの主な特徴は以下の通りです。 Android 2.3.3以降、iOS 6.0以降に対応している Webブラウザーを使ったテストの自動化で広く利用されているSelenium WebDriver（「Selenium 2」とも呼ばれます）と、ほぼ同じ書き方でスマートフォンアプリのテストスクリプトを書くことができる Ruby、Python、Javaをはじめとした、さまざまなプログラミング言語でテストスクリプトを書くことができる Webアプリの自動テストにSelenium WebDriverを利用しているテストエンジニアが、少ない学習コストで、AndroidやiOSのアプリの自動テストにも着手できる、という点がAppiumを採用するメリットといえます。 Appiumは、バージョン1.0を境に、テストスクリプトの書き方（API仕様）が大きく変更されています。 そのため、バージョン1.0未満
初心者でも Windows 10 Mobile アプリを作りたい！
2016/03/26 に開催されたプログラミング生放送勉強会第40回@金沢で登壇した資料です。Read less
チュートリアル : チュートリアルの一覧 | ニフティクラウド mobile backend
位置情報に連動したプッシュ通知を送る(iOS) このチュートリアルでは、iOS8から追加されたLocation Notification機能と ニフティクラウドmobile backendのプッシュ通知・位置情報検索を利用して、 位置情報に連動したプッシュ通知を配信するO2Oアプリを実装していきます。 このプロジェクトは、iOS8で動作させることができます。 チュートリアルを見る ゲームにオンライン機能を追加する（Unity） このチュートリアルでは、ユニティ・テクノロジーズ・ジャパン合同会社の配布するサンプルプロジェクト「2D Shooting Game」をベースに、mobile backendを使ってゲームにオンライン機能を追加する方法を学びます。 チュートリアルを始める前に、必ず下記のリンクからサンプルプロジェクトをダウンロードしてください。ここで配布しているプロジェクトは、前述した
成功するPhoneGapアプリを開発するための高速化＆UXテクニック
興味深いブログ記事が海外で掲載されていました。拙訳で恐縮ですが紹介したいと思います。 内容はPhoneGapアプリを高速化するための手法の解説で、具体的な事例とともに、いくつかのテクニックの紹介が行われています。少し長い記述になりますが、是非PhoneGapやMonacaを用いた開発の参考にしてください。 成功するPhoneGapアプリを開発するための高速化＆UXテクニック Performance & UX Considerations For Successful PhoneGap Apps PhoneGapアプリを開発する方から、下記のような質問をよく尋ねられます。 ・アプリを高速化する方法は？ ・どうやってネイティブアプリのような質感を出せるか？ ・プラットフォームに違和感のないアプリを作るためのテクニックは？ ・OSのルック＆フィールとマッチさせるためには？ この記事では、素晴らし
モバイル：ネイティブアプリとWebアプリ、ハイブリッドアプリ
ネイティブアプリとハイブリッドアプリはアプリストアでインストールするものだが、Webアプリはモバイルに最適化されたWebページで、アプリ的な外見を持つものである。ハイブリッドアプリもWebアプリもHTMLのWebページをレンダリングするが、ハイブリッドアプリはそのためにアプリに埋め込んだブラウザを利用する。 Mobile: Native Apps, Web Apps, and Hybrid Apps by Raluca Budiu on September 14, 2013 日本語版2013年10月28日公開 モバイルの分野で、ネイティブアプリやWebアプリ、さらにはハイブリッドアプリといった用語をよく耳にすると思う。ではその違いは何だろうか。 ネイティブアプリ ネイティブアプリはデバイス内にあるので、アクセスはそのデバイスのホーム画面上のアイコンを通して行う。ネイティブアプリは（Goog
スマートフォン向けWebアプリケーションフレームワーク·App.js MOONGIFT
App.jsはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 スマートフォン向けにはアプリ開発もありますが、審査などなしでサービス提供したいと思ったらスマートフォン向けWebアプリとしてリリースする手もあります。今回はそのためのフレームワークApp.jsを紹介します。 YouTube検索アプリ。まるでネイティブアプリのようです。 画像検索。検索結果がPinterest風に並んでいます。 スケッチアプリ。何とタッチ操作で絵を描いて、それを保存できてしまいます。 一覧に戻るとちゃんと登録されています。すごい。 オリジナルのmemeを作るWebアプリ。画像の上下に好きな文言を追加できます。 例えばこんな感じに。 フィード系。非常に良くできています。 ブックマーク機能なるものもあります。 App.jsではHTMLを指定されている記法に沿って書き進め
【ハウツー】なぜiPhoneには赤外線通信機能がないの? - いまさら聞けないiPhoneのなぜ （マイナビニュース） - Yahoo!ニュース
【ハウツー】なぜiPhoneには赤外線通信機能がないの? - いまさら聞けないiPhoneのなぜ マイナビニュース 4月15日(月)12時10分配信 説明書を読まなくても使い方がわかるのが、iPhoneの魅力であり強みです。しかし、知っているつもりが正しく理解していないこともあるはず。このコーナーでは、そんな「いまさら聞けないiPhoneのなぜ」をわかりやすく解説します。今回は、「なぜiPhoneには赤外線通信機能がないの?」という質問に答えます。 ＊＊＊ 歴代のiPhoneには、赤外線通信機能がありません。赤外線を送受信する装置(IrDAポート)が装備されていないため、赤外線通信をうたうアプリを導入しても無意味です。そういったアプリは別売の赤外線通信アダプタ用ですから、単体でインストールしたところで肝心の赤外線がありません。 なぜiPhoneに赤外線通信機能が搭載されなかったかです
Dreamweaver CS5.5でスマホアプリ作ってみた (1/3)
たった1年で新バージョンの登場となったDreamweaver（関連記事）。5月下旬発売の「Dreamweaver CS5.5」はCS5からのアップグレードでも1万5750円という価格設定に驚かされる。だが、ベータ版を触って価格以上に驚いたのがスマートフォン対応機能の“本気度”だ。 Dreamweaver CS5.5では、オープンソースのJavaScriptフレームワーク「jQuery Mobile」をテンプレート的に利用することで、iPhoneやAndroidに最適化されたスマートフォンサイトをわずか数ステップで作れてしまう。jQuery Mobileは、iPhone/Android/Windows Phone/BlackBerryなどで利用できるクロスプラットフォーム設計のフレームワーク。以下のようなシンプルなスマートフォンサイトなら、PhotoshopもFireworksも使わず、Dr
スマホデザイン会議120426
5. Our mission 我々のミッション 新しいコミュニケーションを提供し、 より多くの人々の生活を楽しくする Enjoyment to users by providing new types of communication. Our goals; Variety ways of communication to real social graphs. Providing new communication concept and tools. Public > Niche Better communication, better life 6. 16 Apps in mixi and other Platforms. mixiを中心に16個ソーシャルアプリをリリースしています。 More than 11Milion Registered Users. 合計1100万人以上のユー
.NETでスマホ向けWebアプリ開発を始める前の基礎知識（1/3） - ＠IT
.NETによるスマートフォンWeb UI開発ガイド【導入編】 .NETでスマホ向けWebアプリ開発を始める前の基礎知識 デジタルアドバンテージ 一色 政彦 2011/04/01 いま、開発者の間で「スマートフォン開発」に対する関心が高まってきている。これは.NET開発者においても例外ではなく、Insider.NET／.NET開発者中心の読者の66％（※＠IT読者全体では70％）がスマートフォン開発を検討しているのだ*1。（執筆現時点での）.NET開発における主要なアプリ形態としては（※本稿では「アプリケーション」は「アプリ」と表記）、Windowsアプリと（PC向け）Webアプリが挙げられるが、数年後にはそこにスマートフォンが加わりそうな雰囲気である。 スマートフォン開発といっても、大きく分類して「ネイティブ・アプリ」と「Webアプリ」の2種類が考えられる。現時点で、この両者への開発者の関
AirDroid : 専用ソフトもケーブルも不要！パソコンとの連携がブラウザでできる超便利アプリ！Androidアプリ2483 | オクトバ
※『AirDroid 2』正式版がリリースされました。最新レビュー記事はこちら！ 皆さんは、Android端末とパソコン間のデータのやり取りはどんな方法で行なっていますか？ オンラインストレージ、USBケーブル接続、SDカード抜き差し…どれも手間や速度、容量などの面で一長一短ありました。そんな中、端末・パソコン連携の決定版ともいえるアプリがついに登場しました！ 『AirDroid』はパソコンのWebブラウザ使って、端末内のファイルを操作したり、パソコンに保存したり、逆にパソコン内ファイルを送信できるようになるアプリです。 さらに端末情報や連絡先、SMSなどもパソコンで確認できるようになります。 本アプリ単体でもファイラーやタスク管理機能があり、純粋なシステム管理系ツールとしてもかなり優秀です！ アプリの特徴 Wi-Fi接続で端末内ファイルの操作や送受信ができるアプリ Webブラウザを使用す
HTML5 で作る iPhone ローカル Web アプリ入門
さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た
jQuery Mobileでサクッと作るスマートフォン向けWebアプリの基本 ─ ＠IT
大日本印刷 森川 裕美 2011/9/29 jQueryMobileを使って、スマートフォン向けのWebアプリケーションを手軽に作成する方法をおばかアプリを例に紹介します おばかアプリの開発にjQuery Mobileを使ってみました 先月8月20日に開催されました「第5回おばかアプリ選手権（見よ！ コレジャナーイアプリの数々を！）」にて、jQuery MobileとHTML5の要素を使用した、iPhoneのMobile Safariで動作するミニアプリiBooNを紹介させていただきました。本記事では、jQueryMobileを使って、お手軽にスマートフォン向けのWebアプリケーションを作成する方法をiBooNを例に紹介します。 iBooNは、iPhoneの傾きに応じて車の音が変わるミニアプリです。まず、Color Select画面から好きな色の車を選びます。ミニカーの画像が表示された画面
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ionic Framework - The Cross-Platform App Development Leader
BLOGOS サービス終了のお知らせ
