ESLint v9リリースなど: Cybozu Frontend Weekly (2024-04-09号)
こんにちは! サイボウズ株式会社フロントエンドエンジニアの Saji (@sajikix) です。 はじめに サイボウズでは毎週火曜日に Frontend Weekly という「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2024/4/9 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 tailwindcss-signals : Signals for Tailwind CSS Tailwind で style queries(container queries 経由) を利用したカスタマイズを可能にするプラグイン「tailwindcss-signals」が公開されました。 [&>div] のような祖先セレクタを使う代わりに、:signal という記法を Tailwind に導入することで親要素の状態に
Next.js 14.2リリースなど: Cybozu Frontend Weekly (2024-04-16号)
こんにちは！サイボウズ株式会社フロントエンドエンジニアのおぐえもん（@oguemon_com）です。 はじめに サイボウズでは毎週火曜日にFrontend Weeklyという「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2024年4月16日のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 tailwindcss-mixins Tailwind CSSで、複数の要素に同時に適用するユーティリティのグループを定義できるプラグインです。mixin:などの記法を利用できます。 How we built JSR The JavaScript Registryで採用されている技術構成を紹介している記事です。例えばAPIサーバーではhyperというRust製のHTTPライブラリが利用されています。 Release Note
A short guide to mastering keyboard shortcuts on GitHub
This is abridged content from November 2023’s Insider newsletter. Like what you see? Sign up for the newsletter to receive complete, unabridged content in your inbox twice a month. Sign up now > Did you know that just about every page on GitHub has a keyboard shortcut? In this blog post, we’ll uncover the world of GitHub keyboard shortcuts and how they can help you navigate and perform actions swi
How to increase the clickable area of a button?
I need to increase the clickable height of a button to 48px. The button has a background color, and I want to increase the clickable height without actually setting the height of the button (i.e. the increase in clickable area should be invisible / empty space around the button). I've tried increasing the padding and setting background-clip: content-box, however this means that the edges of the bu
史上初のdeprecationから最新のバリデーションライブラリまで！TypeScriptの最新動向をうひょさんに聞いてきた
こんにちは、テックフィード白石です。 日本のエンジニア界隈をリードするエキスパートに、テクノロジーの最前線を語っていただくYouTube動画連載「Ask the Expert」の新着動画が公開されました！ 今回は、TypeScriptのエキスパートうひょさんに、TypeScriptの最新動向について詳しく伺ってきました。 うひょさんのアカウントをぜひフォローしましょう！ うひょさん（株式会社カオナビ フロントエンドエンジニア） ついでに白石のもフォロー推奨: 聞き手: テックフィード白石 以下に掲載するのは、インタビュー動画の内容の要約です（正確な書き起こしではありません）。 内容をフルにご覧になりたい方は、ぜひ動画をご視聴ください。 （ご質問、ご感想などはYouTubeのコメント、もしくはこの記事のコメント欄でも受け付けております） TypeScript史上初めてのdeprecation
CSS in React Server Components
CSS in React Server ComponentsUnderstanding the future of CSS-in-JS and React IntroductionAround this time last year, Vercel announced the stable release of Next 13.4, becoming the first React framework to be built on top of React Server Components. This is a big deal! RSC (React Server Components) gives us an official way to write server-exclusive code in React. It opens a lot of interesting new
React Server Component、そしてqwikのインパクト ー フロントエンドアーキテクチャの最新動向をmizchiさんに聞いてきた(1)
こんにちは、テックフィード白石です。 日本のエンジニア界隈をリードするエキスパートに、テクノロジーの最前線を語っていただくYouTube動画連載「Ask the Expert」の新着動画が公開されました！ 今回は、フロントエンドのエキスパートmizchiさんに、フロントエンドの最新動向について詳しく伺ってきました。 mizchiさんのアカウントをぜひフォローしましょう！ mizchiさん（フロントエンド兼Node.jsエンジニア） ついでに白石のもフォロー推奨: 聞き手: テックフィード白石 以下に掲載するのは、インタビュー動画の内容の要約です（正確な書き起こしではありません）。 内容をフルにご覧になりたい方は、ぜひ動画をご視聴ください。 ご質問、ご感想などはYouTubeのコメント、もしくはこの記事のコメント欄でも受け付けております。どしどしお寄せください😊 以下、動画の内容の要約です
2024-04-18のJS: Next.js v14.2、Farm v1.0、Biome v1.7、pnpm v9
JSer.info #689 - Next.js 14.2がリリースされました。 Next.js 14.2 | Next.js Turbopack RCをリリース、Server/Client Components間のTree Shakingの対応、CSSの読み込み順の問題の修正などが行われています。 Client側のRouter Cacheの期間を設定するstaleTimesオプションの追加なども行われています。 Vite/Rollup互換のプラグインを扱えるビルドツールであるFarm 1.0がリリースされました。 Release 🚀 Farm v1.0 is released! · farm-fe/farm Rustで書かれていて、キャッシュを使ったIncremental Build、Lazy Compilation、モジュールをグループ化してbundleできるなどの特徴を持っています
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
株式会社WinTicketにおけるReduxからTanStack Queryへのリアーキテクチャ事例の紹介です。
Ruby on Railsのモジュラーモノリス化 ~PackwerkとPacksRailsの導入~ - M3Career Techblog
こんにちは。エムスリーキャリアでエンジニアをしているakitoshigaです。 近年、疎結合なアーキテクチャの選択肢としてモジュラーモノリスに注目が集まっていますが弊社では保有するプロダクトの1つであるM3Career Primeでモジュラーモノリス化に取り組んでいます。 今回はモジュラーモノリスの概要や採用に至った背景、モジュラーモノリス化における具体的な取り組みの1つであるPackwerkとPacksRailsを導入した話について紹介したいと思います。 M3Career Primeとは M3career Primeとは、弊社で保有するプロダクトの1つであり医療機関を対象にした医師の採用支援SaaSです。 enzine.m3career.com モジュラーモノリスとは 疎結合なアーキテクチャの1形態であり、単一のコードベースで構成されていますが内部的には機能やビジネスコンテキストの単位で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The align-content property for block layouts is now part of Baseline | Blog | web.dev
How to stop useSuspenseQuery from running during static generation? · Issue #76 · apollographql/apollo-client-nextjs
VS CodeでAWSを操作しよう
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model