ブラウザでプッシュ通知が簡単に実装できるJSライブラリ「Push.js」
2017年 3月5日 07時20分 6年前 プッシュ通知が簡単に実装できるJavascriptライブラリ「Push.js」の紹介です。 スマホで お馴染みのプッシュ通知ですが、 Webブラウザ上でも ' Notification API ' という形で デスクトップへのプッシュ通知が利用ができます。 'Notification API' はブラウザによって使える機能にバラつきがあったりしますが、 デスクトップにダイレクトに通知できるので、使い方次第で面白いことができます。 " アラートの代わりに " " WebSocketと合わせてリアルタイムで流す新着情報の通知に " " ログインした時のウェルカムメッセージに " ... etc 生のままでプッシュ通知を書いていくと Permissionの確認や 通知許可の処理。 その他、条件式の連続でコードが長くなる傾向があります。 そんな 'Not
そろそろjQuery Mobileでajaxを無効にしてるやつに一言いっておくか - へっぽこプログラマーの日記
jQuery Mobileでは、ページ遷移の際に自動的にajaxが利用されています。特に何もしなくても遷移先のページをajaxで取得してアニメーションをつけて遷移するというのがjQuery Mobileの大きな特徴のひとつになっています。 しかしながら、巷では、何か問題があるとすぐにこのajaxを無効にするという対処方法が蔓延しているようです。ちなみにajaxを無効にする方法というのは、以下のようなものを指します。 a要素やform要素に data-ajax="false" を指定する。 グローバル設定で $.mobile.ajaxEnabled = false; を設定する。 もちろん、このajaxの挙動を理解した上で、ajaxを無効にするという方法を取ることは何ら問題ないのですが、とにかく困ったらajaxを無効にするということが多いようです。 具体的には以下のようなケースが挙げられるで
jQuery MobileでGoogle Analyticsを使う方法 - へっぽこプログラマーの日記
jQuery Mobileもβ版になって触る人が増えてきました。jQuery MobileでGoogle Analyticsを使ったお話もちらほらでてきたようなので、私のやり方もひとつ紹介してみようと思います。 jQuery Mobileでは、普通にGoogle Analyticsのコードをコピペしても最初のページしかトラッキングしてくれません。ひとつのファイルにすべてのページをまとめている場合は当然としても、複数のページに分割している場合でも正しくトラッキングできません。 jQuery MobileでGoogle Analyticsがうまく動かない理由jQuery Mobileでページ遷移する場合、ajaxで遷移先のページのHTMLを読み取って取り込んでいます。そのため、遷移先のdata-role="page"で指定された要素以外の部分はまったく読み込まれません。文字だけだとよくわからな
Apache Cordova
Web標準技術を利用して、クロスプラットフォーム対応のハイブリッドアプリを開発できるApache Cordovaの概要を説明する。 連載目次 Apache Cordova（以下、Cordova）はHTML5、JavaScript、CSS3を用いて、さまざまなプラットフォームに対応したハイブリッド（なモバイル）アプリを開発するためのオープンソースなフレームワークである。Web標準技術を利用することで、OSごとに異なる開発言語を使うことなく、iOS／Android／Windowsなどのプラットフォームに対応し、それらのネイティブな機能にアクセスするアプリを開発できる。 Cordovaの前身はPhoneGap Cordovaはもともと、Nitobiという会社が「PhoneGap（フォーンギャップ）」という名前で開発していたオープンソースソフトウェアだ。Nitobiはその後、Adobeに買収された
PUSH通知機能を持ったiPhoneアプリを作る（証明書の作成） - Think Big Act Local
前回の記事に引き続きPUSH通知ネタです。 前回はクライアント側コードの記述方法について触れましたが、今回は証明書発行の手順をまとめます。 証明書関連は何かとややこしい部分が多いので、後で迷わないよう詳細に書きます。 前提条件 PUSH通知に使うアプリのProvisioning Fileは作成済という前提で手順をまとめます。Team Provisioning(.*)でないアプリ固有のProvisioning Fileをまだ作成してない方は、以下リンクを参考にご用意下さい。 iPhone Push通知のすすめ また、PUSH通知の設定は開発環境と本番環境で異なる点が多いのですが、 今回は開発環境での準備を整えていきます。 本番環境だと通知がうまくいかない例 もありますので、その点はご注意下さい。 PUSH通知に使うAppleの証明書の準備 ブラウザ操作 iOS Dev Center のCer
iOS + PHPでPush Notificationを実装する - モンテカットの開発日記
Morning Relayという目覚ましアプリで、iOS + PHPでPush Notificationを実装してみた。公式ドキュメントを読むと複雑で難しそうだが、じっくりやれば大丈夫。サーバー側の実装は公式ドキュメントには実例が載っていないのだが、「apns-php」というPHPのライブラリを使うことでラクにできた。 環境 XCode 4.3 PHP（フレームワークにCakePHPを使っているが、特にCakePHPに依存している個所はない） サーバー側のライブラリにapns-phpを使用、ローカルでの作業にMac標準の「キーチェーンアクセス」を使用 概要 準備 App IDを作成する プロビジョニングファイルの作成とローカルへのコピー ローカルでCSR(証明書署名要求: Certificate Signing Request)ファイルを作成、それをAppleのサーバーにアップロードして証
チュートリアル (Obj-C) : mBaaSとAPNsの連携に必要な設定（p12証明書方式） | ニフクラ mobile backend
概要 iOS端末へのプッシュ通知は、APNs(Apple Push Notification service)と連携しています。 mobile backendに登録されたプッシュ通知を、APNsに送信することで、 各端末にプッシュ通知が受信される仕組みです。 mobile backendとAPNsを連携させるには、管理画面からp12証明書ファイル、またはp8認証キーファイルを含む認証情報の設定が必要です。 このチュートリアルでは、APNsと連携するためのp12証明書ファイルを取得し、ニフクラmobile backendに設定する流れについて説明していきます。 p12証明書を取得するのに必要なこと iOS Developer Programへの登録 iOS Developer Programの登録は有料であり、Appleへの料金が発生します。 詳細はAppleのページをご覧ください。 以下で
スマホ案件の見積もりについて - ku-sukeのブログ
Android案件の見積り ｜ クラスメソッド開発ブログ を読んで、業界人らしき人のブコメが、「この程度でホッテントリか」という感じで、僕もややそっちよりの意見だったので、ざっくり補足できそうな点について書いて見ました。もう転職して受託の立場ではなくなったので。やや発注側の視点も含まれています。 責任のないリスクについてコスト負担範囲を決める すべてにおいて最重要項目です。変化の激しいスマホ業界においては、互いのリスクテイクについての認識をあわせておく必要があります。例としてはこんなものがあります。 開発期間中に突如OSのメジャーバージョンアップがあった。 顧客「あ、新しいのでましたね。対応できますよね＾＾」 世論に応じて機能の根幹部分が突然リジェクト対象になる。 りんご「今日から電話番号認証禁止ね＾＾直さないと削除しちゃうよ＾＾」 過去を顧みない方針転換がなされる ぐぐる「メニューボタン
ユーザーエージェントからiモードブラウザ1.0を判別する:滝呂な人
2010年05月28日 ユーザーエージェントからiモードブラウザ1.0を判別する docomoのiモードブラウザ1.0だけcookieが利用できないので ユーザーエージェントからiモードブラウザ1.0を判別する。 docomoの http://www.nttdocomo.co.jp/service/imode/make/content/spec/useragent/index.html のページを参照するに、 ユーザーエージェントの先頭から DoCoMo/1.0 もしくは、ユーザーエージェントの先頭から DoCoMo/2.0 機種名(c100; のユーザーエージェントをiモードブラウザ1.0として判別すれば良さそう。 で、コードにするとこんな感じになるかな。と。 <?php /** * iモードブラウザ1.0ならtrueそれ以外ならfalseを返す */ function imode_br
hifive - HTML5企業Webシステムのための開発プラットフォーム
ダウンロード Download ダウンロード カスタムダウンロード ツール/ライブラリ ギャラリー Gallery ギャラリー ガイド Guide チュートリアル Webアプリ入門 基本編 データモデル編 データバインド編 リソースFW編 リファレンス APIドキュメント レシピ Recipe レシピ 資料室 Reference HTML5資料室 HTML5用語辞典 開発者向け Developers Developer Channel ユーザーグループ 開発リポジトリ リリースノート コードホスティング 開発者ブログ hifive開発情報 ヘルプ Help 本サイトについて FAQ 本ウェブサイトでは、利便性及び品質の維持・向上を目的に、クッキーを使用しております。本ウェブサイトにおけるクッキーの使用についてはプライバシーポリシーをご参照いただき、クッキーの使用にご同意頂ける場合は「同意す
iOSとAndroidに最適化したJavaScriptフレームワーク「jqMobi」登場。jQuery Mobileより小さくて高速
iOSとAndroidに最適化したJavaScriptフレームワーク「jqMobi」登場。jQuery Mobileより小さくて高速 jQuery Mobileと同様に、HTML5のマークアップでモバイルアプリケーション開発を実現するオープンソースのJavaScriptフレームワーク「jqMobi」のβ版が公開されています。 jqMobiのコンセプトは、jQueryとjQuery Mobileの機能のサブセットを、iOSとAndroid向けに最適化したものといえるでしょう。 すでにjQueryやjQuery Mobile、あるいはSencha Touchなど、さまざまなモバイル向けHTML5/JavaScriptフレームワークが登場する中で、jqMobiの特徴はどこにあるのか、ブログで次のように説明しています。 jQuery - still focuses on the desktop.
ThemeRoller | jQuery Mobile
/*! * jQuery Mobile 1.4.5 * Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC * http://jquerymobile.com * * Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors * Released under the MIT license. * http://jquery.org/license * */ /* Globals */ /* Font --------------------------------------------------------------------------------------------
HTML5推進とモバイルアプリ開発--「最小公倍数」戦略のプラスとマイナス
Appleは反「Flash」キャンペーンによってオウンゴールを犯してしまったのだろうか。 ウェブ開発者、そして最終的にはAdobe SystemsをFlashビジネスから締め出すことで、AppleはHTML5アプリを改善した。それは「Safari」ユーザーにとって良いことだが、「Android」などほかのウェブプラットフォームのユーザーにとっても良いことだ。もしオンラインアプリ向けの本当に優れたユニバーサルプラットフォームというものが存在するのなら、賢明な開発者は当然、そのプラットフォーム向けにアプリを作成する。そうすることで最も多くのユーザーにアプリを利用してもらえるからだ。 さらに、HTML5を信奉するようになったAdobeは、高品質なHTML5開発者ツールをリリースして、Flash開発者をHTML5へ移行させようとしている。そのため、近いうちに新しいウェブベースのモバイルアプリが大量
Arrivedで体験してみる「ジオフェンシング」の実際 | TechCrunch Japan
Autonomous trucking company TuSimple last week successfully completed a fully autonomous semi-truck run on public roads in China without a human present in the vehicle and without human intervention. Shoppable Business wants to make it easier for businesses in the Philippines to source and procure branded products and other inventory, with an emphasis on making sure products are authentic. The B2B
TechCrunch | Startup and Technology News
Yellow, an asset financier for solar energy and digital devices in Africa has raised $14 million series B funding in a round led by Convergence Partners with participation from the Energy Entrepreneur Fisker, the electric carmaker founded by the Danish auto designer Henrik Fisker, is gearing up to enter the Chinese market where competition is increasingly cut-throat, following in the footsteps of
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
TechCrunch | Startup and Technology News
TechCrunch | Startup and Technology News
TechCrunch | Startup and Technology News
Expired