タグ: #frontend
GPU・LLM・MLOps・Kubernetes、そしてマインドセット · 35 件
デフォルトの座を降りたビルドツール — フロントエンド10ツールが場所を譲った理由
かつてフロントエンドプロジェクトのデフォルトであり、いまは新規プロジェクトであまり選ばれなくなったツール10個を、公式の廃止告知とリポジトリのアーカイブ状態という確認可能な根拠だけで整理します。Create React App、Bower、TSLint、Karma、Protractor、PhantomJS、LibSassとnode-sass、Moment.js、Rome、Gruntを、何だったのか、なぜ当時は正しかったのか、何が変わった
2026-08-12 · 16 分で読めます #open-source#frontend#build-tools#deprecation#javascript韓国の開発ブログ名文キュレーション 4 — フロントエンド、直接開いて確認した14本
フロントエンドをテーマに韓国語で書かれた記事から、説明が具体的で再現可能な14本を選びました。実行コンテキストで説明するクロージャ、JavaScriptがプロトタイプを選んだ背景、TypeScriptの条件型とinfer、型システムが証明のように働く理由、リフローとリペイント、React Fiberのリコンサイラ、useLayoutEffectで直したマーカー描画、バンドラ四種の系譜、宣言的プログラミングにまつわるよくある誤解、オーバー
2026-08-12 · 22 分で読めます #curation#큐레이션#frontend#javascript#typescript画面は十文字で書かれます — カスタムウィジェットを作る前に問うべきひとつのこと
ヤコブ・ニールセンは、ほぼすべてのユーザーインターフェースが十個ほどの要素で組み立てられると整理しました。アルファベット二十六文字ですべての英単語を書くのと同じように、です。この一覧が有用なのは何を作るべきかを教えるからではなく、新しいウィジェットを作るとき実際には何を捨てているのかを見せてくれるからです。順位が含んでいる情報、慣習を半分だけ破ってしまう四つのよくあるやり方、そして自分たちのデザインシステム一覧に今日つけられるラベルまで
2026-08-09 · 14 分で読めます #ui-design#ux#design-system#frontend#usabilityウェブエディタに定規が無い本当の理由 — 測る定規が無いのではなく、測る紙が無いのです
Wordにあってウェブエディタに無いもののうち、もっともよく要望される機能がルーラーです。誰も作っていないからではありません。ウェブにはページというモデルが無いので、センチメートルが何に対するセンチメートルなのかから決められないからです。最近公開されたeditor-rulerを手がかりに、ルーラーをつけるという決定がなぜUI部品ひとつではなく文書モデルひとつを引き入れる決定なのか、そしてその決定に何がついてくるのかを整理しました。
2026-08-09 · 14 分で読めます #frontend#rich-text-editor#ui-design#contenteditable#developer-toolsSvelteKit 3.0 プレリリースを読む — 壊れるもの、締まるデフォルト、そしていまだexperimentalなもの
2026年6月5日からnpmに@sveltejs/kit 3.0.0-nextのプレリリースが上がり始め、7月14日にnext.8まで来ました。チェンジログを最初から最後まで読むと、SvelteKit 3は機能メジャーではなく、土台上げと負債清算のメジャーだとわかります — Node 22・TypeScript 6・Vite 8(rolldown 1.0内蔵)・Svelte 5.48を最低ラインに引き上げ、$app/storesと$ap
2026-07-17 · 20 分で読めます #svelte#sveltekit#frontend#vite#migrationReact Compiler が Rust に移植された — マージされたもの、まだのもの、そしてその「10倍」という数字
2026年6月9日、React CompilerをRustに移植したPR 36173がfacebook/react mainにマージされました。461ファイル、12万行を超えるコードが入り、「Babelプラグインとして3倍、変換ロジック自体は約10倍速い」という数字がすぐに生態系を駆け巡り始めました。ところがPR本文で著者のJoseph Savona本人は、その数字について「性能数値はAIが出したもので、ベンチマーク設定の検証にはあまり
2026-07-16 · 32 分で読めます #react#rust#compiler#performance#frontendフロントエンドフレームワーク 2026 完全ガイド - React 19 · Vue 3.6 Vapor · Svelte 5 · SolidJS 2 · Qwik · Astro 5 · HTMX 2 · Next 16 · Nuxt 4 · Angular 19 · Tailwind 4 · Vite 6 徹底解説
2026年5月時点のフロントエンドは4年前とは別物になっている。React 19.1 と React Compiler が GA に到達し、Vue 3.6 は Vapor Mode を正式リリースし、Svelte 5 の runes は安定段階を抜けて SvelteKit 3 まで到達した。SolidJS 2、Qwik の resumability、Astro 5 の server islands と Content Layer、HTM
2026-05-16 · 23 分で読めます #frontend#react#vue#svelte#solidjsフロントエンドテスト 2026 — Playwright / Cypress / Vitest / Jest / Storybook 9 / Chromatic 徹底比較
2026年5月、フロントエンドテストの地形は完全に変わった。Playwrightは事実上の標準(VS Code統合、Trace Viewer、Component Testingの成熟)、Cypress 14は依然強力だがシェアを落としつつある。Vitest 3はViteと共に来る最速ユニットランナー、Jest 30はレガシーとNext互換の最後の砦。Testing Libraryの哲学はもはや推奨ではなく義務。Storybook 9(2
2026-05-16 · 34 分で読めます #testing#frontend#playwright#cypress#vitestブラウザで本物のGPUコンピュート — WebGPUコンピュートシェーダーとWGSL実践ガイド 2026
WebGPUの本当の魅力は3Dではなくコンピュートにある。行列演算、ML推論、画像フィルタ、並列リダクションを — CUDAでもwasmでもなく — ブラウザ内のWGSLで回す。ワークグループ・ディスパッチ・バインドグループ・ストレージバッファを基礎から、「最初の並列和」チュートリアルまで、WebGPUコンピュートのモデルと限界と実戦パターンを一気に整理する。
2026-05-14 · 22 分で読めます #webgpu#compute-shader#wgsl#gpu-computing#browserTypeScript 6 と tsc-go ポート — `using`、デコレータ、`satisfies`、型ナローイング(2026年の実務ディープダイブ)
2026年のTypeScriptは二文に収まる。コンパイラが書き直された(tsc-go、10倍速い)。言語がリソース管理を手に入れた(using/await using、Stage 3 ERM)。その間に標準デコレータ(Stage 3・ES2025)、satisfies、NoInfer、const型パラメータ、infer extends、isolatedDeclarationsが腰を据えた。この記事は、TS 6 と tsc-go ポート
2026-05-14 · 26 分で読めます #typescript#typescript-6#tsc-go#using-declarations#decoratorsTailwind CSS 4 徹底解説 — Oxideエンジン・Vite優先・CSS優先設定への大転換とv3移行の実戦記 2026
Tailwind CSS 4は単なるバージョンアップではない。エンジンをRustで書き直し、JS設定ファイルを捨て、contentアレイを廃止し、モダンCSSのすべての武器をフレームワークに直結させた大手術だった。GAから1年の運用経験をもとに、Oxideエンジンの中身、Vite優先のアーキテクチャ、@themeディレクティブによるCSS優先設定パラダイム、color-mix・P3・コンテナクエリ・カスケードレイヤーといったCSSネイテ
2026-05-14 · 25 分で読めます #tailwind-css#tailwind-v4#oxide#vite#cssTanStack Start — RSCなしで本気のフルスタックReactを、Next.jsの代替を深掘りする 2026 (日本語)
Tanner Linsley が手がけるフルスタック React フレームワーク TanStack Start が 2025 年に GA に到達した。TanStack Router + TanStack Query + Vinxi + Nitro で組まれ — データ・ルーティング・サーバー関数が RSC なしでも端から端まで型安全に流れる、もう一つのフルスタックの道筋。Next.js・Remix・React Router v7・Sol
2026-05-14 · 35 分で読めます #tanstack-start#tanstack-router#tanstack-query#react#fullstackSvelte 5 Runes — リアクティビティの書き直しと、Solid・Vue・MobX・React Compiler との真っ向比較 (2026 深掘り) (日本語)
Svelte 5 が GA してから 1 年半が経った。$state・$derived・$effect・$props — 4 つの rune が、コンパイラ魔法だった let を置き換えた。明示性 (explicit) が暗黙性 (implicit) に勝った理由、Solid シグナルと Vue ref と MobX と React Compiler のあいだのどこに立っているのか、マイグレーションは本当に段階的か — 本稿は Svel
2026-05-14 · 30 分で読めます #svelte#svelte-5#runes#reactivity#sveltekitWeb データ可視化ライブラリ 2026 — D3・Plot・Visx・Recharts・ECharts・Vega-Lite を一気に比較する(深掘りガイド)
D3 は今も王だが、その王はますます深い層にしか姿を見せなくなっている。2026 年の Web データ可視化は、D3 の上に Observable Plot というグラマー層が敷かれ、React 陣営は Visx・Recharts・Nivo に分かれ、エンタープライズは ECharts 6 と Plotly、宣言的側は Vega-Lite 5.x という多層スタックだ。本稿はその風景を一息に整理する — 抽象のはしご(D3 → Plot
2026-05-14 · 26 分で読めます #data-visualization#d3#observable-plot#visx#rechartsHTMX & Hyperscript — 反-SPA陣営の2026年、Carson Grossが投げかけたハイパーメディア命題 (2026 深掘り)
Carson Grossの主張は一文だ。「SPAはWebを過剰に設計した」。HTMXはそれを11 KBで証明する。フォーム・ボタン・リンクにhx-get、hx-post、hx-swap、hx-targetを付けるだけで、Reactで書いていた画面の9割が消える。その隣にはhyperscript(Carsonのイベントハンドラ用DSL)、Datastar(次世代ハイパーメディアフレームワーク)、Alpine.js(妥協としてのリアクティビ
2026-05-14 · 31 分で読めます #htmx#hyperscript#datastar#alpine-js#hypermediaAstro 5 徹底解剖: Server Islands・Content Layer・View Transitions が描き直す『コンテンツサイトの標準』
Astro 5 は『静的サイトジェネレーター』というラベルを脱ぎ捨て、コンテンツ駆動サイトの事実上の標準になりました。Server Islands は静的優先を保ったままパーソナライズを遅延レンダーし、Content Layer API は任意のデータソースをコンテンツコレクションへ取り込みます。Vite 6/7 統合、Astro Actions、i18n 改善、prefetching、View Transitions まで — Ast
2026-05-14 · 25 分で読めます #astro#astro-5#server-islands#content-layer#islands-architecture状態管理ルネサンス 2025 — Zustand·Jotai·Valtio·TanStack Query·Signals·XState·RSC (シーズン6 第10回)
Reduxが10年状態管理を支配した。2024–2025にそれは静かに終わった。Zustand、Jotai、Valtio、TanStack Query、Signals (Preact、SolidJS、React提案)、状態機械のXState、React Server Componentsがそれぞれ層を所有する。2026年Reactアプリでどれがどこに住むか、状態を「管理しすぎ」ないためのガイド。
2026-04-15 · 10 分で読めます #frontend#state-management#zustand#jotai#valtioReact Server Components と Next.js App Router 完全攻略 — RSCプロトコル・Server Actions・PPR・Streaming (2025)
Server Componentはなぜ生まれたのか? SSRと何が違う? 「use server」と「use client」の本当の境界、RSC Flight Formatとストリーミング、Server Actionsによるfetch置換、App Routerの4層キャッシュ、Next.js 15 PPR、Suspenseと並列レンダ、Remixの「Use the Platform」哲学、SolidStart/Qwikの比較 — 202
2026-04-15 · 12 分で読めます #react#nextjs#rsc#server-components#app-routerフロントエンドモニタリング·エラートラッキング 2025 — Sentry·Datadog RUM·PostHog·LogRocket·Session Replay·Source Map·AI異常検知 (シーズン6 第8回)
デプロイした瞬間、ユーザー画面はブラックボックス化する。2025年 Sentry vs Datadog RUM vs PostHog vs LogRocket vs Bugsnag比較、Source Map衛生、Session Replayの倫理、Core Web Vitals連動、AI基盤異常検知、そしてPrivacy-Safeロギングまで。
2026-04-15 · 9 分で読めます #monitoring#error-tracking#sentry#datadog#posthogフロントエンドテスト 2025 — Vitest·Jest·Bun·Testing Library·Playwright·Storybook·MSW·ビジュアル回帰·AI (シーズン6 第11回)
Jestはもうデフォルトではない。VitestがユニットテストレースをNり、PlaywrightがCypressをe2eで置換、Storybook 8がコンポーネントテストを第一級に、AI生成テストが標準になった。2026年のフロントエンドテストピラミッドを、メンテナンス地獄にならずにグリーンを保って組み立てる実戦ガイド。
2026-04-15 · 8 分で読めます #frontend#testing#vitest#jest#bun-test