Bookmarks

概要 以下の accounts と profiles というテーブルから、WITH句で users テーブルを作り、この users テーブルを Active Record のモデルとして利用できるようにします。 Railsのバージョンは7を用いましたが6でも動作すると思います。 accounts テーブル 列名 型 概要 id int PK email string ログインメールアドレス password string ログインパスワード profiles テーブル 列名 型 概要 id int PK account_id int FK first_name string 名 last_name string […]

A process for measuring and optimizing TypeScript type checking performance

The easiest way to build React apps with server-side rendering.

The easiest way to build React apps with server-side rendering - lazarv/react-server

Quickly create custom devtools for your React app.

⚡️ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation - salesforce/lwc

Lightning Web Components

Before diving into building you're own component library from scratch, let's have a look at the different types of component libraries out there, and the benefits and drawbacks of using them.

While much of performance deals with what you can do to optimize and eliminate unnecessary resources, it may seem a bit paradoxical to suggest that some resources should be loaded before they're needed. However, there are some cases in which it _might_ be appropriate to load certain resources ahead of time. In this module, this aspect of performance is explored, as prefetching and prerendering are discussed.

Improve the performance of client-side rendered SPAs by avoiding the waterfall effect caused by route-based lazy-loading.

Introduction In this post, I would like to share the story of why I started developing Jotai. While Jotai is often seen as a similar solution to Recoil, there is a longer history behind its development. React Hooks It was October 2018 when React Hooks were first announced. I liked the idea of developing logic outside of React components, and believed that many libraries would soon adopt this approach. I wanted to develop something, and global state management was one field I picked.

React 19 introduces terrific primitives for building great forms. Let's dive deep on forms for the web with React.

Taste the difference.

🛍 JSON schemas for Neovim.

Job Queues on selectable backends (mongodb, redis) - pepmartinez/keuss

Job Queues for node.js, backed by redis and/or MongoDB

Anvil is a graphical, multi-pane tiling editor that makes bold use of the mouse and integrates closely with the shell. It supports syntax highlighting, multiple cursors and selections, remote file editing, and contains a powerful text manipulation language.

A programmable markup language for generating HTML. - hypered/slab

Japanese website design looks weird. But, they work just as well as other websites around the world. Why is that? I mean, they're information dense, cluttered, and some would even think they were teleported to the 1900s. Turns out, beneath the overwhelming user interface lies undeniable psychology. In this video, I cover why this "weird" design is necessary, why Japan can't just keep things simple, what a "gentle" user experience means, and how all of this impacts us. Music https://www.youtube.com/watch?v=J_Wk9aAkcno https://www.youtube.com/watch?v=a-jlvxyAS3I&list=PLdsGes2mFh92eHpOZVJQgoubb6rF0CcvU&index=14 https://www.youtube.com/watch?v=XP26BCigqn0&list=PLdsGes2mFh92eHpOZVJQgoubb6rF0CcvU&index=18 Sources https://bootcamp.uxdesign.cc/10-things-ive-learned-about-product-design-while-working-in-japan-f2e00c356b05 http://www.na-businesspress.com/ajm/bergieleb_web12_1_.pdf https://www.youtube.com/watch?v=yC-DDo3ESwA https://www.youtube.com/watch?v=9oYfhTC9lIQ https://pubmed.ncbi.nlm.nih.gov/21911434/ https://journals.sagepub.com/doi/10.1177/0146167212455828 https://www.youtube.com/watch?v=GqMSWuSeDPA&t=612s https://www.youtube.com/watch?v=rgdRzyCO5Zo&t=600s You're busy, I gotchu 0:00 - So many questions 1:07 - Why is "weird" design necessary? 2:06 - There's more complexity? 3:03 - What's low vs high context? 04:49 - This isn't just Japan? 5:29 - But isn't it convenient to keep things simple? 7:12 - What's a "gentle" UX? 9:23 - Why do some innovations take so long in Japan? 10:24 - How does this impact us?

Puppeteer 23 now supports Firefox, simplifying browser automation and testing across both Chrome and Firefox.

Enums in TypeScript can be confusing, with differences between numeric and string enums causing unexpected behaviors.

本書ではArm64 CPUアーキテクチャを前提としたハイパーバイザの仕組みを解説し、実際にラズベリーパイ4やQEMUで動作するハイパーバイザ（Type1）を自作する方法を解説しています。 ⬛︎ 注意 本書は現在まだ作成中ですがモチベーション維持のために公開している状態です。随時

最近はお客さんとの勉強会でDockerのドキュメントをつまみ食いして読むというのをやっていますが、改めて最新版を読んでみて、いろいろ思考が整理されました。2020年の20.10のマルチステージビルドの導入で大きく変わったのですが、それ以前の資料もweb上には多数あり「マルチステージビルドがよくわからない」という人も見かけるので過去の情報のアンラーニングに使っていただけるように改めて整理していきます