Screen Orientation APIを試してみる
2023年2月6日: 長らく放置してしまいましたが、現状の仕様に合わせた正しい内容に修正しました。 「モバイルブラウザで画面の縦長・横長を検出する方法を再確認してみた」の最後の方で触れましたが、...
43
39
Comment0
29 search resultsShowing 1~20 results
Stocked
You need to log-in
Web Pushでブラウザにプッシュ通知を送ってみる
本記事のアップデートについて ※ Chrome 60以降、Firefox 55以降では、暗号化の手順に変更が生じます。詳細は、[改訂版] Web Pushでブラウザにプッシュ通知を送ってみるを参...
413
395
Comment22
ウェブページを2画面対応にするPresentation APIを使ってみる
ウェブページでは既にFullscreen APIで全画面表示にすることはできますが、現在表示中のページをそのままにして、例えばスライドショーやプレゼンテーションを別画面で全画面表示する、といった...
39
30
Comment4
WebCrypto APIでECDH鍵交換を用いた暗号化を使ってみる
はじめに ChromeやFirefox、Opera、Edgeなどのブラウザでは、WebCrypto APIを使ってブラウザで鍵の生成や暗号化と復号、署名と検証ができるようになっていますが、今回は...
38
35
Comment2
モバイルブラウザのビデオ再生がいろいろ変わるので確かめてみた
以前、モバイルブラウザのビデオ再生でアプリキャッシュが使えるかを再度検証という記事を書きまして、その頃は、モバイルブラウザではビデオの自動再生ができなかったり、キャッシュが効かなかったりと、なか...
250
198
Comment0
Web Pushのサーバ認証VAPIDを試してみる (旧題: GCMの登録が不要になったChromeのWeb Pushを試してみる)
※ 2018-2-26: VAPIDのRFC 8292対応ですが、FirefoxとMicrosoft Edgeが対応済みで、Chromeでも少々手を加えれば使えるようです。 W3CとIETFで標...
234
245
Comment3
[改訂版] Web Pushでブラウザにプッシュ通知を送ってみる
はじめに ブラウザやプッシュ通知サービスによらず、標準化された手順でブラウザにプッシュ通知が可能になるWeb Pushに関連する技術仕様のRFC化が完了し、ブラウザとプッシュサービスへの実装もか...
298
311
Comment3
CORSまとめ
今更ですが、**CORS (Cross-Origin Resource Sharing)**を色々試していたら、思っていた以上に色々パターンがあることに気づいたので、改めてその扱い方についてまと...
1931
1725
Comment1
実験用に自前でWebRTCのコードを書いていたら、こうなってしまった
はじめに 身も蓋もない話を先にしておきますと、WebRTC、自分で色々試すのはかなり面倒なので、ライブラリやクラウドサービスの力を借りた方が安全だと思います。 とはいえ、自前で触ってみないと学べ...
38
34
Comment0
WebCrypto APIでECDSAの署名と検証を試してみる
WebCrypto APIでECDH鍵交換を用いた暗号化を使ってみるでは、WebCrypto APIを使った暗号化と復号について触れましたが、今度は同じく楕円曲線暗号をベースとしたECDSA (...
19
10
Comment0
WebCrypto APIでJSON Web Tokenの検証を試してみる
Web Cryptography (WebCrypto) APIを使うと、JavaScriptで暗号化や復号、署名やその検証等の処理を実行することができるようになります。特に、CryptoJSで...
53
57
Comment0
お疲れさまXMLHttpRequest、こんにちはfetch
Service Workersでプッシュ通知を受信できるようになったわけですが([1]: GCM)([2]: Web Push)、Chromeではバージョン48まではGCMで通知だけができるよう...
1071
997
Comment0
ChromeでW3C Push APIを使ってみた
※ (2017/7/4: Chrome以外のブラウザとの相互運用性を考慮する場合は、Web Pushへの移行を推奨します。Web Pushについては[改訂版] Web Pushでブラウザにプッシ...
384
379
Comment30
Safari TP 34では新しい片方向WebRTCの手順が使えるようになったので、試してみた
まえがき WebRTC APIのアップデートの概要は、@yusuke84さんの記事「WebRTC Update 2016 Summer」が参考になります。 本題 WebRTCのブラウザ実装として...
10
6
Comment0
Media Source Extensionsを使ってみた (WebM編)
モバイルブラウザのビデオ再生でアプリキャッシュが使えるかを再度検証で紹介したように、Androidのブラウザでは、アプリケーションキャッシュを使っても、<video>タグでデータを先...
119
109
Comment2
Macで急にFaceTimeカメラが認識されなくなった時の対処法
Macで、例えばChromeやFirefoxでgetUserMediaを使ったり、FaceTimeやPhoto Boothを使おうとした時に、FaceTime内蔵のMacなのに何故かカメラが認識...
88
51
Comment0
モバイルブラウザのビデオ再生でアプリキャッシュが使えるかを再度検証
(2016/7/25): 最近のChromeやSafariでのアップデート関連を新しい記事にまとめてみました。 モバイルブラウザでは、<video>タグを使ってビデオの再生を行うとき...
28
26
Comment0
モバイルブラウザで画面の縦長・横長を検出する方法を再確認してみた
※ iOS 8での挙動に関連して追加情報を書いてみました: Safari for iOS 8での画面回転とイベント はじめに モバイルブラウザ(iOS SafariやAndroid標準ブラウザ、...
97
92
Comment0
Media Source Extensionsを使ってみた (MP4編)
Media Source Extensionsを使ってみた (WebM編)では、Chrome(Blink)とFirefoxで「XHRやFetch APIで取得したWebMムービーをタグで再生する...
57
51
Comment0
HTML5 Media Element まとめ
※ Advent Calendarって、その日になると記事が出てくる仕組みではなくて、その日に合わせて投稿する仕組みだと気づかず、迂闊にもフライングしてしまった... HTML5が10月に正式勧...
61
56
Comment0
29 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles