タグ jxck.io
人気順 5 users 10 users 100 users 500 users 1000 users令和時代の API 実装のベースプラクティスと CSRF 対策 | blog.jxck.io
2024/04/26
445 users
CSRF
API
実装
令和時代
対策
Intro CSRF という古の攻撃がある。この攻撃を「古(いにしえ)」のものにすることができたプラットフォームの進化の背景を、「Cookie が SameSite Lax by Default になったからだ」という解説を見ることがある。 確かに、現実的にそれによって攻撃の成立は難しくなり、救われているサービスもある。しかし、それはプラッ... 続きを読む
RFC の URL はどのドメインで貼るのが良いか | blog.jxck.io
2024/03/27
153 users
RFC
doc
www.rfc-editor.org
結論
Intro IETF の RFC は、いくつかの場所で同じものが公開されている。 どの URL が最適なのか、という話。 結論は www.rfc-editor.org だ。 RFC Hosting Site 例えば RFC 9110 - HTTP Semantics で言うと、以下の 4 つがある。 https://tools.ietf.org/html/rfc9110 https://datatracker.ietf.org/doc/html/rfc9110 https... 続きを読む
Chromium にコントリビュートするための周辺知識 | blog.jxck.io
2024/03/25
98 users
レビュアー
もろもろ
以外
Chromium
ドキュメント
Intro Chromium にコントリビュートするためには、ソースコードを理解する以外にも、もろもろ必要な周辺知識がある。 ドキュメントはかなり整備されている方ではあるが、そのドキュメントにたどり着くのが難しい場合もある。 レビュアーなどが親切に教えてくれるものをローカルにメモしているが、それも散らばってきたた... 続きを読む
Apple によるブラウザエンジン規制の緩和 | blog.jxck.io
2024/01/28
201 users
INTRO
iOS
Newsroom
UNION
緩和
Intro 以前から騒がれていた Apple によるサイドローディング周りの緩和について、正式な情報公開があった。 Apple announces changes to iOS, Safari, and the App Store in the European Union - Apple https://www.apple.com/newsroom/2024/01/apple-announces-changes-to-ios-safari-and-the-app-store-in-the-europ... 続きを読む
なぜ HTML の form は PUT / DELETE をサポートしないのか? | blog.jxck.io
2023/11/27
261 users
Put
Delete
Form
entry
推測
Intro 10 年ほど前に同じことを調べたことがある。 なぜ html の form は PUT / DELETE をサポートしないのか? - Block Rockin' Codes https://jxck.hatenablog.com/entry/why-form-dosent-support-put-delete 当時は全くの素人で、素人なりに調査はしたが、ほとんどが推測の域を出ない結論だった。 この問題についてあ... 続きを読む
ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | blog.jxck.io
2023/11/05
939 users
挙動
キャッシュ
ブラウザ
全て
INTRO
Intro こういうタイトルを付けるのはあまり好きではないが、あえてこのようにした。 「ブラウザでキャッシュがヒットしない」 以下は、 Web における Caching の FAQ だ。 サーバで Cache-Control を付与したのにキャッシュがヒットしない サーバで ETag を付与したのに If-None-Match が送られない サーバで Last-Modif... 続きを読む
Cookie2 とは何か | blog.jxck.io
2023/08/19
154 users
Set-Cookie
現行
キャッチ
cookie
仕様
Intro タイトルを見て「Cookie の新しい仕様か、キャッチアップしよう」と思って開いたのなら、以降を読む必要はない。 Cookie History 2000 年に発行された Cookie の仕様である RFC 2965 では、仕様中に Set-Cookie2/Cookie2 (以下 Cookie2) という 2 つのヘッダが定義されている。しかし 2011 年に改定された現行の R... 続きを読む
Cookie Store API による document.cookie の改善 | blog.jxck.io
2023/06/18
108 users
API
負債
HTML
cookie
改善
Intro JS から Cookie を操作する document.cookie の改善を目的とした Cookie Store API についてまとめる。 document.cookie document.cookie は、ブラウザの API における代表的な技術的負債の一つと言える。 HTML Standard https://html.spec.whatwg.org/multipage/dom.html#dom-document-cookie 基本的な使い方は以... 続きを読む
技術書籍をシンタックスハイライトする話 | blog.jxck.io
2023/05/02
97 users
技術書籍
シンタックスハイライト
INTRO
エンジニア
普段
Intro 「連載するけど、代わりにコードはハイライトさせてほしい」 それが Web+DB Press 編集長に俺が出した条件だった。 技術書籍のシンタックスハイライト エンジニアは普段から、エディタ上でも、リポジトリ上でも、ブログ上でも、何かしらハイライトされたコードを見ている。 そんなエンジニアに向けて書かれた技術... 続きを読む
OpenAI API を用いた文書校正(誤字脱字検出) | blog.jxck.io
2023/03/23
276 users
OpenAI API
vscode
助詞
API
文章校正
Intro OpenAI の API を用いて、長年の課題だった文書校正を VSCode 上で実現するプラグインを修作したところ、思った以上の成果だった。 文章校正と誤字脱字検出 執筆を補助するツールは多々開発されているが、基本は形態素解析を用いた品詞分析の延長で行うものが多かった。 よくある「助詞の連続」、「漢字の開き閉じ... 続きを読む
誇りを被った仕様の針に意図を通す | blog.jxck.io
2023/03/01
96 users
意図
Has
仕様
目覚ましい成果
CSS
Intro Interop 2022 の目覚ましい成果の一つとして :has() の存在がある。 これまでの CSS の限界を突破する、革新的な仕様であり、多くの開発者が期待を寄せる機能の一つだろう。 こうした仕様策定の裏には、必ずと言って良いほど互換性の問題がつきまとい、時にそれはそこまでの作業の蓄積を無に帰すレベルで影響を与... 続きを読む
次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io
2023/01/07
167 users
CSS
仕様
web
テンプレートエンジン
次世代
Intro SPA の隆盛で進化したフロントエンドライブラリによって生み出された「コンポーネント」という資産は、それを View 層の最小単位として扱うエコシステムにその重心をずらした。 近年の Web 開発は、虫食いのテンプレートエンジンにデータをはめ込む方式から、デザインシステムにカタログされたコンポーネント群に... 続きを読む
XMLHttpRequest とはなんだったのか | blog.jxck.io
2022/10/01
655 users
XMLHttpRequest
功績
リタイア
実装
名前
Intro Fetch API の実装が広まり、 IE もリタイアを迎えたことで、今後忘れ去られていくことになるだろう XMLHttpRequest について。 どのように始まり、どのように広まり、どのように使われなくなっていくのか。その間に残した多大な功績を残す。 XMLHttpRequest の始まり この名前は非常に長いため、通常 XHR と略され... 続きを読む
HTTP 関連 RFC が大量に出た話と 3 行まとめ | blog.jxck.io
2022/06/15
552 users
RFC
http
HTTP Semantics
策定作業
関連
Intro 2022/06/06 ~ 9 あたりに、長きに渡って策定作業が行われていた HTTP 関連の RFC が大量に公開された。 RFC 9110: HTTP Semantics RFC 9111: HTTP Caching RFC 9112: HTTP/1.1 RFC 9113: HTTP/2 RFC 9114: HTTP/3 RFC 9163: Expect-CT Extension for HTTP RFC 9204: QPACK: Field Compression for HTTP/3 RFC 9205... 続きを読む
Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io
2022/04/21
226 users
SPA
画面遷移
ミッシングピース
改善
MPA
Intro 従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。 これは、 History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、 SPA が抱える多くの問題だけでなく、 MPA すら改善する可能性のある API だ。 この API の目的と... 続きを読む
Web のセマンティクスにおける Push と Pull | blog.jxck.io
2021/12/07
90 users
セマンティクス
INTRO
pull
Push
筆者
Intro 筆者は、 Web のセマンティクスに対する実装の方針として、大きく Push 型の実装 と Pull 型の実装 があると考えている。 もっと言えば、それは実装方法という具体的な話よりも、開発者のセマンティクスに対する態度を表現することができる。 この話は「Push よりも Pull が良い」などと簡単に切り分けられる話で... 続きを読む
Private Relay と IP Blindness による Fingerprint 対策 | blog.jxck.io
2021/09/22
226 users
ベータ
挙動
背景
インターネット
問題
Intro iOS15 がリリースされたため、 Private Relay のベータを試すことができた。 このようなサービスが提供されるようになった背景を踏まえ、挙動を簡単に確認しつつ、解説する。 背景 そもそも、なぜこのようなサービスが出てきたのかを理解するには、現在のインターネットが抱える問題の背景を理解する必要がある。 ... 続きを読む
mouseover 中に表示される DOM のデバッグ | blog.jxck.io
2021/08/20
144 users
DOM
INTRO
デバッグ
GitHub
後輩
Intro 先日、後輩が「mouseover 中にしか表示されない DOM のデバッグ」に手こずっていたのを見て、たまには小ネタもということで、いくつかのテクニックを紹介する。 実際には、発生しているイベントを制御するというテクニックなので、応用すると色々使えるだろう。 mouseover tooltip 対象として、 Github のユーザア... 続きを読む
本サイトの AMP 提供の停止とここまでの振り返り | blog.jxck.io
2021/06/26
338 users
AMP
SxG
停止
INTRO
奇遇
Intro 前回の記事で、奇遇にも本サイトの AMP 対応を落とすことになった。しかし、そうでなくても AMP をどこかでやめることは考えていたため、きっかけの一つが SXG 対応になったのは、順当な流れだと筆者は感じている。 これは AMP がなぜ始まり、なぜトーンダウンしつつあるのか、そしてこれからどうなっていくのか、... 続きを読む
Public Suffix List の用途と今起こっている問題について | blog.jxck.io
2021/04/20
579 users
用途
GitHub
問題
少数
プラットフォーム
Intro Public Suffix List (PSL) は、現在の Web プラットフォームの一旦を支えている非常に重要な要素だ。 実はこれが、少数のボランティアにより GitHub でメンテナンスされた、単なるテキストリストであることは、あまり知られてないかもしれない。 最近、このリストへの追加リクエストがあとを絶たず、問題になって... 続きを読む
Web 技術の調査方法 | blog.jxck.io
2020/11/18
763 users
web
技術
調査方法
Intro 「新しい API などを、どうやって調べているのか」「仕様などを調べる際に、どこから手をつければ良いのか」などといった質問をもらうことがある。 確かにどこかに明文化されていると言うよりは、普段からやっててある程度慣れてきているだけなものであり、自分としても明文化していなかったため、これを機に解説... 続きを読む
ローカル開発環境の https 化 | blog.jxck.io
2020/06/29
1118 users
https
localhost
ローカル開発環境
API
前提
Intro Web の https 化が進み、それに伴って https を前提とする API も増えてきた。 そうした API を用いた開発をローカルで行う場合、 localhost という特別なホストを用いることもできるが、それだけでは間に合わないケースも少なからずある。 localhost を https にするという方法もあるが、そのように紹介されてい... 続きを読む
牧歌的 Cookie の終焉 | blog.jxck.io
2020/02/26
1416 users
終焉
cookie
Intro Cookie は、ブラウザに一度保存すれば、次からその値を自動的に送ってくるという、非常に都合の良い仕様から始まった。 State Less が基本だった Web にセッションの概念をもたらし、今ではこれが無ければ実現できないユースケースの方が多い。 冷静に考えればふざけてるとして思えないヘッダ名からもわかるように... 続きを読む
WebBundle によるコンテンツの結合と WebPackaging | blog.jxck.io
2019/11/11
58 users
WebPackaging
INTRO
結合
実装
コンテンツ
Intro 依存コンテンツを 1 つにまとめて配信する WebBundle の仕様策定と実装が進んでいる。 これは Signed HTTP Exchange と合わせて WebPackaging を実現するための仕様であり、組み合わせれば WebBundle に対して署名することでコンテンツの配信を通信と分けて考えることができる。 Signed HTTP Exchange に比べると... 続きを読む
Scroll To Text Fragment と :~:text | blog.jxck.io
Intro ページ内の特定の位置へのスクロールは、 URL フラグメントと HTML の ID 属性を用いて行われていた。 しかし、 ID を持たない要素へのスクロールというユースケースをカバーするために、フラグメントの拡張仕様が提案されている。 Chrome がフラグ付きで実装しているため、この仕様の特徴について解説する。 id ... 続きを読む