3PCA 29 日目: Privacy Sandbox の方針転換は何を意味するか | blog.jxck.io

2024/07/31 20 users Privacy Sandbox jxck.io 3PCA

Intro このエントリは、 3rd Party Cookie Advent Calendar の 29 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 先日、 Google より Privacy Sandbox の方針転換について発表があった。 本当は、まだ記事を書くには情報が足り... 続きを読む

Apple によるブラウザエンジン規制の緩和 | blog.jxck.io

2024/01/28 201 users jxck.io 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... 続きを読む

ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | blog.jxck.io

2023/11/05 939 users 挙動 jxck.io キャッシュ ブラウザ 全て

Intro こういうタイトルを付けるのはあまり好きではないが、あえてこのようにした。 「ブラウザでキャッシュがヒットしない」 以下は、 Web における Caching の FAQ だ。 サーバで Cache-Control を付与したのにキャッシュがヒットしない サーバで ETag を付与したのに If-None-Match が送られない サーバで Last-Modif... 続きを読む

技術書籍をシンタックスハイライトする話 | blog.jxck.io

2023/05/02 97 users jxck.io 技術書籍 シンタックスハイライト エンジニア

Intro 「連載するけど、代わりにコードはハイライトさせてほしい」 それが Web+DB Press 編集長に俺が出した条件だった。 技術書籍のシンタックスハイライト エンジニアは普段から、エディタ上でも、リポジトリ上でも、ブログ上でも、何かしらハイライトされたコードを見ている。 そんなエンジニアに向けて書かれた技術... 続きを読む

Web 技術解体新書「第二章 Cache 解体新書」リリース

2022/06/09 397 users Cache ORIGIN 解体新書 技術解体新書 リリース

Web 技術解体新書「第二章 Cache 解体新書」リリース Intro 「Web 技術解体新書(Web Anatomia)」の第二章として「Cache 解体新書(Cache Anatomia)」をリリースしました。 これで予定している八章のうち二章が終わりました。 第一章: Origin 解体新書 第二章: Cache 解体新書 Cache 解体新書 以下の Response Header Fiel... 続きを読む

JavaScript のメディアタイプと RFC 9239 | blog.jxck.io

2022/06/01 23 users jxck.io メディアタイプ Application 経緯

Intro 長いこと作業が行われていた JavaScript の MIME タイプについての作業が完了し、 RFC 9239 として公開された。 これにより、推奨される MIME タイプが text/javascript に統一されることになった。 かつて推奨されていた application/javascript ではなくなった経緯などを踏まえ、解説する。 JavaScript MIME Typ... 続きを読む

Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io

2022/04/21 226 users SPA jxck.io 画面遷移 ミッシングピース 改善

Intro 従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。 これは、 History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、 SPA が抱える多くの問題だけでなく、 MPA すら改善する可能性のある API だ。 この API の目的と... 続きを読む

Node.js の原罪 - from scratch

2022/04/08 256 users node.js from Scratch 原罪 タコピー 最初

Intro ちょうどタコピーの原罪が流行ってるのでこのタイトルにしたけど結構気に入ってる。 d.potato4d.me この話を読んでの感想とここまで大きくなった Node.js の振り返りをしようと思う。 どんなプログラミング言語であってもみんなから使ってもらって開発者をハッピーにしたいと思ってる。ただ最初は良かったと思って... 続きを読む

Web のセマンティクスにおける Push と Pull | blog.jxck.io

2021/12/07 90 users セマンティクス pull Push jxck.io 筆者

Intro 筆者は、 Web のセマンティクスに対する実装の方針として、大きく Push 型の実装 と Pull 型の実装 があると考えている。 もっと言えば、それは実装方法という具体的な話よりも、開発者のセマンティクスに対する態度を表現することができる。 この話は「Push よりも Pull が良い」などと簡単に切り分けられる話で... 続きを読む

mouseover 中に表示される DOM のデバッグ | blog.jxck.io

2021/08/20 144 users DOM デバッグ GitHub jxck.io 後輩

