Category
開発者向けの無料Webツール
102 個の開発者向け関連ツールを無料公開中。
API開発・正規表現・JSON/YAML変換・エンコード・ハッシュ・JWTなど、日々の開発作業を効率化する無料ツールをまとめています。すべてブラウザ内で動作し、インストール不要・登録不要で使えます。
Color Token Generator
カラーパレットを CSS変数 / Tailwind / Sass / Style Dictionary で一括出力
使ってみる →
CSS Scroll Snap Generator
scroll-snap-type / align / padding をGUIで設定・リアルタイムプレビュー
使ってみる →
HTML to JSX
HTMLをReact/JSXに変換 — class→className・style文字列→オブジェクト・void要素自己閉じ
使ってみる →
HTTP Cache Header Builder
Cache-Control / Vary / ETag ヘッダーをGUIで組み立て・日本語解説付き
使ってみる →
JSON to SQL
JSON配列からCREATE TABLE + INSERT文を自動生成 — MySQL/PostgreSQL/SQLite対応
使ってみる →
関連ガイド
一括移行のあとで配布物が壊れていないかを確かめる手順 — 読み込みエラー・置換事故・参照切れ・黙った失敗
多数のアプリを一括で移行・置換したあとに、配布している版が起動時から壊れていないかを機械で確かめる手順をまとめます。全ページを開いて読み込みエラーを集める、置換で壊れる2つの型、押すと落ちる箇所、配布物にない参照、エラーを出さずに間違った結果を返すもの、規格どおりの出力かの確かめ方までを、実際に見つかった9本の例とともに扱います。
写真を公開する前に位置情報を消す手順 — EXIF・XMP・向きの落とし穴
写真に記録された位置情報や撮影情報を、公開する前に確かめて取り除く手順をまとめます。EXIF の外にある XMP や PNG の塊、画像の後ろに付いたデータ、消したときに写真が横倒しになる向きの問題、サイトのアップロード処理で消すときの注意までを、実際に試した結果とともに扱います。
脆弱性が出た依存パッケージを安全に上げる手順 — 範囲指定・npm audit・メジャー更新
npm audit で脆弱性が見つかったときに、壊さずに直すための手順をまとめます。本番で動く依存かどうかの切り分け、範囲内で直るか範囲外の更新が要るかの切り分け、更新前後のロックファイルの比べ方、メジャー更新で読むべき変更点、依存の依存を固定する overrides、終了コードの正しい見方までを順に扱います。