ようへい

2013年6月21日金曜日

Firefoxでの HTML5 Notifications (デスクトップ通知) 設定変更方法

Firefox 22から実装されているHTML5 Notifications APIですが、権限がリクエストされた時にこんなポップアップが表示されます。
Firefoxでの HTML5 Notifications (デスクトップ通知) 設定変更方法
Firefoxでの HTML5 Notifications (デスクトップ通知) 設定変更方法
ここで、デスクトップ通知の許可/拒否を設定します。
常に通知を表示する」か「通知をブロックする」に設定した場合、以後はポップアップが表示されません。
許可されると、こんなカンジでデスクトップ通知を受けれます。
Firefoxでの HTML5 Notifications (デスクトップ通知) 設定変更方法
のちのち、この設定を変更したいという場合、どうやったら変更できるのか調べてみました。

設定に無い!

まずオプション画面を一通り見たのですが、該当の設定がありませんでした。
こりゃ困った。
どっかには保存されているだろうと、Firefoxのprofileを覗いてみる。
permissions.sqliteに、typedesktop-notificationとなっているレコードを発見。hostの値も合っているし、これっぽい。
最悪、ここから変更はできそう。
でも、さすがに設定画面が用意されていない事は無いだろう。ということで、Firefoxの画面を一通り調べてみた。

こんなところにあった

ありましたよ。分かりにくいけど。
Firefoxのメニューから、ツール»ページの情報をクリックして、サイト別設定タブを開く。
すると、サイトからの通知の表示というのがあるので、ここから設定できます。
Firefoxでの HTML5 Notifications (デスクトップ通知) 設定変更方法
Firefoxでの HTML5 Notifications (デスクトップ通知) 設定変更方法
一括管理できる画面欲しいなぁ・・・。
FirefoxでのHTML5 Notifications API 通知方法 - ログろいど
関連記事

FirefoxでのHTML5 Notifications API 通知方法

Firefox 22からHTML5 Notifications APIがサポートされるという事で早速使ってみた。 とりあえずこんな感じで使える。
function notifyReq(){
  Notification.requestPermission(function(permission){
    console.debug("Notification permission: "+permission);
    if(Notification.permission == "granted"){
      notify();
    }
  });
};
function notify(){
  switch(Notification.permission){
    case "granted":
      new Notification("デスクトップ通知テスト", {
        icon:"http://3.bp.blogspot.com/-Y042BzoevnM/UCkNli79vMI/AAAAAAAAYLs/VyStPcI4EIg/s220/logroid_150.png",
        body:"デスクトップ通知のテストです",
        tag:"notification-test",
      });
      break;
    case "default":
      notifyReq();
      break;
    case "denied":
      console.warn("デスクトップ通知が拒否されています");
      break;
  }
};
notify();
こんなカンジで通知されます。
FirefoxでのHTML5 Notifications API 通知方法
Notification.permissionで現在の権限を見ることができる。
デフォルト状態(ポップアップ表示)なら"default"、許可されていれば"granted"、拒否されていれば"denied"の文字列が返される。
表示が許可されていない場合はNotification.requestPermissionで、権限をリクエストする。こんなポップアップが表示される。
FirefoxでのHTML5 Notifications API 通知方法
FirefoxでのHTML5 Notifications API 通知方法
その後、new Notificationにタイトルとオプションを設定したハッシュを渡す。
ハッシュの中のiconはURLでも良いし、base64の文字列でも良い。
tagを設定すると、デスクトップ通知が多重表示されるのを防げる。
という感じ。
また、new Notificationで得られるインスタンスには、oncloseonclickonerroronshowイベントが登録できる。
onclick時に得られるEventのtargetはNotificationオブジェクトとなっている。
通知クリックで、該当のウィンドウ(タブ)をアクティブ化とかできれば楽しそうだったけど、無理っぽい。

デモ

Firefoxでの HTML5 Notifications (デスクトップ通知) 設定変更方法 - ログろいど
関連記事

2013年6月14日金曜日

HTC J butterfly(HTL21)、 HTC J One(HTL22) スペック比較

OTAアップデートされたHTL21、新しく発売になったHTL22、ともにS-OFFが出来るようになったということで、そろそろ購入を検討。
値下がりしてカラーバリエーションもあるHTL21もいいけど、新しいHTL22も良い。
どっちにしようかという事でスペック比較してみました。
HTL21 HTL22
発売日 2012/12/9 2013/6/1
OS Android 4.1 Android 4.1
CPU Qualcomm Snapdragon S4 Pro APQ8064 1.5GHz Qualcomm Snapdragon 600 APQ8064T 1.7GHz
CPU コア数 4 4
RAM 2GB 2GB
ROM 16GB 32GB
ディスプレイ
サイズ
5インチ 4.7インチ
ディスプレイ
解像度
1920×1080 1920×1080
メインカメラ
画素数
800万(F値2.0) 400万(F値2.0)
microSD 最大2GB 最大2GB
microSDHC 最大32GB 最大32GB
microSDXC - 最大64GB
バッテリー容量 2020mAh 2300mAh
連続通話時間 約750分 約820分
連続待受時間
(LTE)
約270時間 約370時間
連続待受時間
(3G)
約360時間 約450時間
充電時間 約170分 約150分
サイズ 約143 × 71 × 9.1 mm 約138 × 69 × 10.5 mm
質量 約140 g 約157 g
S-OFF 可(2013/06/13現在) 可(2013/06/13現在)
HTL22はHTL21よりコンパクトだけど、ちょっと重いんですね。なんでだろう。
HTL22の決定打が少ないんだよなぁ。
せめてレッドとかあれば惹かれたんですけど。
とはいえ、長く使うと思うのでHTL22のブラックにするかなぁ。
HTL22が3つボタンだったら良かったのになぁ・・・。
関連記事