engineer.notes

try / verify / log

2026.05.20

engineer.notes
engineer.notes // programming, servers, networks, security, AI — engineer's working notes, indexed for later lookup.
検索
カテゴリ

ソフトウェア

便利だったツールやアプリ、設定のコツなど、日々の作業に関わるソフトウェアを扱います。

まず押さえたいこと

便利ツールは導入より運用が大事です。誰が使うか、データがどこに残るか、引き継ぎできるかを見ます。

よくある入口

ブラウザ、社内Wiki、メール、開発支援ツール、PC選び、業務管理まわりの記事から読むと日々の改善につながります。

実務で見るポイント

個人には便利でも、会社全体では権限、ログ、バックアップ、退職時の引き継ぎが問題になることがあります。

プログラミング フレームワーク ソフトウェア 2026.05.15 19

htmx とは何か？HTML 属性で SPA 的な動きを実現する手法と React との使い分け

htmx は HTML 属性(「hx-get」 「hx-post」など)だけで SPA 的な動きを実現する小さな JavaScript ライブラリです。サーバ側で HTML 断片を返すモデルに戻すことで、「React 一辺倒の SPA 設計に違和感」を感じる現場で再評価されています。考え方・React との違い・採用判断軸を整理します。
# JavaScript # SPA # HTML
プログラミング フレームワーク ソフトウェア 2026.05.15 19

Tailwind CSS v4 とは何が変わったか？Oxide エンジン・CSS first 設定・自動コンテンツ検出を整理

Tailwind CSS v4 は、Rust 製の新エンジン Oxide、CSS first の設定方式(「@theme」)、自動コンテンツ検出など、v3 から大きく変わったメジャーバージョンです。何が変わったのか、移行で気をつけるポイント、「tailwind.config.js が消えた」 と聞いた人向けの実体まで整理します。
# フロントエンド # Tailwind # CSS
プログラミング ソフトウェア 2026.05.15 18

pnpm とは何か？npm / yarn との違い・ディスク節約と高速インストールの仕組みを整理

pnpm は Node.js 向けの代替パッケージマネージャで、`ハードリンクで共通の依存を共有する` 仕組みにより、ディスク使用量を大幅に節約し、インストール速度も npm / yarn より速くなります。`厳格な依存解決` と 「Workspaces によるモノレポ標準対応」も特徴で、中〜大規模プロジェクトで選ばれる理由を整理します。
# モノレポ # pnpm # npm
プログラミング ソフトウェア 2026.05.15 13

Drizzle ORM とは何か？SQL に近い TypeScript ORM の特徴と Prisma との使い分け

Drizzle は TypeScript で 「SQL を書く感覚に近い ORM」として急成長しているライブラリです。スキーマも TS で書き、生成された型がそのまま使える / Edge ランタイムで動く / バンドルが軽い といった特徴があり、Prisma の代替候補として支持を集めています。仕組み・基本の使い方・Prisma との比較を整理します。
# TypeScript # ORM # SQL
フレームワーク ソフトウェア 2026.05.15 27

Vercelのデプロイが失敗するときの原因と対処手順｜Build Logs の読み方からモノレポ設定まで

Vercelでデプロイが失敗するときの典型パターン(依存関係エラー・環境変数欠落・ビルドコマンド誤設定・タイムアウト・モノレポ設定ミス)を分類し、Build Logs の読み方、ロールバック手順、再発防止までを実務目線で整理します。
# デプロイ # Vercel # トラブルシューティング
プログラミング ソフトウェア 2026.05.15 22

Bun とは何か？Node.js 代替の新しい JavaScript ランタイムの特徴と使いどころ

Bun は Node.js / Deno に続く `第3の JavaScript ランタイム` で、ランタイム・パッケージマネージャ・バンドラ・テストランナーを1つに統合した高速ツールです。Node.js との違い、Web 標準 API、互換性、向き不向き、AI 時代の使いどころを実務目線で整理します。
# JavaScript # TypeScript # ランタイム
フレームワーク プログラミング ソフトウェア 2026.05.15 19

React Server Components(RSC)とは何か？仕組み・Client Components との違い・Next.js App Router での使い方

React Server Components(RSC)は、サーバ側で実行され HTML として返ってくる新しい React コンポーネントの種類です。クライアント JS を出力せず DB や API を直接叩ける一方で、「useState」 等は使えません。Client Components との違い、「use client」 境界、Next.js App Router での使い方、データ取得・キャッシュの考え方を整理します。
# Next.js # React # App Router