Webブラウザは、現代のコンピューティング環境において欠かせない存在であり、最も広く使われているプラットフォームの一つです。本書は、その仕組みを実践的に学ぶための解説書です。実際にWebブラウザを構築する過程をたどりながら、レンダリング、HTMLパーサー、CSS、JavaScript、マルチスレッド対応、セキュリティモデル、アニメーションとコンポジット処理、ブラウザAPI、アクセシビリティなど、モダンなWebブラウザの主要な要素を順を追って解説していきます。 章ごとにコードを動かしながら、ブラウザに機能が積み重なっていく過程を通じて、ソフトウェアを成長させ改善していく経験を自然に体得できます。ブラウザ技術の研究者とChrome開発者による豊富な知見をもとに、Webの進化をたどりながら、手を動かしてブラウザの内部構造を深く理解できる一冊です。 はじめに 第1部 序論 序章i ブラウザとWeb
こんにちは！ サイボウズ株式会社 デザインテクノロジストの saku (@sakupi01) です。 はじめに サイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。 標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。 そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事としてまとめ、紹介していきます。 また、ここでは W3C に限らず、TC39 や WHATWG などの標準化団体のトピックについても扱います。 イベントのお知らせ 4/17（金）に、サイボウズ東京オフィスにて#縦書き_studyが開催されます。ぜひご参加ください。 HTML Request for dev
Intro 「Background Fetch を使っているのが、世界であなたのサイトだけなんだけど、この機能消しても良い?」 と、TPAC 2025 の会場で、Chrome の Service Worker チームの開発者と話していた際に言われた。 Background Fetch Background Fetch は、Service Worker を使って、文字通り Fetch をバックグラウンドで行う機能だ。 特に Android では、ダウンロードの UI にプログレスが表示され、終わったら Cache API に保存される。 筆者が運営している mozaic.fm のサイトは、Podcast アプリと同じようなことを Web でもできるように PWA 化し、様々な機能を試していた。 PWA: モバイルでインストールしてアプリとして使える Background Fetch: エピソ
25新卒プロダクトエンジニアの mehm8128 です。 今年4月より W3C に加入したサイボウズは、11/10～11/14 に行われた TPAC 2025 に10名ほどで参加してきました。 前編と後編に分けて、その様子や感想をお送りします。 Shownote 11/25 の Cybozu Frontend Monthly にて、参加した一部のメンバーで振り返りの様子を配信しました。前編では、その中身を簡単にさらいます。詳細はアーカイブをご覧ください。 cybozu.github.io www.youtube.com TPAC とは TPAC 2025: Overview W3C が開催する全体会合 一週間の開催で、様々なミーティングが開催される 会場 神戸国際会議場 https://www.w3.org/2025/11/TPAC/venue.html 国際会議場 受付の様子 休憩室の様
サイボウズが実践するBaselineを用いた持続可能なブラウザサポートのご紹介 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Published: November 7, 2025 日本国内で38,000社を超えるエンタープライズ顧客のブラウザ互換性を管理することは、決して容易ではありません。1日あたり150万以上のアプリケーションでクリティカルなビジネス運用を支えているkintoneにとって、ブラウザサポートの判断は極めて重要な意味を持ちます。 日本を代表するグループウェア企業であるサイボウズは、その課題に直面していました。製品全体で一貫したウェブ標準の基準を維持しながら、独自のブラウザサポート基準のメンテナンス負担を回避するには、どうすればよいのか。 至った解決策は、開発時の機能基準にBaselineを採用することでした。この決断は、私たちのウェブプ
Published: November 7, 2025 Managing browser compatibility for over 38,000 enterprise customers across Japan isn't trivial. When Kintone powers critical business operations for over 1.5 million applications daily, every browser support decision matters. Cybozu, a leading groupware company in Japan, faced a fundamental challenge: How to maintain consistent web standards across products while avoidi
この記事は、CYBOZU SUMMER BLOG FES '25の記事です。 こんにちは！サイボウズでデザインテクノロジストをしている saku (@sakupi01) です。 はじめに 数ヶ月前に、個人ブログにて以下のエントリを投稿しました。 blog.sakupi01.com このエントリの執筆背景には、プロダクトに導入する Web 標準の機能について、社内で導入基準を策定していたことがありました。 そこから数ヶ月が経った現在、kintone というプロダクトのフロントエンドでは、この基準に「Baseline Widely Available」を採用し、運用を開始しています。 本エントリでは、Baseline を採用するまでの背景、運用に至るまでに考慮したこと、kintone での活用方法について紹介します。 前置き 新しい Web 標準の機能をプロダクトに入れても、ユーザがサポートさ
ここ最近、生成AIに要約などのURLを指定した参照処理ができない事が増えたので、それについての雑記です。 (雑記なので、専門的な調査や論考ではありません。もし、間違ってるところがあったら指摘は歓迎です。修正しますので優しく教えてください。) なお、本記事は心を込めて物理キーボードを叩いて書いた人間の手作りです(一部データ集計などAIに手伝ってもらってるはいるけど)ので、どうぞ安心して最後までお読みください。AIに書いてもらえなかったオチがあります。 下の画像は ChatGPT に NHKのニュースにアクセスしてもらおうとして「robots.txtで禁止されている」という理由で断られてるところ。生成AI系から記事へのアクセスができなくなっている。 どうも最近は robots.txtで生成AIからのアクセスをブロックしてるメディアが増えているみたい。 robots.txtはクローラー(ロボット
Intro 4 月末にリリースされる Chrome 136 からは、一部のケースで「閲覧履歴があってもリンクの色が変わらない」状態が発生する。 もしこの挙動に依存して閲覧をしているユーザがいれば、多少不便に感じるかもしれない。 しかし、これは長年問題視されてきた、ユーザのプライバシー保護のための更新だ。 ユーザ側でも、「サイトが壊れたのでは?」と思う人もいるだろうため、前半は技術用語を少なめに解説し、エンジニア向けの解説は後半で行う。 従来の挙動 例えば、Wikipedia では、リンクをクリックして閲覧先を確認すると、閲覧済みのリンクの色が変わる。 これは、ブラウザに保存された閲覧履歴に該当するリンクの色を、訪問済みとして変えるブラウザの機能だ。 多くのリンクがある場合、確認済みかどうかがわかるために、便利に使われることもあるだろう。 (最近では、閲覧済みでもリンクの色を変えないように実
なぜAmazonはPrime Videoに広告をぶち込めるのか投稿者: heatwave_p2p 投稿日: 2024/10/172024/10/17 Pluralistic Primeがさらに広告を増やすそうだ。今年1月からPrimeビデオに広告が挿入されるようになったが、それでもPrime会員が減ることはなかった。そこでAmazonは、Primeの品質をひどくしても、もっと稼げると踏んだ。 https://arstechnica.com/gadgets/2024/10/amazon-prime-video-is-getting-more-ads-next-year 何もAmazonがサディストなわけではない。すべては金目当てだ。Amazonが表示する広告は、価値――あなたの時間や注意――を株主へと移転する。 これがメタクソ化の核心だ。企業が以前は役立っていた製品をどんどん劣化させていくの
![なぜAmazonはPrime Videoに広告をぶち込めるのか » p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/cc211621c7f19402bcad2f00128c6bfc5b550049/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2024%2F10%2Fnico-baum-lfF1nJs_qY-unsplash_e2.jpg)
しかしCompressionStreamはその名の通りWeb Stream APIなのでどう頑張っても出力は非同期です。なので関数名と引数は同じですが戻り値はPromise<string>になります。 また、アルゴリズムが違うので互換はありません。今までlz-stringで圧縮・解凍していた箇所をいきなりCompressionStream版に置き換えても機能しませんのでご注意ください。 ちなみに、lz-stringの圧縮アルゴリズムはドキュメントでLZ-basedと書かれており、おそらく作者独自のアルゴリズムです。 CompressionStreamで選択できるアルゴリズム（語弊あり）は gzip, deflate, deflate-rawです。gzipはgzipですが、deflateはzlibでdeflate-rawが純粋なdeflateです。命名については歴史的経緯があるようです。 前
Intro 2024/9/7 に、Web Developer Conference を開催した。 Web Developer Conference 2024 開催告知 #wdc2024 | blog.jxck.io https://blog.jxck.io/entries/2024-06-12/web-dev-conf-2024.html Connpass https://web-study.connpass.com/event/321711/ Togetter https://togetter.com/li/2430964 WDC2024 「Web 開発に関わることならなんでも可」という 40 分セッションと、「1 人 1 分 1 枚で Web 標準を紹介する」という 1 分 LT のカンファレンスとして開催した。 それ以外の余計なことを全くしない、いつも通りの省力開催で行った。 配信/
Intro Ladybird は、他のブラウザエンジンをフォークせず、企業との取引に頼らず、寄付だけで作ることを宣言した新しいブラウザエンジンだ。 Ladybird https://ladybird.org/ これがいかに価値のある取り組みなのか、Web を漫然と眺めてきた筆者による N=1 の妄言を書いてみる。 ブラウザエンジンとは ブラウザは、「ブラウザ UI」と「ブラウザエンジン」と、大きく二つの構成要素に分けて考えることができる。 ブラウザエンジンとは、いわゆる Web 標準の技術を片っ端から実装した、ブラウザの土台となるものだ。 ビルドすれば、入力した URL からネットワーク経由でリソースを取得し、パースしてレンダリングして表示できる。そのための IETF RFC や WHATWG HTML や ECMAScript が実装されている、標準技術の結集だ。 その上に、例えばタブを
CFP CFP の募集には fortee を使ってみようと思います。まだ慣れてないので色々と失敗すると思いますが、多めにみてください。(参加募集は fortee ではなく、慣れてる connpass を使う予定です) また、採択は fortee のプロポーサルのスターを第一基準にするので、聞きたいのはスターしてください。(なので、多分応募は早い方が有利です) プロポーザル | Web Developer Conference 2024 - fortee.jp https://fortee.jp/web-dev-conf-2024/proposal/all 募集は Session と LT の 2 枠です。 Session 40 分枠 x 12 Web 開発に関わることならなんでも可 終わったら感想戦会場に移動、そこで QA CFP を Fortee で募集 基本は Fortee のスター数
NEWS: htmx v4 is under active development and is now in beta, with a target release date of Summer '26! More details at https://four.htmx.org introduction htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext htmx is small (~16k min.gz’d), dependency-fr
If you've joined the recent WebDX calls or participated in the Matrix chat, then you have heard that we're moving toward having the governance group make a decision about the definition of Baseline, so that we can try out a revised definition in front of actual developers. The governance group expects to have the first meeting on or after Tuesday, 10 October 2023. How you can help: summarize your
Intro このエントリは、3rd Party Cookie Advent Calendar の最終日である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie ここまで、3rd Party Cookie との 30 年にわたる戦いと、ITP 以降それが Deprecation されるに至った流れ、そして Privacy Sandbox の API について解説してきた。 最終日は、ここまでを踏まえて、来年以降の Web がどうなっていくのかを考えていく。 「Web 史上最大の破壊的変更」の意味 筆者はこのアドベントカレンダーの最初に、これを「Web 史上最大の破壊的変更」と言って始めた。 Web で破壊的変更と言えば、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
