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

2024/01/28 201 users INTRO jxck.io iOS Newsroom 緩和

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... 続きを読む

3PCA 8 日目: P3P | blog.jxck.io

2023/12/07 9 users jxck.io 3PCA INTRO P3P エントリ

Intro このエントリは、3rd Party Cookie Advent Calendar の 8 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 今回は、Cookie2 が失敗した後に、別のアプローチでこの課題に挑んだ P3P を解説する。 P3P (Platform for Privacy... 続きを読む

3PCA 3 日目: 自動で送られる Cookie | blog.jxck.io

2023/12/02 8 users jxck.io 3PCA cookie 自動 INTRO

Intro このエントリは、 3rd Party Cookie Advent Calendar の 3 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 前回は 「Cookie は 区別 と 識別 の用途があり、 区別 だけのユースケースもある」という解説をした。 今回も、... 続きを読む

3PCA 1 日目: 3rd Party Cookie Advent Calendar Agenda | blog.jxck.io

2023/12/01 5 users jxck.io 3PCA 3rd party Cookie

Intro このエントリは、 3rd Party Cookie Advent Calendar の 1 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie Agenda 2024 年は、いよいよ 3rd Party Cookie の Deprecation が本格的に開始される。 これは端的に言えば「Web ... 続きを読む

ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | 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

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

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

2022/06/09 397 users Cache INTRO 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 メディアタイプ INTRO text 経緯

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

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

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

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

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

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

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

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

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

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

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

Intro, Data Modeling, Databases | Prisma's Data Guide

2021/06/08 6 users Databases INTRO

Learn how databases work, how to choose the right one, and how to use databases with your applications to their full potential. Introduction to databasesLearn the basics of what databases are, why they are so important for most software, and how they work. Start from the fundamentals to give your... 続きを読む

俺たちはマルチステークホルダー間のセキュリティインシデントから何を学ぶのか - 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 INTRO ORIGIN Zenn 執筆 技術解体新書

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

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

2020/08/15 22 users srcset img INTRO picture 挙動

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

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

2020/07/24 13 users 不時着 INTRO アロマキャンドル 青春ゾンビ ヒョンビン

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

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

2019/11/11 58 users WebPackaging INTRO 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 INTRO img

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 INTRO 音声翻訳 Google 音声

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

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

2019/04/26 127 users jxck.io 解釈 エコシステム INTRO 技術

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 ミッシングピース INTRO アナウンス 実装

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 INTRO bookmark 後輩

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