Project Status: Preview The goal of alien-signals is to create a push-pull model based signal library with the lowest overhead. We have set the following scheduling logic constraints: No dynamic object fields No use of Array/Set/Map No recursion calls Class properties must be fewer than 10 (https://v8.dev/blog/fast-properties) Experimental results have shown that with these constraints, it is poss
Disclaimer: This post expresses my opinions, which do not necessarily reflect consensus by the whole Web Components community. A blog post by Ryan Carniato titled “Web Components Are Not the Future” has recently stirred a lot of controversy. A few other JS framework authors pitched in, expressing frustration and disillusionment around Web Components. Some Web Components folks wrote rebuttals, whil
Intro showModalDialog() は今から考えれば、確かにひどい API だった。 しかし、何か Modal を開き、ユーザにインタラクションをさせ、閉じたらそこで入力された値や選択された結果を取得し、処理を進めたいユースケース自体は、規約への同意取得や、 Cookie バナー、ログインなど多々ある。 そういった場面では、ライブラリなどを用いて実装する必要があったが、 Modal を実装するのは実際にはそんなに簡単ではなかった。 Modal, Dialog, Modal Dialog 最初に、用語を少し整理しておこう。 Modal Dialog Modal Dialog non-Modal Dialog Dialog とは、そもそも「対話」という意味であり、 UI の文脈では入力や選択を求める「対話的な UI」のことを指す。 既に実装されている alert(), confir
Visualize the information to ensure accessibility in your web pages, such as alternative text, heading levels, form labels, and… Visualize the information to ensure accessibility in your web pages, such as alternative text, heading levels, form labels, and live region updates. Until now, the only way to view this information was to read it using developer tools, read code, or view it using a scree
亡くなった大野泰弘さん（2020年） この記事の写真をすべて見る 6月20日の夕方、永田町の国会議事堂近くの道路で、横断歩道を渡っていた男性が乗用車にはねられ死亡した。亡くなったのは団体職員の大野泰弘さん（67）。その後、搬送先の病院で死亡が確認された。 大野さんをはねた車はそのまま走り去り、200mほど先で別の車をよけようとして横転。警視庁は運転していた濃畑宣秀容疑者（55）をひき逃げなどの疑いで現行犯逮捕した。車は財務省の公用車で、濃畑容疑者は財務省の委託先企業の運転手だった。 【写真】ひき逃げ後、横転した自動車 テレビニュースなどでは、濃畑容疑者が横転した車からなかなか出ようとせず、警察官に取り押さえられる際、「どうなってんだ、この国」などと言いながら抵抗するシーンが映し出され、注目された。 だが私は、「大野泰弘さん」「67歳」という被害者の名前と年齢に釘付けになっていた。その後、大
Unleash JavaScript's Potential with the UnJS EcosystemAgnostic Excellence: JavaScript Libraries, Tools, and Utilities, Crafted to Elevate Your Coding Journey. A unified JavaScript ecosystem The UnJS PhilosophyA robust ecosystem, driven by the UNIX Philosophy, housing purpose-built, high-quality JavaScript utilities, libraries, and tools, upheld by a collaborative community. High-quality & Single-P
Can we emulate the upcoming CSS contrast-color() function via CSS features that have already widely shipped? And if so, what are the tradeoffs involved and how to best balance them? Relative Colors Out of all the CSS features I have designed, Relative Colors aka Relative Color Syntax (RCS) is definitely among the ones I’m most proud of. In a nutshell, they allow CSS authors to derive a new color f
expand.ai instantly turns any website into a type-safe API you can rely on. √Reliable scraping infrastructure√High quality with back checking√Great developer experience√Instant API for any website const companies = await expand({ sources: ['https://www.ycombinator.com/companies'], // auto-generated schema by expand.ai schema: Model('Company', { name: Expand.String, batch: Expand.String, url: Expan
The @property at-rule recently gained support across all modern browsers, unlocking the ability to explicitly define a syntax, initial value, and inheritance for CSS custom properties. It seems like forever ago that CSS Houdini and its CSS Properties and Values API were initially introduced. I experimented sparingly over time, reading articles that danced around the concepts, but I had barely scra
技術選定の失敗 2年間を振り返る TypeScript,Hono,Nest.js,React,GraphQL はじめに 新たに書きました。 MySQLを使っても会社は潰れない 久々に記事を書いたのでどうぞお手柔らかに... 私が過去2年間で行った技術選定の成功と失敗を振り返り、その学びを共有したいと思います。 文才無いので淡々と箇条書きでいきます Twitterエンジニア垢作りました。エンジニアのお友達がいません。 @uncode_jp 注意 意見を押し付けるものではありません。ただ建設的な議論は大事だと思う。 自分の意見は明確に、歯切れのよい表現を意識している。人それぞれだよねみたいな感じに逃げたくない。技術選定に結論はある（過激）。 ただし技術選定にはコンテキストがあり、例えばプロダクトのフェーズや組織の事情によって当然結論は変わる可能性がある。 OSSの開発者さん達は偉大ですごい。あ
publicディレクトリなどの不要なファイル等は削除します。 開発するファイルを作成 今回は適当に色付きのコンソールログを作成。 src/lib/cclg/index.ts /** * @property label log text * @property color color of the label * @property bgColor background color of the label * @property value value of the label * @cStyle cStyle style of the label * @type type log type */ type TCclg = { label: string color?: string bgColor?: string value?: string | number | object | n
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く