パスワードの不要な世界はいかにして実現されるのか - FIDO2 と WebAuthn の基本を知る
不正送金やアカウントの乗っ取りなど、パスワードが原因の事件が後を絶ちません。高齢者など、IT リテラシの低い人でも簡単かつ安全に自分のオンラインアカウントを管理できる世界が理想ですが、まずはパスワードの不要な世界を実現するのが先決であることは、これまでのインターネットの歴史で証明されたと言えるでしょう。そして、ここに来てパスワード不要なログインを実現する技術として注目されているのが FIDO (= Fast IDentity Online, 「ファイド」) です。そしてその FIDO をブラウザから利用できるようにするのが WebAuthn (= Web Authentication、「ウェブオースン」)。報道内容などからこれらは指紋認証を実現するもの、と思っている人もいらっしゃるかもしれませんが、実際にはちょっと違います。 WebAuthn に関しては、すでに数多くの記事が出ていますので
サーバからクライアントに送信する技術 - WebSocketを中心に - Qiita
Webでのプッシュ技術 HTTPはクライアント（ブラウザ）からリクエストしてサーバからレスポンスが返る一問一答型のプロトコルなので、基本的にはサーバ側からブラウザに新着情報をリアルタイムで通知（プッシュ）できるようにはできていません。 しかしそれでもプッシュをしたいという場合にどうするかという話が出てきます。やり方には以下のようなものがあります。 ポーリング クライアントからサーバに定期的に新着を問い合わせるようにします。 最も原始的かつ確実なやり方。欠点は、最大でポーリング間隔の分だけ通知が遅延しうることです。 ロングポーリング（“COMET”） ポーリングなのですが、問い合わせを受けたサーバは新着情報がなければレスポンスを返すのをしばらく保留します。 そのあいだに新着情報が発生すれば即座にレスポンスを返しますし、一定時間経過したら何もなかったとレスポンスを返しましょう。 飛び交う通信内
WebRTCセキュリティレポート · A Study of WebRTC Security
WebRTCセキュリティレポート あらまし WebRTC(Web Real-Time Communication)は、Webアプリケーション技術の昨今のトレンドの一つだ。WebRTCを利用すると、プラグイン無しで、また他の条件も無しでリアルタイムコミュニケーションを実現できる。だが、そのオープンソースとして性質から、WebRTCを採用しようとする人がセキュリティ上の不安を覚えることもあるだろう。本レポートはWebRTCのセキュリティについて明らかにし、他の技術と比較してWebRTCのセキュリティが優れていることを解説する。 1. 導入 WebRTCはオープンソースのWebベースの技術であり、ユーザがリアルタイムメディア通信を、プラグイン無しで実現可能な技術だ。適切なブラウザを利用すれば、ウェブサイトをブラウズするだけで、他者に発信して通話することができる。 WebRTCの主なユースケースは
最近のWebAudioAPI | g200kg Music & Software
WebAudioAPIのワーキングドラフトはまだ2013年10月版から更新されていないのですが、最新のエディターズドラフトでは、既に様々な変更が入ってきています。 大きな所は ・AudioContextのsuspend()/resume()/close()が追加された ・AudioWorkerノードが追加され、ScriptProcessorノードはDEPRECATED扱いに ・StereoPannerノードが追加された というあたりです。他にも色々細々と変わっています。 仕様の日本語訳も更新したい所ですので早めにワーキングドラフトになってくれるとうれしいですね。 WebMusicハッカソン#4も近づいてますし取りあえず日本語訳ページにちょこっと注記だけ入れておきました。 Web Audio API (日本語訳)
HTML5 History APIで非同期通信時にURLを変更する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアの店長です。 先日記事が出てましたが改めて自己紹介します。 大学卒業後はカフェで仕事をしていたのですが、退職して1年半ほどWebデザイナーをしていました。そして、LIGにはフロントエンドエンジニアとしてジョインすることに。 お察しのとおり、店長というアダ名はカフェで働いていたためです。 今後ともよろしくお願いします。 さて、今回はHTML5のHistory APIについてお話したいと思います。 History APIについて History APIには以前からブラウザの履歴（スタック）を行き来する機能があったのですが、HTML5でさらに以下のような機能が追加されました。 画面を遷移せず、履歴に新たなURLを追加する。 現在のページの履歴を変更する。 ブラウザの戻る・進むボタンをクリックしたときにイベントを検知する。 このような機能がどんな場面で使われてい
WebRTCの簡易シグナリング - Qiita
WebRTCのシグナリング WebRTCでは、Peer-to-Peer通信を始める前に、お互いの情報を交換するためのシグナリングと呼ばれる処理があります。その過程で2種類の情報をやり取りします。 SDP: Peerの情報 ICE Candidate: 通信経路の情報 通常はこの2つは異なるイベントをトリガーにしてやり取りします。 SDPの送信： PeerConnection.createOffer() / PeerConnection.createAnswer() のコールバック （1回ずつ） ICE Candidateの送信： PeerConnection.onicecandidate() イベントハンドラ （複数回） そのため最低2往復、場合によっては4往復以上のやり取りがあります。 とこが、これを簡略化して1往復で済ませてしまう方法があるようです。 簡易シグナリングの仕組み 通常のシ
WebRTCにおけるNAT越えの課題へのアプローチ - 鈴木うどんの横須賀おもしろ生活
WebRTCにおけるNAT越えの課題へのアプローチ - Qiita に移転しました。
WebRTC関連の記事等へのリンクまとめ - Qiita
工事中★ WebRTC サーバサイド技術確認事項一覧 twilio Real-time video infrastructure and SDKs FirefoxがWebRTCとgetUserMediaのPromise化に対応したので早速試してみる WebRTCで絵チャットを作った話し IETF RFC ICE/TURN/STUN ことはじめ Live Assist WebRTCコールセンター インテル社のファンドが、Live Assistの開発元CafeXに投資を決定 WebRTCはGoogle独自の技術ではない！「WebRTC Meetup Tokyo #7」イベントレポート Remote control over mobile networks – the making of a 5G use case demo WebRTC を活用した 食卓コネクトサイトの開発 食卓コネクト Re
実はずっとWebRTCをウォッチしていたので大局的な話を書いた - 鈴木うどんの横須賀おもしろ生活
WebRTCについての話を社内勉強会でしてきたを見て、自分も何かを書いてみようかと思った。使い方やAPIの詳細について書かれた記事は多いが、大局的な話題を書いた記事はあまり見かけないので、そのような観点から公知になっている情報を中心に書いていこうと思う。 する話 僕のWebRTCの解釈 既存の通信技術との違い WebRTCのシグナリングの特徴点 今のWebRTCの情報源 今のWebRTCの妥当な使い道 しない話 VoIPデバイスとの相互接続のしかた 効果的な使い方 効果的なコード とても長い本文 WebRTCとは何かといえば、たとえばHTML5周辺技術であるとか様々な見方があるが、僕はテレフォニーの世界感をWebブラウザ上に移殖したフレームワークだと認識している。WebRTCは、サーバとクライアントからなる三角形構造あるいは台形構造を構成する。 それらは、かつてのIP電話のプロトコルである
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fabric.js Javascript Canvas Library
Blog - LINE ENGINEERING
ブラウザにおけるWebRTCのロードマップ - Qiita
WebRTC入門+最新動向
Sketchpad³ P2P - Draw, Collaborate, Share!
Ｗ３Ｃにおける標準化動向 ～ＨＴＭＬ５技術の通信分野での活用～
Engadget | Technology News & Reviews
GitHub - mattdiamond/Recorderjs: A plugin for recording/exporting the output of Web Audio API nodes
neo-tech-lab.co.uk
CrossOffice
GitHub - muaz-khan/WebRTC-Experiment: WebRTC, WebRTC and WebRTC. Everything here is all about WebRTC!!