Intro 先日、後輩が「mouseover 中にしか表示されない DOM のデバッグ」に手こずっていたのを見て、たまには小ネタもということで、いくつかのテクニックを紹介する。 実際には、発生しているイベントを制御するというテクニックなので、応用すると色々使えるだろう。 mouseover tooltip 対象として、 Github のユーザア... 続きを読む

本サイトの AMP 提供の停止とここまでの振り返り | blog.jxck.io

2021/06/26 338 users AMP jxck.io SxG 停止 奇遇

Intro 前回の記事で、奇遇にも本サイトの AMP 対応を落とすことになった。しかし、そうでなくても AMP をどこかでやめることは考えていたため、きっかけの一つが SXG 対応になったのは、順当な流れだと筆者は感じている。 これは AMP がなぜ始まり、なぜトーンダウンしつつあるのか、そしてこれからどうなっていくのか、... 続きを読む

俺たちはマルチステークホルダー間のセキュリティインシデントから何を学ぶのか - Speaker Deck

2020/10/09 13 users セキュリティインシデント Speaker Deck 俺たち

Transcript © 2020 LayerX Inc. 社内勉強会資料 社内勉強会資料 2020/09/18 @ken5scal LayerX Inc. 俺たちはマルチステークホルダー間の セキュリティインシデントから何を学ぶの か（公開版） © 2020 LayerX Inc. 社内勉強会資料 © 2020 LayerX Inc. 社内勉強会資料 Intro • 今回のインシデントは、銀行と資金移動業者... 続きを読む

「Web 技術解体新書」執筆について | Zenn

2020/10/05 271 users ORIGIN Zenn 執筆 技術解体新書 解体新書

「Web 技術解体新書」執筆について Intro 「Web 技術解体新書(Web Anatomia)」という書籍の執筆と、 zenn 上での販売についてアナウンスします。 各章を分割して執筆し公開していく予定です。 第一章: Origin 解体新書 Web 技術解体新書とは Web というものを正しく理解するために必要な知識や技術は日増しに増え、それ... 続きを読む

img の srcset 指定時に選択される画像 | blog.jxck.io

2020/08/15 22 users srcset img picture jxck.io 挙動

Intro <img> や <picture> で srcset に複数の画像を指定することで、デバイスに応じて適切な解像度の画像を提供することができる。 この画像が、どういった条件で選択されるのかを頭では勝手に理解していたつもりだが、理解とは違う挙動があったため、仕様と実装を確認した。 その記録を記す。なお、先に言うがどのブラ... 続きを読む

パク・ジウン『愛の不時着』 - 青春ゾンビ

2020/07/24 13 users 不時着 アロマキャンドル 青春ゾンビ ヒョンビン じゃがいも

＜Intro＞ アロマキャンドルやジャガイモを見かけるたびに、ヒョンビンのあの涙の滲むようなやさしさを思い出し、胸がいっぱいになってしまうのです。これが世に言う『愛の不時着』ロスというやつなのか。世界中で大ヒットを飛ばし、日本においてもNetflix視聴ランキング1位を独占し続けている『愛の不時着』にご多分に... 続きを読む

WebBundle によるコンテンツの結合と WebPackaging | blog.jxck.io

2019/11/11 58 users WebPackaging jxck.io 結合 実装 仕様策定

Intro 依存コンテンツを 1 つにまとめて配信する WebBundle の仕様策定と実装が進んでいる。 これは Signed HTTP Exchange と合わせて WebPackaging を実現するための仕様であり、組み合わせれば WebBundle に対して署名することでコンテンツの配信を通信と分けて考えることができる。 Signed HTTP Exchange に比べると... 続きを読む

オープンソースのReact.jsコンポーネントライブラリ「Flawwwless」 - エンジニア・プログラマのソーシャルITメディア

2019/09/03 56 users Documentation チートコード プログラマ npm

◆ Flawwwless https://ui.flawwwless.com/documentation/intro 紹介 「Flawwwless」は、yarn、npmでインストールできるオープンソースのReact.jsコンポーネントライブラリです。 100以上のアイコンや 5つのパターンが提供されたボタンとチートコード 新着通知に使うバッジや プログレスのほかフォームやモーダル、メニュ... 続きを読む

画像最適化戦略 Lazy Loading 編 | blog.jxck.io

