カテゴリ

ソフトウェア

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

まず押さえたいこと

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

よくある入口

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

実務で見るポイント

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

Deno とは何か?Node.js / Bun との違い・権限ベースのセキュリティ・Deno Deploy の使いどころ

Deno は 「Node.js を作った Ryan Dahl が再設計した」 JavaScript / TypeScript ランタイムで、権限ベースのセキュリティ、Web 標準 API、TypeScript の標準サポート、Deno Deploy(エッジホスティング)を特徴とします。Node / Bun との違い、「npm:」 経由の互換、どんなときに選ぶかを実務目線で整理します。

Playwright とは何か?クロスブラウザ E2E テストの定番と Cypress との使い分け

Playwright は Microsoft 製のクロスブラウザ E2E テストフレームワークで、Chromium / Firefox / WebKit のすべてを1つのコードで自動操作できます。Auto-Wait による安定性、trace / video / codegen のデバッグ支援、並列実行などが特徴で、Cypress に対する有力な選択肢として2026年現在は事実上のデファクトです。

tRPC とは何か?TypeScript で型安全な API を作る仕組みと REST / GraphQL との使い分け

tRPC は TypeScript で 「スキーマ生成も OpenAPI もなしで、サーバとクライアントが完全に型共有する API」を作るためのライブラリです。Zod での入力検証、React Query との統合、Next.js / モノレポでの典型構成、REST / GraphQL との使い分けまで、「なぜ流行ったのか」 を実務目線で整理します。

Biome とは何か?ESLint + Prettier を1つにまとめた Rust 製ツールの特徴と採用判断

Biome は Rust 製の 「Linter + Formatter」 統合ツールで、ESLint + Prettier の組み合わせを1つに置き換えることを目指しています。圧倒的な速度、設定の薄さ、JSON / CSS / GraphQL なども含む統一サポートが特徴で、特に CI 時間と設定地獄からの脱出を狙うチームに人気です。仕組みと採用判断軸を整理します。

Vitest とは何か?Vite ベースの高速テストランナーと Jest からの移行ポイント

Vitest は Vite ベースの JavaScript / TypeScript テストランナーで、Jest 互換 API を持ちつつ ESM ネイティブで高速に動きます。「Jest を使っていたが ESM / TypeScript の設定が辛い」 案件で第一候補として急速に広まりました。Jest との違い、移行手順、ブラウザモードや UI モード等の特徴を整理します。

Zod とは何か?TypeScript のスキーマバリデーションが事実上の標準になった理由と使い方

Zod は TypeScript のスキーマ宣言とバリデーションを統合したライブラリで、「スキーマから型を自動推論」 + 「実行時の検証」を1つの定義で済ませられるのが特徴です。API 入力検証、フォームバリデーション、環境変数の検査、tRPC との連携など、TS エコシステムの事実上の標準として広く使われる理由と基本的な使い方を整理します。

Tauri とは何か?Electron 代替の軽量デスクトップアプリ開発フレームワークの仕組みと採用判断

Tauri は Rust 製のクロスプラットフォームアプリ開発フレームワークで、「Electron より軽くて速い」 を売りに急成長中です。「Chromium をバンドルせず OS の Webview を使う」 仕組み、Electron との違い、v2 でのモバイル対応、採用判断軸を、初心者でも追える粒度で整理します。

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

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

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

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