Private Browsing 2.0
Jul 16, 2024 by John Wilander, Charlie Wolfe, Matthew Finkel, Wenson Hsieh, and Keith Holleman When we invented Private Browsing back in 2005, our aim was to provide users with an easy way to keep their browsing private from anyone who shared the same device. We created a mode where users do not leave any local, persistent traces of their browsing. Eventually all other browsers shipped the same fe
東京五輪会場の制御システムに対するペネトレーションテストから得られた知見を公開します 長年、実際の様々な 制御システム の ペネトレーションテスト にて、初期侵入から被害発生までの攻撃シナリオをテストしてきた中からの紹介です。 2021年に開催された東京オリンピック・パラリンピックでは、大会に向け様々なサイバーセキュリティ対策が行われた事をご存知の方も多いかと思います。 そのような中、弊社は、内閣サイバーセキュリティセンター（NISC）が実施した大会会場の制御システムに対するペネトレーションテスト1にテスト実施事業者として参加しました。 本件はNISCのサイバー関連事業者グループのページにて、「主な施策 1.リスクマネジメントの促進 大規模国際イベントにおけるサイバーセキュリティ対策 競技会場に対するペネトレーションテスト結果の事例の情報共有 〜東京オリンピック・パラリンピック競技大会の取
A microcontroller Macintosh This all started from a conversation about the RP2040 MCU, and building a simple desktop/GUI for it. I’d made a comment along the lines of “or, just run some old OS”, and it got me thinking about the original Macintosh. The original Macintosh was released 40.5 years before this post, and is a pretty cool machine especially considering that the hardware is very simple. I
OBSのブラウザソースで動くものを作るあなたへ
MacOSのみ一部バージョンが異なるのは26.1.1リリースのタイミングでブラウザソースがクラッシュする問題が発生し、hotfixとして26.1.2リリースのタイミングでMac版のみアップデートがなされたためです。 このようにバージョンアップのタイミングはまちまちで、XSplitに関しては最近までChrome 68系、OBSについても最新版の30.xでもChrome 103系と執筆現在(2024/04/22)での最新バージョンであるChrome 124から21バージョン遅れをとっている状況です。 これらのアップデートが進まないことの背景には、OBSがCEF経由でページの表示をテクスチャとして使用するためにテクスチャ共有を利用しながら、ゲームなどの他のソフトウェアやキャプチャを使用するためにもテクスチャ共有を利用していることと、CEFがOffscreen Rendering(OSR)時にハー
WebKit Features in Safari 18.0
ContentsNew in Safari 18Web apps for MacCSSSpatial WebHTMLJavaScriptWeb APICanvasManaged Media SourceWebRTCHTTPSWebGLWeb InspectorPasskeysSafari ExtensionsApple PayDeprecationsBug Fixes and moreUpdating to Safari 18.0Feedback Safari 18.0 is here. Along with iOS 18, iPadOS 18, macOS Sequoia and visionOS 2, today is the day another 53 web platform features, as well as 25 deprecations and 209 resolve
Intro ここまで解説した仕様を踏まえ、いくつかの代表的なユースケースの実装について考えていく。 あくまで仕様の組み合わせ方についての解説であり、実装そのものの推奨ではない。 また、ここで紹介する仕様はまだ変更の可能性があり、かつ実装も揃っていないものがある点に注意 規約への同意 まずは、「規約への同意」の UI について考えてみる。想定するのは以下のようなものだ。 見ての通り、この規約に同意しないと先に進むことができない、ブロックを伴う UI であるため Modal Dialog として実装するのが妥当だろう。 どのようなきっかけで表示されるかはわからないため、 JS から showModal() する前提で実装を考えていく。 HTML まず、基本的な HTML 要素を並べてみよう。(<dialog> と関係ない部分は簡略化) 要件はいろいろあるだろうが、最低限以下の 2 つを必須とす
スクロールは、カタログ通販とECサイト運営を主力とする企業です。 株主優待は、年に1回、3月末時点の株主に対して実施されます。 優待内容は、保有株数と継続保有期間に応じて、専用WEBサイトで使える「株主優待ポイント」です。 今回から「北海道のグルメ」が無くなったので人気激減の予感です～
For this second post in Zed Decoded, our blog & video series in which we're taking a closer look at how Zed is built, I've talked to Zed's three co-founders — Nathan, Max, Antonio — about the data structure at the heart of Zed: the rope. Companion Video: Rope & SumTree This post comes with a 1hr companion video, in which Thorsten, Nathan, Antonio, and Max use Zed to look at how Zed uses the Rope a
アフィリエイトサイトにおいては、クリックはとても重要です。 クリックされないと、ただたんにユーザーを満足させるだけの記事を提供しているだけになってしまいます。 もちろん、それはそれで重要です。 つまり、ユーザーに満足してもらうための「情報記事」。 それはそれで、サイトの評価を上げるうえでは、とても重要ですが、そうでない記事。 例えば、商標記事、地域記事、商標＋クチコミなど。 成約に近いキーワードの場合、きちんとクリックしてもらわないと、 その役割を果たすことはできません。 そういう意味で、どれだけユーザーにクリックしてもらえるか？ その導線を作ることができるか？ はとても重要です。 ところが、そのクリック。 ただたんにボタンをつけたり、 目立たせたりすればいいわけではありません。 ちょっと前までは、「目立たせることが大切」、「数が大切」という意見がありました。 つまり、いかに、アフィリエイ
UPDATE October 2024: Since this article was published, members of the CSS Working Group have concluded that all of the grid abilities described here — variable-width tracks, explicit placement, spanning, and subgrids — are worth including in masonry layout, and are possible to implement performantly. There is now an official W3C Working Draft for CSS Grid Layout Module Level 3 documenting how it w
Please Make Your Table Headings Sticky 2024-02-23 I often stumble upon large data sets or table layouts across the web. When these tables contain hundreds of rows of content, things become problematic once you start to scroll… This should be a header Look at that table header disappear! Now, if I scroll all the way down to item #300 (for example) will I remember what each column’s data is associat
Introduction
{ const container = $el; // The div with overflow const item = document.getElementById('sidebar-current-page') if (item) { const containerTop = container.scrollTop; const containerBottom = containerTop + container.clientHeight; const itemTop = item.offsetTop - container.offsetTop; const itemBottom = itemTop + item.offsetHeight; // Scroll only if the item is out of view if (itemBottom > containerBo
Node.js — Node v22.6.0 (Current)
2024-08-06, Version 22.6.0 (Current), @RafaelGSS Experimental TypeScript support via strip types Node.js introduces the --experimental-strip-types flag for initial TypeScript support. This feature strips type annotations from .ts files, allowing them to run without transforming TypeScript-specific syntax. Current limitations include: Supports only inline type annotations, not features like enums o
Update 1.97.1: The update addresses these security issues. Update 1.97.2: The update addresses these issues. Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the January 2025 release of Visual Studio Code. There are many updates in this version that we hope you'll like, some of the key highlights include: Next Edit Suggestions (preview) - Co
When a single-page application needs to fetch data from a remote source, it needs to do so while remaining responsive and providing feedback to the user during an often slow query. Five patterns help with this. Asynchronous State Handler wraps these queries with meta-queries for the state of the query. Parallel Data Fetching minimizes wait time. Fallback Markup specifies fallback displays in marku
古代ギリシアの哲学者、プラトン（紀元前427〜BC347年）。 ソクラテスの弟子にして、アリストテレスの師にあたる彼は歴史上、最も有名にして偉大な哲学者の一人です。 おそらく哲学に触れたことがなくても、プラトンの名前はほとんどの人が知っているでしょう。 そして最近、イタリア国立研究評議会（CNR）とピサ大学（University of Pisa）により、プラトンに関する驚くべき研究報告がなされました。 研究チームが18世紀に見つかった古文書を解読した結果、なんとプラトンが埋葬された正確な場所が明らかになったのです。 さらに古文書にはプラトンが病に倒れる前の最後の夜についても詳細に書かれていたという。 偉大な哲学者が眠りについた場所はどこだったのでしょうか？ Plato’s burial place finally revealed after AI deciphers ancient sc
7 Notion Productivity Hacks You’ve Probably Never Tried
Whether you're managing a project, taking notes, or organizing your life in Notion, productivity hacks are always a welcome addition to the workflow. Notion is powerful, but these lesser-known hacks take productivity to the next level. 1 Learn to Use Commands In Notion, you can quickly add content to a page using commands. To do that, you press the / key (forward slash) on your keyboard and follow
閉じている details 要素に `#fragment` でジャンプして、ジャンプと同時に展開したい - mizdra's blog
最近用語集のようなページを作る機会があった。それぞれの用語の名前と説明がバーっと並んでて、説明部分は <details> 要素で隠されている。用語の名前をクリックすると <details> が展開されて、説明部分が読める、といった感じ。 用語集ページの例 他のページから特定の用語の説明に飛べるように、用語を表す要素それぞれに id 属性が振ってある。例えば https://glossary.example.com/#javascript という URL でアクセスすると、「JavaScript」の用語がある位置にスクロールした状態で、用語集ページを開ける。 ただ (一部ブラウザで) https://glossary.example.com/#javascript でアクセスしても、JavaScript の説明の欄が閉じたままで困っていた。その用語の説明が見たいがためにしてきているので、最初
公開日: 2025 年 1 月 15 日 Chrome 133 では、コンテナクエリを拡張して、スクロール状態のコンテナクエリを導入しています。固定位置、スクロール スナップポイント、スクロール可能な要素のブラウザ管理状態を CSS からクエリして適応できるようになりました。 概要 スクロール状態のクエリが導入される前は、JavaScript を使用して要素が固定されているか、スナップされているか、スクロール可能かを把握する必要がありました。標準トラックで、この情報を把握して適切に適応する、よりパフォーマンスの高い方法が提案されています。また、アニメーションをトリガーする新しい方法も追加され、CSS からスクロール トリガー アニメーションを解放できるようになりました。 Chrome 133 以降で利用できる状態クエリの概要は次のとおりです。 停止状態: 要素が端に固定されたときにスタイル
Like the blip of an intro on the front page says, my degree was originally in music. My running joke as a web dev is that neither has meaningfully required me to count past 32. And while my main concentration was vocals, I've since realized I should probably stop strictly calling this a nontechnical field, because my actual major was recording — even if I did primarily branch out into this for the
アクセシビリティチェックってどうやってるの？ということで、実際にやってみた。（その1）、（その2）の続きです。 おさらい 対象ページ：「アトリエ金工やまぐち」 Basic認証があるので、アクセシビリティ向上日誌１【各種ツール評価編】からたどってください @HeldaForStudy氏に了承を得てアクセシビリティチェックを行っています チェック基準：WCAG 2.1レベルA 文中のSCはSuccess Criteriaの略で達成基準のこと 目的はどうやってアクセシビリティチェックしているのか、チェックしながら何を考えているのかを書き記すことです 制作ページやチェック内容にネガティブなことをいいたいわけではありません チェックに抜け漏れ、誤りがあるかもしれません 仕様等は基本的に日本語訳を当たります では続きに入っていきましょう。 「ABOUT」セクション アクセシビリティチェックの経験がある
Streamline container application networking with built-in Amazon ECS support in Amazon VPC Lattice | Amazon Web Services
AWS News Blog Streamline container application networking with built-in Amazon ECS support in Amazon VPC Lattice Since its launch, Amazon VPC Lattice has streamlined complex networking tasks. As a result, my perspective on how to build and connect modern, multi-service applications has changed. As my colleague Danilo wrote in his post announcing the general availability of VPC Lattice: “By using V
Introducing Copilot+ PCs - The Official Microsoft Blog
All Microsoft Global Microsoft 365 Teams Copilot Windows Surface Xbox Deals Small Business Support Software Windows Apps AI Outlook OneDrive Microsoft Teams OneNote Microsoft Edge Skype PCs & Devices Computers Shop Xbox Accessories VR & mixed reality Certified Refurbished Trade-in for cash Entertainment Xbox Game Pass Ultimate PC Game Pass Xbox games PC and Windows games Movies & TV Business Micro
Jun 10, 2024 by Jen Simmons, Jon Davis, Karl Dubost, Anne van Kesteren, Marcos Cáceres, Ada Rose Canon, Tim Nguyen, Sanjana Aithal, Pascoe, and Garrett Davidson ContentsWebXRCSSWeb apps for MacSafari ExtensionsSpatial mediaHTMLMediaWebRTCPasskeysHTTPSJavaScriptWeb APICanvasWebGLWeb InspectorWKWebViewApple PayDeprecationsBug Fixes and moreHelp us Beta TestFeedback The last year has been a great one
Eyes Above The Waves Robert O'Callahan. Christian. Repatriate Kiwi. Hacker. Archive 2024 December Mt Arthur/Tablelands/Cobb Valley November Queen Charlotte Track 2024 October Auckland Half Marathon 2024 Advanced Debugging Technology In Practice June Waihohonu Hut 2024 So You Want To Build A Browser Engine Real-Time Settlers Of Catan April Auckland Waterfront Half Marathon 2024 Whanganui River Jour
【スクロール心理】結構好きなスクロールでユーザー体験を高める
ここ連日、同じような話題が続いてしまってすみません。 このブログ、日々の作業の中で気づいたことをアウトプットする意味で書いている部分が大いにあります。 読んでくださっている皆様には「付き合わせてしまっている」ような形になってしまい、大変恐縮に感じる限りです。 でもそれだけ。 今、「ユーザーに読んでもらう・クリックしてもらう」というのは難しいと感じているところです。 ユーザーはとにかく、制作者の意図したところをなかなか読んでくれません。 読んでくれないということは当然、なかなかクリックもしてくれません。 一昔前までは、 「〇〇円無料」とか、「〇〇円割引」ということを謳い文句にして、 あるいは、「今月限定」とかの限定感を出して、ユーザーのクリックを促すことが必要とされてきました。 でもそれらは、結構法律で厳しくダメとされてきましたし、 そうでなくても、多くのユーザーがリテラシーが高まっているの
12月7日、Chrome DevRelチームが「CSS Wrapped 2024」と題した記事を公開した。この記事では、2024年に追加されたCSSの新機能について詳しく紹介されている。 12月7日、Chrome DevRelチームが「CSS Wrapped 2024」と題した記事を公開した。この記事では、2024年に追加されたCSSの新機能について詳しく紹介されている。 以下に、その内容をかいつまんで紹介する。 原文では、実際に動作するデモや動画とともにCSSの新機能が紹介されているので、ぜひ原文を参照していただきたい。 1. 新機能の概要 2024年は、CSSにとってさらなる飛躍の年となった。これまでにない新機能が数多く追加され、ウェブ開発者にとって大きな変化をもたらしている。以下は主な新機能の概要だ。 コンポーネント機能の強化 Field Sizing height: auto への
The Art and Mathematics of Genji-Kō by Oran Looney November 26, 2024 Math Visualization History Python You might think it’s unlikely for any interesting mathematics to arise from incense appreciation, but that’s only because you’re unfamiliar with the peculiar character of Muromachi (室町) era Japanese nobles. There has never been a group of people, in any time or place, who were so driven to displa
When we launched the MDN Blog in May 2023, we were excited and curious to see what our readers would think and how the blog would look like one year on. We're thrilled to see that there's a wonderful variety of articles from the MDN team, guests, and partners that we think help developers build for the web. We launched the blog with the intention of having a channel that's separate from our usual
MicrosoftがAIでウェブページ上のテキストと画像を分析して回答する「Copilot Vision」のプレビュー版をリリース
2024年12月5日にMicrosoftが、ウェブブラウザ「Edge」で閲覧中のウェブページを分析し、ユーザーからの質問への回答やテキストの要約・翻訳、割引商品にスポットを当てるなどのタスクを処理できるAI機能「Copilot Vision」のプレビュー版を一部ユーザー向けにリリースしたことを発表しました。 Copilot Vision now in preview – a new way to browse | Microsoft Copilot Blog https://www.microsoft.com/en-us/microsoft-copilot/blog/2024/12/05/copilot-vision-now-in-preview-a-new-way-to-browse/?_thumbnail_id=3834 Maybe you shouldn't play favori
Last week, I went on an adventure through the electromagnetic spectrum! It’s like an invisible world that always surrounds us, and allows us to do many amazing things: It’s how radio and TV are transmitted, it’s how we communicate using Wi-Fi or our phones. And there are many more things to discover there, from all over the world. In this post, I’ll show you fifty things you can find there – all y
The Young, Inexperienced Engineers Aiding Elon Musk’s Government Takeover
The Young, Inexperienced Engineers Aiding Elon Musk’s Government Takeover Engineers between 19 and 24, most linked to Musk’s companies, are playing a key role as he seizes control of federal infrastructure. Elon Musk’s takeover of federal government infrastructure is ongoing, and at the center of things is a coterie of engineers who are barely out of—and in at least one case, purportedly still in—
Cline の動作原理を追う
はじめに Cline を使う機会が多くなってきたため、理解促進のために主要な部分の説明やプロンプトの翻訳を試みました。一度でも Cline を利用したことがある方を読者として想定しています。v3.0.0 を対象として説明します。 1. Cline の概要 Cline は、エンジニア的な知識をもったエージェントとして、ユーザーのワークスペース（現在のディレクトリやエディタの状態など）を確認しながら、各種ツールをユーザー承認ベースで順次呼び出します。ユーザー（ヒューマン）とのやり取りを大切にしつつ、自動化できる部分はエージェントが担う “human in the loop” 方式が特徴です。 2. Cline の処理の流れ Cline は以下のような流れで実行されます。 Flow chart は 説明のために簡易に書いており、厳密ではありません。 各ノードの説明 インスタンス生成: new C
The most minimal sites on the web, curated in one place. No overly animated content. No scroll jacking. No excessive storytelling.
Sansan Androidチームのライブラリアップデートの取り組みについて - Sansan Tech Blog
こんにちは。 この記事は、技術本部 Mobile ApplicationグループでSansan（※プロダクトとしてのSansan）のAndroid開発を行っている、桑原、小林、鎌田、原田の共著でお届けします。 今回は、アプリで使用しているライブラリのアップデートについて、 Sansanではどのようなポリシーで行っているのか そのポリシーを守るためにしていること そこから見えてくる課題 そして今後について をお話します。 Sansanにおけるライブラリアップデートのポリシー アプリで使用しているさまざまなライブラリは日々更新されており、機能の追加や変更、脆弱性の修正などが行われています。つまりアップデートを長期間放置していると、新機能を使えないことで開発生産性が落ちるなど、重大なセキュリティリスクを抱えることにつながります。 Sansan / Eightでは、お客さまの大切なデータをお預かり
Some time ago, Hillel Wayne published an article titled Microfeatures I’d like to see in more languages. In this article, he described three kinds of features in programming languages: fundamental features, deeply engrained features, and nice-to-have convenience features. Hillel’s premise was that language designers tend to focus on the first two; however, because the convenience features are rela
JSer.info #697 - Nuxt 2は2024年6月30日でEnd-of-Life (EOL)となることが発表されました。 Nuxt 2 End-of-Life (EOL) · Nuxt Blog Nuxt 2.xの最終版となる2.18.0が6月末にリリースされる予定となっていて、それ以降はセキュリティアップデートも公式には提供されなくなります。 TypeScript 5.5がリリースされました。 Announcing TypeScript 5.5 - TypeScript TypeScript 5.5では、関数からtype predicatesを推論できるようになり、Array.prototype.filterなどでの絞り込みが簡潔に書けるようになっています。 また、Stage 3のSet Methodsをサポート、JSDocで@import {foo} from "foo"を
it's robust already in the v1.0widgets, live actions, files shelf, a thousand options, NotchNook is a true center of utilities did i tell you you can scroll swipe and it works deliciously?
Version 1.94 is now available! Read about the new features and fixes from September. September 2024 (version 1.94) Update 1.94.1: The update addresses this security issue. Update 1.94.2: The update addresses these issues. Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the September 2024 release of Visual Studio Code. There are many updates
Misskey & Webテクノロジー最前線 リアクションを効率化するRBT、レンダリングを軽量化するcontent-visibility 本連載は分散型マイクロブログ用ソフトウェアMisskeyの開発に関する紹介と、関連するWeb技術について解説を行っています。 Misskeyでは、新機能の追加や改修・バグ修正はもちろんですが、運営者がより少ないコストでサーバーを維持できるよう、Misskeyのスケーラビリティ改善も継続して行っています。 今回はそういった最近のMisskeyのパフォーマンス改善の取り組みについて紹介します。 Reactions Boost Technology（RBT） Misskey® Reactions Boost Technology™（RBT）は、Misskey 2024.9.0で実装されたサーバーサイドのリアクション処理時のパフォーマンスを向上させる仕組み
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
東京五輪会場の制御システムに対するペネトレーションテストから得られた知見を公開します
MicroMac, a Macintosh for under £5
Dialog と Popover #7 | blog.jxck.io
【8005】スクロールの株主優待 2024年3月権利～グループ通販サイトのポイントがもらえます
Rope & SumTree - Zed Blog
【スクロールはクリックの最高の導線】ユーザー体験で親近感を増す重要性
Help us invent CSS Grid Level 3, aka “Masonry” layout
Please Make Your Table Headings Sticky
January 2025 (version 1.97)
Data Fetching Patterns in Single-Page Applications
古文書の解読から「プラトンの埋葬場所」がついに特定された！ - ナゾロジー
CSS scroll-state() | Blog | Chrome for Developers
Sonic Pi: Ruby as a Composition Tool
アクセシビリティチェックってどうやってるの？ということで、実際にやってみた。（その3） - 水底の血
News from WWDC24: WebKit in Safari 18 beta
So You Want To Build A Browser Engine
【海外記事紹介】CSSは2024年にこんなに進化した！Chromeチームが紹介する、CSS新機能紹介記事は必見
The Art and Mathematics of Genji-Kō - OranLooney.com
A year of publishing the MDN Blog | MDN Blog
Fifty Things you can do with a Software Defined Radio 📻
Dead Simple Sites — Minimal Website Inspiration
Microfeatures I Love in Blogs and Personal Websites
2024-06-22のJS: Nuxt 2 EOL、TypeScript 5.5、State of JavaScript 2023の結果
lo-cafe | NotchNook
Visual Studio Code September 2024
リアクションを効率化するRBT、レンダリングを軽量化するcontent-visibility | gihyo.jp