2019/05/20 97 users Lazy loading jxck.io LazyLoad

created_at: 2019-05-20 updated_at: 2019-05-20 tags: [lazyload,image,performance] Intro 長らく議論されてきた <img> や <iframe> における Lazyload について、仕様と実装が動きを見せている。 ここでは、特に画像 <img> に注目し、 Lazyloading の議論の変遷を踏まえた上で現状を解説する。 画像最適化戦略 PNG/JP... 続きを読む

Googleが音声翻訳で話者の声を保ったまま翻訳させる画期的なシステム「Translatotron」を発表 - GIGAZINE

2019/05/16 72 users GIGAZINE 音声翻訳 Google 音声 システム

by rawpixel.com Googleが、人が話した内容を本人の声を保ったまま音声翻訳してくれる「Translatotron(トランスラトトロン)」について詳細を明かしました。従来モデルとは異なるエンドツーエンドモデルを採用した画期的なシステムとなっており、音声翻訳の未来を切り開くものと考えられています。 Google AI Blog: Intro... 続きを読む

Web における技術の解釈とエコシステムによる合意形成プロセスについて | blog.jxck.io

2019/04/26 127 users jxck.io 解釈 エコシステム 技術 デプロイ

created_at: 2019-04-26 updated_at: 2019-04-26 tags: [ping,ecosystem,web] Intro 「ユーザが意図する挙動」とは何か。技術的に可能であるが「やらない方が良いこと」は、誰がどう決めるのか。 Web には仕様、実装、デプロイ、そしてユーザの利用とフィードバックによって、そうした合意がゆるやかに形成されていく仕... 続きを読む

Element.toggleAttribute | blog.jxck.io

2018/07/20 40 users jxck.io ミッシングピース created_at 実装

created_at: 2018-07-20 updated_at: 2018-07-20 tags: [dom,html] Intro 非常にシンプルかつミッシングピースだった Element.toggleAttribute という仕様が提案された。 最近になって各ブラウザが一斉に実装を進め、リリースに向けたアナウンスが出始めている。 この仕様について解説する。 Boolean Attributes Boolean... 続きを読む

Bookmarklet という一番身近な自動化技術 | blog.jxck.io

2018/01/15 612 users Bookmarklet bookmark jxck.io

Intro 「毎回やるなら bookmarklet にでもすれば?」と言ったら、後輩が「そんな便利なことできたんですね、知りませんでした」と言ってた。 そんな時代にこそ、今更だれも解説しないであろう、 bookmarklet という技術についてもう一度書いておく。 Bookmarklet 簡単に言えば、 JS を書き、それを Bookmark として登録すれば、クリックするだけで現在のページでそれ... 続きを読む

予約済みドメイン (.example, .localhost, .test) について | blog.jxck.io

2017/09/26 273 users example localhost ｇＴＬＤ test dev

created_at: 2017-09-27 updated_at: 2017-09-26 tags: [ dns , domain ] Intro 特別なドメインとして予約され、特定の用途で使用可能なドメインとして、 .example .localhost .test などがある。 localhost の Draft や、 gTLD である .dev が Chrome で Preload HST... 続きを読む

.mjs とは何か、またはモジュールベース JS とエコシステムの今後 | blog.jxck.io

2017/08/15 331 users MJS node jxck.io ES Modules 決着

created_at: 2017-08-15 updated_at: 2017-08-15 tags: [ es module , tc39 , javascript ] Intro 長いこと議論になっていた ES Modules の Node における扱いに一応の決着が付き、 .mjs という拡張子が採択された。 この拡張子の意味と、今後ブラウザと合わせて Universal JS を実装してい... 続きを読む

.mjs とは何か、またはモジュールベース JS とエコシステムの今後 | blog.jxck.io

2017/08/15 331 users MJS node jxck.io ES Modules 決着

created_at: 2017-08-15 updated_at: 2017-08-15 tags: [ es module , tc39 , javascript ] Intro 長いこと議論になっていた ES Modules の Node における扱いに一応の決着が付き、 .mjs という拡張子が採択された。 この拡張子の意味と、今後ブラウザと合わせて Universal JS を実装してい... 続きを読む