2023 年を振り返る | blog.jxck.io
Intro 例年通り 2023 年を振り返る。 blog 今年書いたのは全部で 43 本。今年はアドベントカレンダーを一人でやったため、過去最高のエントリ数になった。 Entry ブログは 15 本書いた。 2023-01-07: 次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 2023-02-28: 誇りを被った仕様の針に意図を通す 2023-03-24: OpenAI API を用いた文書校正(誤字脱字検出) 2023-05-02: 技術書籍をシンタックスハイライトする話 2023-05-17: IETF RFC における ABNF と Parsing Algorithm の関係 2023-05-28: URL バーの表示の変遷 2023-06-01: AbortSignal.any(), AbortSignal.timeout(), そして addEvnetLis
Intro 長いこと議論になっていた ES Modules の Node における扱いに一応の決着が付き、 .mjs という拡張子が採択された。 この拡張子の意味と、今後ブラウザと合わせて Universal JS を実装していく上での作法が見えてきたことになる。 合わせてエコシステムが対応していくことで、長年の夢だった JS のモジュール化を進めていくことができるだろう。 ES Modules 徐々に揃いつつある ES Modules(ESM) の仕様は TC39 で行われており、その仕様については主に以下のような部分になる。 import や export と行った構文 module 内はデフォルト strict mode module でスコープを閉じる module 内の this は undefined etc 逆に以下は TC39 での策定範囲外となる どう Module を読
Intro このエントリは、 3rd Party Cookie Advent Calendar の 16 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 今日は 3rd Party Cookie の迂回としてトラッキングに用いられた、 Bounce Tracking について解説する。 Bounce Tracking 例として、 X でポスト中のリンクをクリックすると、 t.co というドメインに一旦遷移し、そこでリダイレクトしてから目的の URL に遷移する作りになってる。 このように、「一旦リダイレクトを挟む」のは、X からすれば、 t.co のログを見ることで、誰がどのポストを見て、どのサイトに離脱
2021 年をふりかえる | blog.jxck.io
Intro 例年通り 2021 年を振り返る。 blog 13 本書いた。 Web のセマンティクスにおける Push と Pull 自作 Markdown プロセッサベースの blog.jxck.io v2 リリース ABNF Parser の実装 Private Relay と IP Blindness による Fingerprint 対策 mouseover 中に表示される DOM のデバッグ Cross Origin iframe からの alert/confirm/prompt 呼び出しの無効化 本サイトの AMP 提供の停止とここまでの振り返り Non AMP SXG による Prefetch 対応と AMP 提供の停止 IE11 サポート終了の歴史 Public Suffix List の用途と今起こっている問題について Web Font のメトリクス上書きによる CLS の
2018 年をふりかえる | blog.jxck.io
Intro 例年通り 2018 年を振り返る blog 今年は 20 エントリ書いた。 去年よりも 10 エントリ少ないが、原稿のファイルサイズが去年よりも大きい。 そう思って振り返ると、 WebAuthN, WebPackaging, CT など、重めのエントリが多かった気がする。 このくらいのペースが丁度良いかなと思う。 mozaic.fm 今年は 14 エピソードを公開した。 Monthly Web を始めて 1 年経ったので、どういう形に収まったのかをまとめた。 Monthly Web の作り方 2018 年版 | blog.jxck.io また、 Monthly を 11 回やり、その振り返りとしての Yearly Web をやるというサイクルがやっと一周した。 年末の事件も、流れの延長として捉えられた点で、当初の目的も達成できたと思う。 ep46 Yearly Web 2018
3PCA 9 日目: DNT | blog.jxck.io
Intro このエントリは、 3rd Party Cookie Advent Calendar の 9 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 今回は、 P3P の後に提案され、非常に似たコンセプトかつ最近まで使われていた DNT について解説する。 Do Not Track List 6 日目に、トラッキングからのオプトアウト方法は、基本的に三種類あるという話をした。 オプトアウトを示す Cookie を保存し、それを送られた広告ネットワークはトラッキングしない トラッキングしている業者のリストを作り、それをブラウザなどに読み込んで設定する ユーザの意図をなんらかの方法で表明する(ブラウザからオ
Intro このエントリは、 3rd Party Cookie Advent Calendar の 18 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 今日は、 ITP の迂回で注目された Cloaking について解説する。 Cloaking これが今、トラッカーが最も期待している 3rd Party Cookie の迂回技術だろう。 例えば、広告やアナリティクスなどなんらかのトラッカーを 3rd Party として利用している場合は、今後 3rd Party Cookie での連携ができなくなる。 そこで、そのトラッカーサービス自体を自分のサブドメインで運用してしまえば、 eTLD+1 が同じになり
「Web とは何か？」 - あるいは「Web を Web たらしめるものは何か？」 (jxck) - builderscon tokyo 2018 - YouTube
https://builderscon.io/tokyo/2018/session/476a4a30-2f94-424c-bbc2-f6cb14f1c4cd
Intro このエントリは、 3rd Party Cookie Advent Calendar の 2 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie Cookie とは 例として、 https://example.com が以下のようなレスポンスを返すとする。 HTTP/1.1 200 OK Content-Type: text/html Content-Length: 1024 Set-Cookie: deadbeef <!doctype html> ... ブラウザは次に https://example.com にアクセスするときは、必ずこの Set-Cookie の値を Cookie に載せて返す
Socket.IO and firewall software · Jxck/socket.io Wiki · GitHub
Dismiss Document your code Every project on GitHub comes with a version-controlled wiki to give your documentation the high level of care it deserves. It’s easy to create well-maintained, Markdown or rich text documentation alongside your code. Sign up for free See pricing for teams and enterprises 調査の結果 100k リクエストのうちの 3% ちかくが、ファイアウォールの内側からのもので、そのため 4000 番ポートで起動しているインスタンスに接続できていないことがわかりました。別のポートにフ
2020 年をふりかえる | blog.jxck.io
Intro 例年通り 2020 年を振り返る。 blog 今年は 17 本書いた。 書くペースも内容もある程度保てているので、理想的な状態なのかもしれない。 後半は、書籍の執筆を始めたので、少しアウトプットが落ちている感じはあるが、原稿のストレスをブログで発散するような感じでうまく埋めていければと思う。 最近「書きたいけど自分のブログを持ってない」「ブログを作ったら満足した」という話をよく聞くので、早い段階でドメインと基盤を用意しておいたのは良かったと思う。 とにかくブログの執筆は一度止めると二度と復帰できない気がするので、このまま続けて行きたい。 Web 技術解体新書 書籍にまとめるということは、いつかやろうと思っていたが、色々思うように進まなかった。 そんな中、ちょうど zenn が公開されたため、そこで公開していくことにした。 「Web 技術解体新書」執筆について 一度に全部書くと挫
Intro このエントリは、 3rd Party Cookie Advent Calendar の 23 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 今回からは、 Privacy Sandbox の API を、ジャンルごとに分けて概要を解説していく。 個々の API は非常に複雑であり、また今後も細かい点が変わっていくだろう。 どうせガッツリ使うのであれば、仕様を読む必要があるため、ここでは「何がしたいのか」「何ができるのか」に絞って解説する。 Interest Based Advertising FLoC 広告表示時に「このユーザは何に興味があるのか」というインタレストを知ることは、表示する広告を
SVG DEMO | labs.jxck.io
SVG Gallery Download Push AMP
最近思うんだけど文字数って正確に数える必要ある？表示が崩れる以外に気になったことはないし、DBに入れるときはバイト数のほうが問題になるし、ブコメが101文字書けても特に気にならないんだけど……
Intro このエントリは、 3rd Party Cookie Advent Calendar の 27 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 今日は、散々壊れるユースケースとして解説してきた「認証連携」をカバーする FedCM について解説する。 Federated Credential Management 認証連携 あるサイト(RP)の認証を別のサイト(IDP)の認証で行いたい場合、両者の連携は 3rd Party Cookie で行われてきた。 例えば、 RP に IDP を <iframe> で埋め込み、 IDP に対するログイン済みの Cookie があれば、その情報を JS で R
メインページ モジュールと拡張 Socket.IO を用いたプロジェクト v0.6.x から v0.7.x への移行 Socket.IO の設定 認証とハンドシェイク ファイアウォール対応 公開されたイベント(Exposed events) ルーム機能 FAQ Socket.IO への貢献方法 クライアントライブラリの配信方法 Socket.IO のプロトコル 記事とレシピ Nginx and Socket.IO HAProxy and Socket.IO (with SSL) Varnish and Socket.IO Socket.IO Express and Sessions Compartilhando Sessions entre Socket.IO e Express (Brazilian Portuguese) Socket.IO Express and Sessions v
3PCA 5 日目: 認証の連携 | blog.jxck.io
Intro このエントリは、 3rd Party Cookie Advent Calendar の 5 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 前回は、 3rd Party Cookie を使った広告のリターゲティングの仕組みを解説した。 「あの気持ち悪い広告の正体は 3rd Party Cookie だったのか」と思った人もいるかもしれない。 そんな諸悪の根源である 3rd Party Cookie など「さっさと無効にしてしまえばいいのでは?」と思うかもしれないが、それは簡単なことではない。なぜなら、3rd Party Cookie のユースケースは、ネガティブなものだけではないからだ。 その
Intro Chrome が予定している <link rel=stylesheet> の挙動の変更について、 Google Chrome チームの Jake が、興味深いブログを上げている。 The future of loading CSS この内容は、単に Chrome に対する変更だけではなく、 HTTP2 によって変化する最適化手法と、それを最も活かすための HTML, CSS の構成についてのヒントがある。 今回は、この内容を意訳+補足解説し、本サイトに適用していく。 HTTP/1.1 時代の CSS HTML 自体がコンポーネントを意識した作りになっている場合は、自然と CSS も class などを使いコンポーネント単位に作ることができるだろう。 しかし、 HTTP/1.1 では、リクエストの数を減らすために全ての CSS を 1 つ(もしくは少数個)に結合する最適化が主流だ
Intro このエントリは、 3rd Party Cookie Advent Calendar の 15 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 今回は ITP が始まったことで試行された、迂回方法について見ていく。 制限をどう迂回するか ITP 以降、 3rd Party Cookie への制限が厳しくなると、従来トラッキングをしていた事業者たちは「トラッキングができる別の方法」を求めることになった。 今まで動いていた機能が動かなくなれば、代替手段を探したくなる気持ちはわからなくはない。トラッキングができなくなることで、広告のための分析精度が落ちると、収益が下がってサービスの継続性に関わる場合も
Intro PWA の普及により、バックグラウンド処理をいかに制限するかといった課題が生まれた。 その対策として、バックグラウンド処理における Budget と Cost の概念が提案され、それを扱う Budget API の策定が進んでいる。 基本概念と現時点での API 外観について解説する。 Update 提案されて以降長いことアップデートがなかったが、 Mozilla Standard Position をリクエストしたところ、仕様が消えていたことがわかった。 https://github.com/mozilla/standards-positions/issues/73#issuecomment-373681407 元のリポジトリに Issue で現状を問い合わせたところ、結局開発者からの支持が得られず、 Obsolete されたとのこと。 blink-dev では Intent
Intro 2023/12/16(土) に、以下で告知した「次世代 Web カンファレンス」を開催した。 次世代 Web カンファレンス 2023 開催告知 | blog.jxck.io https://blog.jxck.io/entries/2023-11-16/next-web-conf-2023.html 次世代 Web カンファレンス 2023 - connpass https://nextwebconf.connpass.com/event/300174/ 録画 ベストエフォートでの録画なため、一部途切れいているが、サイボウズさんの協力で録画を残すことができたため、以下に公開している。 Conference https://youtu.be/nmnsuqlcvfM Bar https://youtu.be/JSxwRcfJoYU Factory https://youtu.be
Intro このエントリは、 3rd Party Cookie Advent Calendar の 17 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 今日は、 Cookie に頼らない Tracking 手段としての、 Fingerprinting について解説する。 Fingerprinting 3rd Party Cookie が無くても、トラッキングできると謳う製品の大半は、 Fingerprinting に依存している可能性が高い。 Fingerprinting は、ブラウザから取得できる情報をかき集めることで、ユーザごとに微妙に違う部分を手がかりに、ユーザを区別するという手法全般を指す。 こ
Intro Erlang/OTP 19 から、 gen_fsm の後継として gen_statem が導入された。 OTP の内部でも ssl などはすでに gen_statem に移行している。 このビヘイビアの概要について記す。 reference gen_statem API gen_statem Behavior caution すでにかなり安定はしているが、軽微といえども非互換な変更が OTP 20 以降に発生する可能性があることがドキュメントに言及されている。 本記事は 19 時点での API ドキュメントをベースにしている。 State Machine 特にサーバのようなプログラムでは、状態の管理が重要になる。 この状態の変化を、現在の状態(S)と発生したイベント(E)の組み合わせによって、実行する処理(A)と次の状態(S')とし、以下のようにモデル化する。 State(S)
GitHub - Jxck/markup: realtime rendering markdown using github api
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Intro このエントリは、 3rd Party Cookie Advent Calendar の 12 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie ふりかえり さて、ここまでの話を一旦振り返ろう。 Cookie は保存されたら次から自動で送られる。 ログインしてユーザの「識別」に使えるが、認証しない「区別」にも使える。 3rd Party にも送られ、トラッキングや認証連携などに使える。 プライバシー保護の観点から、長い間トラッキングが問題になっていた。 問題の本質は「Cookie という機能」ではなく、その「ユースケース」にある。 ユースケースを絞るための Cookie2、P3P、DNT などはこ
3PCA 13 日目: ITP | blog.jxck.io
Intro このエントリは、 3rd Party Cookie Advent Calendar の 13 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie Intelligent Tracking Prevention 前述のように、 Safari は 3rd Party Cookie を保存はしないが、1st Party ですでに保存している Cookie を 3rd Party のコンテキストでは送るという、限定的なブロックは実装していた。 しかし 2017 年 6 月、 Apple は「Safari はユーザのプライバシーを守るために、今後 3rd Party Cookie を本格的にブロックしていく
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
.mjs とは何か、またはモジュールベース JS とエコシステムの今後 | blog.jxck.io
3PCA 16 日目: Bounce Tracking | blog.jxck.io
3PCA 18 日目: Cloaking | blog.jxck.io
3PCA 2 日目: Cookie による区別と識別 | blog.jxck.io
3PCA 23 日目: Interest Based Advertising | blog.jxck.io
『JavaScript における文字コードと「文字数」の数え方 | blog.jxck.io』へのコメント
3PCA 27 日目: FedCM | blog.jxck.io
Home · Jxck/socket.io Wiki · GitHub
HTTP2 を前提とした HTML+CSS コンポーネントのレンダリングパス最適化について | blog.jxck.io
3PCA 15 日目: Work Around | blog.jxck.io
Web Budget API と Web に導入されつつある Budget と Cost の概念 | blog.jxck.io
次世代 Web カンファレンス 2023 開催後記 | blog.jxck.io
3PCA 17 日目: Fingerprinting | blog.jxck.io
gen_fsm から gen_statem へ | blog.jxck.io
Amazon.co.jp: WEB+DB PRESS Vol.75: 栗林健太郎 (著), 柴田博志 (著), はまちや2 (著), 常松伸哉 (著), 黒田良 (著), 川添貴生 (著), 安宅啓 (著), 松下雅和 (著), 桑野章弘 (著), Jxck (著), 伊藤直也 (著), 佐藤鉄平 (著), 登尾徳誠 (著), 中川勝樹 (著), 奥野幹也 (著), 近藤宇智朗 (著), 堀江幸紀 (著), 後藤秀宣 (著), 渡邊恵太 (著), 中島聡 (著), A-Listers (著), WEB+D
JavaScript における文字コードと「文字数」の数え方 | blog.jxck.io
3PCA 12 日目: 終わりの始まり | blog.jxck.io