Tender Surrender
ウェブの未来を夢見るブログ
-
パスキーの基本とそれにまつわる誤解を解きほぐす
2023 年は文句なく「パスキー元年」になりました。非常にたくさんのサービスがパスキーに対応し、2024 年はいよいよパスキー普及の年になりそうです。
本記事では、パスキーの基本を振り返ったうえで、パスキーでみなさんが勘違いしやすい点について解説します。
Read more... -
パスキーとは何か、そしてその課題
パスキーはフィッシングに強く、テクノロジーに詳しくないユーザーでも使いやすい新しい認証方式で、いずれパスワードを置き換えると言われています。この記事では、パスキーの基本と、これからのウェブにとってパスキーがどういう意味を持つのかについてまとめてみます。
Read more... -
SharedArrayBuffer と過渡期な cross-origin isolation の話
2021/12/26: Safari も 15.2 から COOP/COEP を使って
SharedArrayBuffer
が利用できるようになったので、該当箇所の表記を変更しました。長い記事なので先に結論を書きます。
Chrome、Firefox および Safari で
SharedArrayBuffer
や高精細タイマーが使えるようになりました。そのためには cross-origin isolation という状態を有効にするのですが、親となる HTML ドキュメントに下記 2 つのヘッダーを送ります。Cross-Origin-Embedder-Policy: require-corp
Cross-Origin-Opener-Policy: same-originただ、これを有効にするには様々な条件と制約が存在し、現段階では多くのサイトは苦戦するでしょう。とりあえず従来通り Chrome で動けばいいやということであれば、デプリケーショントライアル (Deprecation Trial) に登録してしばらく様子を見る、という選択肢が無難かもしれません。
Read more... -
Spectre の脅威とウェブサイトが設定すべきヘッダーについて
長い記事なので先に結論を書きます。
Spectre の登場で、ウェブサイトに必要とされるセキュリティ要件は増えました。具体的に必要な対策は下記の通りです。
- すべてのリソースは
Cross-Origin-Resource-Policy
ヘッダーを使って cross-origin なドキュメントへの読み込みを制御する。 - HTML ドキュメントには
X-Frame-Options
ヘッダーもしくはContent-Security-Policy
(CSP) ヘッダーのframe-ancestors
ディレクティブを追加して、cross-origin なページへの iframe による埋め込みを制御する。 - HTML ドキュメントには
Cross-Origin-Opener-Policy
ヘッダーを追加して popup ウィンドウとして開かれた場合の cross-origin なページとのコミュニケーションを制御する。 - すべてのリソースには適切な
Content-Type
ヘッダーとX-Content-Type-Options: nosniff
ヘッダーを追加して、cross-origin からの悪意ある読み込みを防ぐ。
- すべてのリソースは
-
Google に入社して 10 年が経った
Developer Advocate という技術啓蒙の担当者として Google に入社して今日でちょうど 10 年が経った。技術以外のことについてはめったにブログを書くことはないのだけど、良い節目なのでこの機会に記録を残しておきたい。
Read more...