💻 コーディング支援
HTML・CSS・JSON・画像変換など、コーディング作業の手間を省くツール集です。関連するツールをクラスターごとにまとめているので、目的に合うグループから探してみてください。
📝 構造化データ・JSON
Google向けのSEO対策（リッチリザルト）や、API・システム連携で扱うJSONデータを安全に生成・整形します。
- JSONフォーマッター（整形・構文チェック） 圧縮された1行のJSONを人間が見やすい形に整形したり、エラーを自動でハイライトして構文チェックします。
- JSON-LD（構造化データ）生成 パンくずリスト・FAQ・FAQPage・記事・HowToなど、Google検索でリッチリザルト表示させるためのタグを一発生成。
🎨 HTML / CSS 支援
HTMLからCSSを一気に書き出したり、複雑なCSSを視覚的に生成・フォーマットする、コーディング高速化ツールです。
- カラーコード相互変換（HEX / RGB / RGBA / CMYK） 16進数(HEX)、RGB、RGBA（透過）、CMYKのカラーコードをリアルタイムに相互変換。スライダーでの透過色作成にも対応しています。
- HTML → CSS セレクタ一括生成 HTMLコードを貼り付けるだけで、中に含まれるclassやidを自動抽出し、空のCSS/SCSSブロックを一発で生成します。
- CSS プロパティソート・整形 バラバラに書かれたCSSプロパティを「レイアウト順」や「アルファベット順」に自動で並び替え、美しいコードに整形します。
- CSS box-shadowジェネレーター ふんわりとした今風の影（ニューモーフィズム風）から、パキッとしたカード影まで、スライダーで直感的に作れます。
- CSS メディアクエリ（@media）生成 スマホ・タブレット・PCのブレークポイントを指定して、レスポンシブ用の@media構文を一気に作ります。
🖼️ 画像・ファイル変換（高速化）
次世代画像フォーマットへの変換や、Mac固有ファイル（HEIC）のJPG化など、ブラウザ上で完結する画像一括変換ツール群です。
- JPG・PNG → WebP 一括変換 複数の重い画像ファイルを、画質を保ったまま軽量なWebP形式にブラウザ上で一瞬で変換します。
- WebP → JPG・PNG 一括変換 「保存した画像がWebPで開けない…」という時、Photoshop等で扱える汎用的なJPG・PNG形式に戻します。
- AVIF → JPG・PNG 一括変換 ブラウザ非対応の環境でも扱えるよう、次世代フォーマットのAVIF画像を汎用形式（JPG/PNG）に変換します。
- PNG → ICO 一括変換 favicon（ファビコン）やWindowsのアイコン用に、透過PNG画像を.ico形式にサクッと変換します。
- HEIC → JPG 一括変換 iPhoneから送られてきた写真（HEIC形式）を、WebやPCで扱えるJPG形式にブラウザ上で変換します。
- HEIC → PNG 一括変換 透過情報を維持したまま、iPhoneの画像（HEIC形式）をPNG形式に変換・抽出します。
🛠️ 補助生成・変換
ダミー素材やHTML変換、OGP生成など、制作作業を周辺から支援するツール群です。手作業で面倒な部分をすばやく補えます。
- URLエンコード・デコード リアルタイム変換 日本語が含まれるURLやパラメータ文字列を、ブラウザ上でリアルタイムにエンコード・デコード（相互変換）します。
- ダミー画像（プレースホルダー）生成 ワイヤーフレームやNoImage用の画像を自由なサイズ・色で即座に生成（JPG/PNG/Base64対応）。
- ダミーテキスト＆装飾生成 コーポレート用のワイヤーテキストや、WPブロックエディタ・TOC+対応の全部入り装飾テストHTMLを生成。
- Excel → HTMLテーブル変換 Excelやスプレッドシートからコピペするだけで安全な table タグに自動変換します。
- OGP・Twitterカード生成 SNSシェア時に必須となるOGPタグのセットを、抜け漏れなく一括生成します。
- PHPメールフォーム生成 (ZIP) ドラッグ＆ドロップで項目作成。さくらサーバー・reCAPTCHA完全対応のフォーム一式を出力。