Free Web Tools
無料で使える、制作現場のWebツール
Web制作会社が実案件で毎日使っている道具をそのまま公開しています。各ツールの処理・データ送信の有無は、ツールごとに明記しています。
- 登録 不要
- 料金 ¥0
- データ取扱 ツールごとに明記
- AIエージェント対応
-
画像→WebP一括変換 PNG/JPEGをWebPへ一括変換。品質調整・ZIP一括ダウンロード対応。Safariでも動作します。 画像をドロップ → 品質を調整 → ZIP保存
-
白背景の透過 縁につながる白背景だけを自動で透明化。イラスト内部の白は保持。ロゴ・イラストの切り抜きに。 画像をドロップ → 自動で透過 → PNG保存
-
コントラスト比チェッカー 文字色×背景色のWCAG 2.1コントラスト比を計算し、AA/AAA基準の合否を判定。納品前チェックに。 2色を選ぶ → 合否がすぐ出る → URLで共有
-
文字数カウント 全角・半角・行数に加え、X（Twitter）の実カウント（全角=2・URL=一律23換算）に対応。 テキストを貼る → 即カウント
-
llms.txt ジェネレーター 生成AI・AI検索にサイト概要を伝える llms.txt をフォーム入力で生成。GEO/LLMO対策の第一歩に。 フォーム入力 → 生成 → ルートに設置
-
JSON-LD構造化データ生成 Organization・FAQ・Service・パンくずのJSON-LDをフォーム入力で生成。リッチリザルト・AI検索対策に。 タイプを選ぶ → 入力 → headに貼り付け
-
Markdown→PDF変換 MarkdownをA4整形の文書に変換してそのままPDF保存。提案書・見積書・仕様書に。表・コード対応。 Markdownを貼る → プレビュー → PDF保存
-
OGPメタタグ生成ウィザード 3ステップ入力でSNSカードをプレビューしながらog:/twitter:タグ一式を生成。必須項目の充足チェック付き。 3ステップ入力 → カード確認 → コピー
-
faviconジェネレーター 画像1枚から favicon.ico・apple-touch-icon・PWAアイコン・webmanifest を一括生成。設置スニペット付き。 画像をドロップ → プレビュー → ZIP保存
-
TikTok投稿ツール PCブラウザからTikTokへ動画を直接投稿。公開範囲・コメント・商用開示を投稿前に確認できます。 TikTok接続 → 設定を選ぶ → TikTokへ直接投稿
-
文字コード・改行コード変換 CSVの文字コード（Shift_JIS/UTF-8）・BOM・改行コード（CRLF/LF）を判定してUTF-8に変換。文字化け調査に。 ファイルをドロップ → 判定を確認 → 書き出し
-
画像→AVIF変換＋<picture>生成 PNG/JPEGをAVIFへ一括変換し、AVIF優先の<picture>スニペットをコピー。品質調整・ZIP一括DL対応。 画像をドロップ → 変換 → スニペットをコピー
-
テストデータ生成 氏名・住所・メール・電話などのダミーデータをCSV/JSONで生成。文字コード・改行コードの指定、境界値テキスト、指定サイズのダミーファイル生成にも対応。 列を選ぶ → 行数やサイズを指定 → コピー/保存
-
Marp Markdown→スライド MarkdownをMarpのスライドにその場で変換。和文向けテーマ内蔵で、印刷からPDF保存、単体で開ける自己完結HTMLのダウンロードにも対応。 Markdownを書く → テーマを選ぶ → PDF/HTMLで保存
-
テキスト・コード差分チェッカー 2つのテキスト/コードの追加・削除・変更を行単位＋単語単位でハイライト。インラインと左右2列の表示を切り替えでき、unified diff（.patch）も書き出せる。 2つを貼り付け → 差分を確認 → .patchを保存
-
Cron式ビジュアル解説＆発火日時 */15 * * * * のようなCron式を日本語の文へ読み下し、フィールドごとの意味と次回からの発火日時を表示。タイムゾーン指定にも対応。 式を貼り付け → 読み方を確認 → 発火日時で答え合わせ
-
Base64 & Data URI変換 テキストとBase64を相互変換し、ドラッグ＆ドロップした画像から data:image/… のData URIとHTMLのimgタグ・CSSのbackground-imageを生成。SVGはパーセントエンコードで最小化。 貼る／画像を落とす → スニペットをコピー
-
URLパラメータ分解・UTMタグ編集 URLを貼るとクエリパラメータをキーと値の表に分解。編集・追加・削除とUTMタグの付与、gclid等のクリックID一括削除、URLエンコード/デコードに対応。 URLを貼る → 直す → コピー
-
HTMLエンティティ・特殊文字エスケープ < > & " ' などのHTML特殊文字をエンティティへ変換し、& や ' を元の文字へ戻す。名前付き・10進・16進の切り替えと二重エスケープの検出、エンティティ早見表つき。 貼る → 変換 → コピー
-
JSON ⇄ YAML 相互変換＆構文フォーマッター JSONとYAMLをその場で相互変換。インデント幅や引用符を選んで整形でき、構文エラーは行と桁を指して説明。タブ字下げや 0755・yes/no などYAML特有の落とし穴も警告。 貼る → 変換 → コピー
-
PX ⇄ REM / EM 単位変換＆スケール表 ルートのフォントサイズを基準に px・rem・em を即時換算。12px〜64pxのスケール表をCSS変数やSCSSで書き出せ、CSSを貼れば px→rem を一括変換。1pxの罫線と@mediaは残せます。 入れる → 換算 → コピー
-
Colorコード変換＆アルファ透過計算機 HEX・RGB・HSL・OKLCHを相互変換。アルファを指定した rgba() / hsla() をその場で作れ、背景に重ねたときの実際の色・コントラスト比・明度パレット11段まで出せます。 入れる → 変換 → コピー
-
MD5 / SHA-256 / SHA-512 ハッシュ生成 テキストやファイルの MD5・SHA-1・SHA-256・SHA-384・SHA-512 を同時に算出。配布元のチェックサムを貼れば一致をその場で照合でき、16進・Base64で書き出せます。 入れる → 算出 → 照合
-
JWTデコーダー＆有効期限チェッカー JWTを貼るとヘッダーとペイロードを整形JSONで表示し、有効期限までの残り時間をバーで可視化。alg:noneや秒とミリ秒の取り違えも指摘し、鍵を入れれば署名も検証できます。 貼る → 読む → 検証
-
User-Agent 解析＆デバイス判定 UA文字列を貼るとブラウザ・バージョン・エンジン・OS・デバイス種別を表に分解。トークンごとの意味に加え、凍結された値やアプリ内ブラウザなどUAでは分からないことも指摘します。 貼る → 分解 → 確かめる
-
UUID (v4) & ULID 一括生成 UUID v4 と時系列ソート可能な ULID を1〜100件まとめて生成。ハイフンなし・大文字・JSON配列など貼り付け先に合わせた形で書き出せ、同じミリ秒でも順序が崩れません。 選ぶ → 生成 → コピー
-
アスペクト比計算＆レスポンシブサイズ算出 16:9 や 4:3 を選んで幅を入れると高さが即座に決まります。幅と高さから比率を割り出し、aspect-ratio のCSSとブレークポイント別の高さ早見表をそのままコピーできます。 選ぶ → 入れる → コピー
For AI Agents
このツール集は人だけでなくAIエージェントからも使えるように設計しています。コントラスト比・文字数カウント・OGP確認はURLパラメータで直接呼び出せるほか、MCPサーバーとしてClaude等のAIツールに組み込めます。AIエージェントからの使い方 / llms.txt
Why Free
私たちは中小企業のホームページ制作とAI活用支援を仕事にしています。ここにある道具は自分たちの制作・検収で実際に使っているもので、同じ作業に困っている方にそのまま役立つと考えて公開しています。制作のご相談は first-ch.com へ。