Web開発者のためのローカル完結ツール10選

SSL/TLS設定やセキュリティヘッダー，リバースプロキシなど，本番環境やステージングの構築で迷いがちなnginx.confの設定ファイルを，GUIで確認しながら安全に自動生成できます．

新規プロジェクトの立ち上げ時，OS（macOS/Windows）や使用する言語・フレームワーク（Next.js, Django, Rustなど）を指定するだけで，不要な一時ファイルやビルド成果物を除外するための .gitignore ファイルをまとめて出力します．

RedisやPostgreSQLなどのデータベースコンテナ開発環境を，数回のクリックだけでインデントミスのない正確な docker-compose.yml ファイルとして自動生成できます．

デザイナーが作成した静的HTMLテンプレートを，ReactやNext.jsで使えるJSX（TSX）コンポーネントへ移植する際，`class` を `className` へ，`for` を `htmlFor` へと自動的に一括変換してタグの閉じ忘れも修正します．

Web APIのモックデータや実際のレスポンスJSONを貼り付けるだけで，TypeScriptで今すぐ使える厳格な型定義（interfaceやtype）を一瞬で自動生成します．

レスポンシブな画面サイズ変更に合わせてフォントサイズを動的に拡大縮小させる `clamp()` 関数を，最大値・最小値やブレイクポイントをもとにグラフ付きでシミュレートして生成できます．

ソースコードへ実装する前に，複数のテストケース文字列を入力し，自分の書いた正規表現が正しくバリデーションとしてマッチするかをローカルで高速に検証できるテスターです．

ブラウザのデベロッパーツールからコピーした「Copy as cURL」のコマンドを貼り付けるだけで，JavaScriptでそのまま実行可能な fetch API や axios のソースコードに書き換えて出力します．

複雑に入り組んだGraphQLのクエリ（Query/Mutation）やスキーマ定義（SDL）のインデントを綺麗に整えたり，ネットワーク転送量削減のために圧縮（Minify）したりする処理をローカルで行えます．

Web上でSVGアイコンやロゴの微調整を行いたい時，SVGファイル内の `d` 属性（ベジェ曲線の座標パラメータ）をコードとプレビュー画面の両方からインタラクティブに編集できるエディタです．