{ "categories": [ { "slug": "developer-tools", "name": "Developer Tools", "description": "JSON整形、Base64、UUID生成など開発に役立つツール", "emoji": "💻" }, { "slug": "text-tools", "name": "Text Tools", "description": "文字数カウント、ケース変換、重複行削除などのテキスト処理ツール", "emoji": "📝" }, { "slug": "image-tools", "name": "Image Tools", "description": "画像形式の変換、圧縮、QRコード生成などの画像ツール", "emoji": "🖼️" }, { "slug": "calculator-tools", "name": "Calculator Tools", "description": "BMI、年齢計算など便利な計算ツール", "emoji": "🧮" }, { "slug": "color-css-tools", "name": "Color & CSS Tools", "description": "カラーピッカー、HEX/RGB変換、グラデーション生成などのデザインツール", "emoji": "🎨" } ], "tools": [ { "slug": "json-formatter", "name": "JSON Formatter", "category": "developer-tools", "short": "JSONを読みやすく整形します。インデント、改行を自動付与。", "description": "JSON Formatterは、圧縮されたJSONや読みづらいJSONを人間に読みやすい形式に整形する無料オンラインツールです。インデントと改行を自動で挿入し、構文エラーがあれば即座に表示します。APIレスポンスの確認やデバッグに最適です。", "keywords": [ "JSON", "整形", "フォーマッター", "pretty print", "JSON formatter" ], "howTo": [ "JSON文字列を入力欄に貼り付ける", "「整形する」ボタンをクリックする", "整形結果をコピーする" ], "faqs": [ { "q": "大きなJSONでも使えますか？", "a": "ブラウザ上で動作するため、数MB程度までなら問題なく処理できます。" }, { "q": "JSONが壊れている場合は？", "a": "構文エラーの位置と内容がメッセージとして表示されます。" } ], "popular": true, "featured": true }, { "slug": "json-minify", "name": "JSON Minify", "category": "developer-tools", "short": "JSONから空白・改行を削除して最小化します。", "description": "JSON Minifyは、JSONデータから不要な空白や改行を削除してファイルサイズを小さくする無料ツールです。本番環境のAPIレスポンスやLocalStorageへの保存に最適です。", "keywords": [ "JSON", "minify", "圧縮", "最小化" ], "howTo": [ "JSONを入力", "「圧縮する」をクリック", "結果をコピー" ], "faqs": [ { "q": "整形済みJSONも処理できますか？", "a": "はい、整形済みでも圧縮済みでも問題なく動作します。" } ] }, { "slug": "base64", "name": "Base64 Encode / Decode", "category": "developer-tools", "short": "テキストをBase64にエンコード/デコードします。", "description": "Base64エンコード・デコードを行う無料オンラインツールです。日本語を含むUTF-8テキストにも対応しており、メール添付やデータURI生成、APIトークンの確認などに利用できます。", "keywords": [ "Base64", "エンコード", "デコード", "encode", "decode" ], "howTo": [ "タブでエンコードまたはデコードを選ぶ", "テキスト/Base64を入力", "ボタンを押して結果を取得" ], "faqs": [ { "q": "日本語はそのまま使えますか？", "a": "はい、UTF-8として処理するため日本語にも対応しています。" } ], "popular": true }, { "slug": "uuid-generator", "name": "UUID Generator", "category": "developer-tools", "short": "UUID v4を一括で生成します。最大1000件まで対応。", "description": "UUID Generatorは、ランダムなUUID(v4)を即座に生成する無料ツールです。データベースの主キーやAPIの識別子に最適。1〜1000件まで一度に生成できます。", "keywords": [ "UUID", "GUID", "ジェネレーター", "v4" ], "howTo": [ "生成個数を入力", "「UUIDを生成」をクリック", "結果をコピー" ], "faqs": [ { "q": "重複しませんか？", "a": "UUID v4はランダム生成のため、現実的に重複することはありません。" } ] }, { "slug": "timestamp-converter", "name": "Timestamp Converter", "category": "developer-tools", "short": "Unixタイムスタンプと日時を相互変換します。", "description": "Unixタイムスタンプと人が読める日時を相互に変換する無料ツールです。秒・ミリ秒どちらにも対応。サーバーログの解析やAPI開発に便利です。", "keywords": [ "Unix", "タイムスタンプ", "timestamp", "変換" ], "howTo": [ "タイムスタンプまたは日時を入力", "変換結果が自動で表示されます" ], "faqs": [ { "q": "ミリ秒にも対応していますか？", "a": "はい、13桁の数値はミリ秒として解釈されます。" } ] }, { "slug": "regex-tester", "name": "Regex Tester", "category": "developer-tools", "short": "正規表現とテキストのマッチをリアルタイムで確認できます。", "description": "JavaScript互換の正規表現を、対象テキストに対してリアルタイムでテストできる無料ツールです。マッチ結果とキャプチャグループを一覧で確認できます。", "keywords": [ "正規表現", "regex", "テスター", "tester" ], "howTo": [ "正規表現とフラグを入力", "対象テキストを入力", "マッチ結果が自動表示される" ], "faqs": [ { "q": "PCRE構文は使えますか？", "a": "JavaScript互換のRegExp構文に対応しています。" } ], "featured": true }, { "slug": "word-counter", "name": "Word Counter", "category": "text-tools", "short": "文字数・単語数・行数をリアルタイムでカウントします。", "description": "テキストの文字数(空白含む/除く)、単語数、行数を瞬時にカウントできる無料ツールです。原稿やSNS投稿の文字数チェックに最適です。", "keywords": [ "文字数", "カウント", "word count" ], "howTo": [ "テキストを入力欄に貼り付ける", "統計情報が自動表示される" ], "faqs": [ { "q": "日本語の文字数も正確ですか？", "a": "はい、全角文字も1文字としてカウントします。" } ], "popular": true }, { "slug": "case-converter", "name": "Case Converter", "category": "text-tools", "short": "大文字/小文字/camelCase/snake_caseなど各種ケースに変換。", "description": "テキストをUPPER/lower/Title/Sentence/camel/snake/kebabケースに一括変換する無料ツールです。コードの命名規則変換や文章の整形に便利です。", "keywords": [ "case", "ケース変換", "camelCase", "snake_case" ], "howTo": [ "テキストを入力", "各ケースの変換結果が即座に表示される", "コピーして利用" ], "faqs": [ { "q": "日本語にも対応していますか？", "a": "ケース変換はASCII英数を主な対象としています。" } ] }, { "slug": "remove-duplicate-lines", "name": "Remove Duplicate Lines", "category": "text-tools", "short": "テキストから重複した行を削除します。", "description": "複数行テキストの重複行を削除し、最初に出現した行のみを残す無料ツールです。リストの整理やログの重複除去に最適です。", "keywords": [ "重複", "削除", "duplicate", "unique" ], "howTo": [ "テキストを入力", "「重複行を削除」をクリック" ], "faqs": [ { "q": "大文字小文字は区別されますか？", "a": "はい、完全一致で判定します。" } ] }, { "slug": "text-sorter", "name": "Text Sorter", "category": "text-tools", "short": "テキスト行を昇順/降順にソートします。", "description": "複数行テキストをアルファベット順に並べ替える無料ツールです。リストの整理や辞書順ソートに便利です。", "keywords": [ "sort", "ソート", "並び替え" ], "howTo": [ "テキストを入力", "昇順または降順をクリック" ], "faqs": [ { "q": "数値順ソートもできますか？", "a": "現在は文字列の自然な比較順に対応しています。" } ] }, { "slug": "png-to-jpg", "name": "PNG to JPG", "category": "image-tools", "short": "PNG画像をJPG形式に変換します。透過部分は白で塗りつぶし。", "description": "PNG画像をJPG(JPEG)形式に変換する無料オンラインツールです。ブラウザ上で完結し、画像はサーバーに送信されません。", "keywords": [ "PNG", "JPG", "変換", "converter" ], "howTo": [ "PNGファイルを選択", "プレビュー後ダウンロード" ], "faqs": [ { "q": "画像はアップロードされますか？", "a": "いいえ、すべてブラウザ内で処理されます。" } ] }, { "slug": "jpg-to-png", "name": "JPG to PNG", "category": "image-tools", "short": "JPG画像をPNG形式に変換します。", "description": "JPG画像をPNG形式に変換する無料オンラインツールです。可逆圧縮のPNGに変換することで再編集に向いた形式にできます。", "keywords": [ "JPG", "PNG", "変換" ], "howTo": [ "JPGファイルを選択", "ダウンロード" ], "faqs": [ { "q": "透過は付きますか？", "a": "元のJPGには透過情報がないため、背景は不透明のままです。" } ] }, { "slug": "image-compressor", "name": "Image Compressor", "category": "image-tools", "short": "画像を品質を指定して圧縮し、ファイルサイズを削減します。", "description": "JPEG品質を指定して画像を圧縮できる無料ツールです。ブログやSNS投稿用の軽量画像作成に役立ちます。すべてブラウザ内で処理されます。", "keywords": [ "画像", "圧縮", "compressor" ], "howTo": [ "品質を選ぶ", "画像を選択", "圧縮結果をダウンロード" ], "faqs": [ { "q": "PNGも圧縮できますか？", "a": "JPEGに変換して圧縮します。" } ], "popular": true }, { "slug": "qr-code-generator", "name": "QR Code Generator", "category": "image-tools", "short": "URLやテキストからQRコードを生成します。", "description": "URL、テキスト、連絡先情報などからQRコードを瞬時に生成する無料ツールです。生成された画像はそのままダウンロードできます。", "keywords": [ "QR", "QRコード", "生成", "generator" ], "howTo": [ "テキストまたはURLを入力", "サイズを調整", "ダウンロード" ], "faqs": [ { "q": "商用利用できますか？", "a": "生成されたQRコードは自由に利用できます。" } ], "featured": true }, { "slug": "color-picker", "name": "Color Picker", "category": "color-css-tools", "short": "カラーピッカーで色を選び、HEX/RGB/HSL値を取得します。", "description": "ブラウザのカラーピッカーで色を選び、HEX・RGB・HSL形式の値をワンクリックでコピーできる無料ツールです。", "keywords": [ "color", "picker", "カラー", "HEX", "RGB", "HSL" ], "howTo": [ "カラーピッカーで色を選ぶ", "コピーボタンで値を取得" ], "faqs": [ { "q": "16進数とRGBのどちらが良いですか？", "a": "用途次第ですが、CSSではどちらも使えます。" } ] }, { "slug": "rgb-to-hex", "name": "RGB to HEX", "category": "color-css-tools", "short": "RGB値をHEX(16進数)カラーコードに変換します。", "description": "RGB値からHEX形式のカラーコードに変換する無料ツールです。デザインデータからCSSへの変換に便利です。", "keywords": [ "RGB", "HEX", "変換" ], "howTo": [ "R, G, Bの値を入力", "HEX値が自動で表示される" ], "faqs": [ { "q": "値の範囲は？", "a": "0〜255で指定してください。" } ] }, { "slug": "hex-to-rgb", "name": "HEX to RGB", "category": "color-css-tools", "short": "HEXカラーコードをRGB値に変換します。", "description": "HEXカラーコードをRGB値に変換する無料ツールです。CSSやデザインツール間でのカラーやり取りに便利です。", "keywords": [ "HEX", "RGB", "変換" ], "howTo": [ "HEXコードを入力", "RGB値が自動で表示される" ], "faqs": [ { "q": "3桁短縮形にも対応していますか？", "a": "現在は6桁形式のみ対応しています。" } ] }, { "slug": "gradient-generator", "name": "Gradient Generator", "category": "color-css-tools", "short": "2色と角度からCSSグラデーションを生成します。", "description": "2色と角度を指定してCSSのlinear-gradientコードを生成する無料ツールです。プレビューを確認しながらデザインできます。", "keywords": [ "gradient", "CSS", "グラデーション" ], "howTo": [ "2色と角度を選ぶ", "CSSコードをコピー" ], "faqs": [ { "q": "3色以上には対応していますか？", "a": "現在は2色のみ対応しています。" } ] }, { "slug": "bmi-calculator", "name": "BMI Calculator", "category": "calculator-tools", "short": "身長と体重からBMI(肥満度)を計算します。", "description": "身長(cm)と体重(kg)からBMIを計算し、WHO基準による肥満度の判定を表示する無料ツールです。", "keywords": [ "BMI", "計算", "肥満度" ], "howTo": [ "身長と体重を入力", "BMIと判定が自動表示" ], "faqs": [ { "q": "BMIの目安は？", "a": "18.5未満が低体重、18.5〜25未満が普通体重とされています。" } ] }, { "slug": "age-calculator", "name": "Age Calculator", "category": "calculator-tools", "short": "生年月日から現在の正確な年齢を計算します。", "description": "生年月日を入力するだけで現在の年齢(年・月・日)と生まれてからの合計日数を計算する無料ツールです。", "keywords": [ "年齢", "計算", "age" ], "howTo": [ "生年月日を選択", "年齢が自動表示される" ], "faqs": [ { "q": "未来の日付には対応していますか？", "a": "過去の日付のみ対応しています。" } ] }, { "slug": "json-validator", "name": "JSON Validator", "category": "developer-tools", "short": "JSONの構文をチェックし、エラー位置を表示します。", "description": "JSONデータが構文的に正しいかを検証し、無効な場合はエラー内容を表示する無料ツールです。", "keywords": [ "JSON", "validator", "検証", "validate" ], "howTo": [ "JSONを入力", "「検証する」をクリック", "結果を確認" ], "faqs": [ { "q": "整形機能はありますか？", "a": "整形は別ツール「JSON Formatter」をご利用ください。" } ], "popular": true }, { "slug": "url-encoder", "name": "URL Encoder / Decoder", "category": "developer-tools", "short": "URLパラメータをエンコード/デコードします。", "description": "URLに含めるテキストをパーセントエンコーディング形式で相互変換する無料ツールです。", "keywords": [ "URL", "encode", "decode", "percent" ], "howTo": [ "テキストを入力", "エンコード/デコード結果が表示される" ], "faqs": [ { "q": "日本語にも対応していますか？", "a": "はい、UTF-8で処理します。" } ], "popular": true }, { "slug": "jwt-decoder", "name": "JWT Decoder", "category": "developer-tools", "short": "JWTトークンのヘッダーとペイロードをデコード表示。", "description": "JWT (JSON Web Token) のヘッダーとペイロードをデコードして人が読める形式で表示する無料ツールです。", "keywords": [ "JWT", "decode", "token" ], "howTo": [ "JWTトークンを貼り付け", "自動でデコード表示" ], "faqs": [ { "q": "署名は検証されますか？", "a": "本ツールはデコードのみで署名検証は行いません。" } ] }, { "slug": "html-escape", "name": "HTML Escape / Unescape", "category": "developer-tools", "short": "HTML特殊文字のエスケープ/アンエスケープを行います。", "description": "HTMLに表示するための特殊文字 (< > & など) のエスケープ・アンエスケープを行う無料ツールです。", "keywords": [ "HTML", "escape", "エスケープ" ], "howTo": [ "テキストを入力", "両方向の結果が表示される" ], "faqs": [ { "q": "対応している文字は？", "a": "< > & \" ' に対応しています。" } ] }, { "slug": "slug-generator", "name": "Slug Generator", "category": "text-tools", "short": "タイトルからURLに使えるスラッグを生成します。", "description": "記事タイトルなどからURLに最適なスラッグ (ハイフン区切りの英小文字) を生成する無料ツールです。", "keywords": [ "slug", "URL", "生成" ], "howTo": [ "タイトルを入力", "自動でスラッグ化" ], "faqs": [ { "q": "日本語はどうなりますか？", "a": "日本語は除去されます。先にローマ字化してご利用ください。" } ] }, { "slug": "lorem-ipsum", "name": "Lorem Ipsum Generator", "category": "text-tools", "short": "ダミーテキスト (Lorem Ipsum) を生成します。", "description": "デザインモックアップ用のダミーテキストを段落数を指定して生成する無料ツールです。", "keywords": [ "lorem", "ipsum", "ダミー" ], "howTo": [ "段落数を指定", "「生成する」をクリック" ], "faqs": [ { "q": "日本語ダミーはありますか？", "a": "現在は英語のLorem Ipsumのみ対応しています。" } ] }, { "slug": "markdown-preview", "name": "Markdown Preview", "category": "text-tools", "short": "Markdownをリアルタイムでプレビューします。", "description": "MarkdownテキストをHTMLに変換してリアルタイムでプレビュー表示する無料ツールです。", "keywords": [ "markdown", "preview", "プレビュー" ], "howTo": [ "Markdownを入力", "右側にプレビューが表示される" ], "faqs": [ { "q": "対応している記法は？", "a": "見出し、強調、リンク、コードなどに対応しています。" } ] }, { "slug": "base64-image", "name": "Base64 Image Converter", "category": "image-tools", "short": "画像をBase64データURLに変換します。", "description": "画像ファイルをBase64エンコードしてデータURL形式で取得する無料ツールです。CSSやHTMLに埋め込めます。", "keywords": [ "Base64", "image", "data URL" ], "howTo": [ "画像を選択", "Base64文字列をコピー" ], "faqs": [ { "q": "ファイルサイズの制限は？", "a": "ブラウザのメモリに依存しますが、数MB程度まで安定動作します。" } ], "popular": true }, { "slug": "webp-converter", "name": "WebP Converter", "category": "image-tools", "short": "画像をWebP形式に変換しファイルサイズを削減します。", "description": "JPEG/PNG画像をWebP形式に変換して大幅にファイルサイズを削減する無料ツールです。Webパフォーマンス改善に最適。", "keywords": [ "WebP", "変換", "converter" ], "howTo": [ "画像を選択", "WebPをダウンロード" ], "faqs": [ { "q": "WebPは全ブラウザで使えますか？", "a": "主要なモダンブラウザですべて対応済みです。" } ], "popular": true }, { "slug": "image-resizer", "name": "Image Resizer", "category": "image-tools", "short": "画像の幅を指定してリサイズします (比率維持)。", "description": "幅を指定してアスペクト比を維持したまま画像をリサイズする無料ツールです。ブラウザ内で完結します。", "keywords": [ "image", "resize", "リサイズ" ], "howTo": [ "画像を選択", "幅(px)を指定", "リサイズボタンをクリック" ], "faqs": [ { "q": "高さ指定はできますか？", "a": "現バージョンは幅指定のみ対応しています。" } ] }, { "slug": "favicon-generator", "name": "Favicon Generator", "category": "image-tools", "short": "文字と色からシンプルなファビコンを生成。", "description": "サイト名の頭文字とお好みの色からシンプルなファビコンPNGを生成する無料ツールです。", "keywords": [ "favicon", "生成", "ファビコン" ], "howTo": [ "文字と色を指定", "生成ボタンをクリック", "PNGをダウンロード" ], "faqs": [ { "q": ".ico形式は出力できますか？", "a": "現在はPNG形式での出力のみ対応しています。" } ] }, { "slug": "percentage-calculator", "name": "Percentage Calculator", "category": "calculator-tools", "short": "値とパーセントから割合を計算します。", "description": "「Aの何%はいくつ?」を瞬時に計算する無料パーセント計算ツールです。", "keywords": [ "percentage", "割合", "パーセント" ], "howTo": [ "パーセントと元の値を入力", "結果が自動表示" ], "faqs": [ { "q": "増減率も計算できますか？", "a": "今後対応予定です。" } ], "popular": true }, { "slug": "loan-calculator", "name": "Loan Calculator", "category": "calculator-tools", "short": "借入額・年利・年数から毎月返済額を計算します。", "description": "住宅ローンなどの毎月の返済額と総返済額を元利均等返済方式で計算する無料ツールです。", "keywords": [ "loan", "ローン", "計算", "返済" ], "howTo": [ "借入額・年利・年数を入力", "返済額が自動計算" ], "faqs": [ { "q": "ボーナス払いに対応していますか？", "a": "現バージョンは毎月均等返済のみです。" } ], "popular": true }, { "slug": "unit-converter", "name": "Unit Converter", "category": "calculator-tools", "short": "長さ・重さ・温度の単位を相互変換します。", "description": "メートルやポンド、摂氏など、よく使う単位をワンクリックで変換できる無料ツールです。", "keywords": [ "unit", "convert", "単位", "変換" ], "howTo": [ "カテゴリを選択", "値を入力", "変換結果が表示" ], "faqs": [ { "q": "他の単位も追加予定ですか？", "a": "面積や体積など、順次追加していきます。" } ], "popular": true }, { "slug": "date-calculator", "name": "Date Calculator", "category": "calculator-tools", "short": "2つの日付の間の日数・週数・月数を計算します。", "description": "開始日と終了日を指定して、その間の日数、週数、月数、年数を計算する無料ツールです。", "keywords": [ "date", "日付", "計算", "diff" ], "howTo": [ "開始日と終了日を選択", "結果が自動表示" ], "faqs": [ { "q": "過去の日付も計算できますか？", "a": "はい、いつの日付でも計算できます。" } ] }, { "slug": "box-shadow-generator", "name": "Box Shadow Generator", "category": "color-css-tools", "short": "CSS box-shadowをビジュアルに編集して生成します。", "description": "X/Y/Blur/Spread/Colorを調整しながらリアルタイムプレビューでCSSのbox-shadow値を生成する無料ツールです。", "keywords": [ "box-shadow", "CSS", "影" ], "howTo": [ "各値を調整", "CSSをコピー" ], "faqs": [ { "q": "insetシャドウに対応していますか？", "a": "現在は標準シャドウのみ対応です。" } ], "featured": true }, { "slug": "border-radius-generator", "name": "Border Radius Generator", "category": "color-css-tools", "short": "四隅ごとに角丸を調整できるCSSジェネレーター。", "description": "4つの角を独立して指定できるCSSのborder-radius値を、プレビューを見ながら生成する無料ツールです。", "keywords": [ "border-radius", "CSS", "角丸" ], "howTo": [ "四隅の値を入力", "CSSをコピー" ], "faqs": [ { "q": "楕円形にもできますか？", "a": "px指定のみ対応しています。" } ] }, { "slug": "color-palette", "name": "Color Palette Generator", "category": "color-css-tools", "short": "ベース色から5段階のカラーパレットを生成します。", "description": "1色を指定するだけで、明度を変えた5色のカラーパレットを自動生成する無料ツールです。デザインシステム作成に。", "keywords": [ "palette", "カラーパレット", "color" ], "howTo": [ "ベース色を選択", "パレットの色をクリックでコピー" ], "faqs": [ { "q": "補色パレットには対応していますか？", "a": "今後対応予定です。" } ] }, { "slug": "css-minifier", "name": "CSS Minifier", "category": "color-css-tools", "short": "CSSコードから空白とコメントを削除して圧縮します。", "description": "CSSファイルから不要な空白、改行、コメントを削除してファイルサイズを削減する無料ツールです。", "keywords": [ "CSS", "minify", "圧縮" ], "howTo": [ "CSSを貼り付け", "「圧縮する」をクリック" ], "faqs": [ { "q": "可逆圧縮ですか？", "a": "コメントなどは削除されるため、ソースコードのコピーは別途保管してください。" } ] } ] }