💻 コーディング支援
HTML・CSS・JSON・画像変換など、コーディング作業の手間を省くツール集です。関連するツールをクラスターごとにまとめているので、目的に合うグループから探してみてください。
📋 構造化データ・JSON
構造化データを作り、整形・検証まで進めたいときのツール群です。JSON-LD生成でコードを作り、JSONフォーマッターで貼り付け前の確認をするのがおすすめの流れです。
- 構造化データ（JSON-LD）自動生成 パンくずリスト・FAQ・Articleなど、SEOで効果が高いJSON-LDをフォーム入力だけで安全に生成します。
- JSONフォーマッター＆バリデーター 崩れたJSONを綺麗に整形（Beautify）＆圧縮（Minify）。カンマ抜けなどの構文エラーを行数付きで検知します。→ JSON-LD生成後の確認に
🎨 HTML / CSS 支援
コーディング時の下準備や、CSSの整理・見た目調整を助けるツール群です。HTMLからCSSのたたき台を作り、整形・圧縮・影・メディアクエリまで一連の流れで使えます。
- HTML → CSSセレクタ一括抽出 記述済みのHTMLからクラスやIDを一発抽出。Sass等のネスト記述にも対応したたたき台を作れます。
- CSS圧縮＆整形（Minify & Beautify）ツール 1行に圧縮されたCSSを読みやすく整形したり、逆に軽量化（圧縮）する実務特化ツール。→ HTML→CSS抽出後の整理に
- CSSボックスシャドウ（box-shadow）生成 カード影・浮き上がり・内側の影など実務プリセット付き。Apple Smooth・Material・Neumorphism など見本帳プリセットも収録。
- CSSメディアクエリ生成 ブレイクポイントを入力するだけで、スマホ用・PC用のCSSやSass Mixinを正確に出力します。
🖼️ 画像最適化・形式変換
画像を軽量化したいときや、形式の互換性に合わせて変換したいときのツール群です。WebP化して軽量化→使いにくければJPG/PNGに戻す、という流れで使えます。
- JPG・PNG → WebP 一括変換 サーバーにアップロードせず、ブラウザ上で安全・超高速にWebP変換。巨大画像を処理できる限界突破モード搭載。
- WebP → JPG・PNG 一括変換 編集ソフトで開けないWebPをJPG/PNGに一括で戻すツール。ブラウザ完結で安全・高速処理。→ WebP変換の逆引きに
- AVIF → JPG・PNG 一括変換 次世代フォーマットAVIFを扱いやすいJPG/PNGに変換。PhotoshopやOfficeで使いたいときに。
🛠️ 補助生成・変換
ダミー素材やHTML変換、OGP生成など、制作作業を周辺から支援するツール群です。手作業で面倒な部分をすばやく補えます。
- ダミー画像（プレースホルダー）生成 ワイヤーフレームやNoImage用の画像を自由なサイズ・色で即座に生成（JPG/PNG/Base64対応）。
- ダミーテキスト＆装飾生成 コーポレート用のワイヤーテキストや、WPブロックエディタ・TOC+対応の全部入り装飾テストHTMLを生成。
- Excel → HTMLテーブル変換 Excelやスプレッドシートからコピペするだけで安全な table タグに自動変換します。
- OGP・Twitterカード生成 SNSシェア時に必須となるOGPタグのセットを、抜け漏れなく一括生成します。
- PHPメールフォーム生成 (ZIP) ドラッグ＆ドロップで項目作成。さくらサーバー・reCAPTCHA完全対応のフォーム一式を出力。