開発
ISO 8601 完全ガイド｜日付・時刻の国際規格をわかりやすく解説
ISO 8601 の基本フォーマット（YYYY-MM-DDTHH:mm:ssZ）から、タイムゾーン表記・期間・週番号、JavaScript・Python・PHP・SQLでの使い方、HTMLのtime要素まで実例つきで解説します。
開発者ツール
無料Web開発者ツール（25件）
JSON整形・バリデーション、CSS/JS/HTMLの圧縮、SQL整形、正規表現テスト、JWTデコード・生成、Cron式解析、YAML ⇄ JSON変換、Markdown to HTML変換など、フロントエンド・バックエンド問わず使える開発ツールを揃えています。すべてブラウザで動作し、データはサーバーに送信されません。
カテゴリから探す
検索結果が見つかりません。
JSON整形ツール・バリデーター
JSONをリアルタイムで整形・バリデーション。シンタックスハイライト表示、エラー行番号表示、コピー・DL対応。
JavaScript圧縮ツール（Minify）
JavaScriptをリアルタイムで圧縮。Before→Afterのバイト数・削減率をバーで表示。コピー・JSファイルDL対応。
JWT生成ツール
HS256でJWTトークンを生成します。ヘッダー・ペイロード・秘密鍵を指定して生成。
カラーコード変換ツール
HEX・RGB・HSLのカラーコードを相互変換します。Webデザイン・CSS開発に必須。
CSS圧縮ツール（Minify）
CSSをリアルタイムで圧縮。Before→Afterのバイト数・削減率をバーで表示。コピー・CSSファイルDL対応。
JSON to CSV 変換ツール
JSON配列をCSV形式に変換します。Excel用BOM付きUTF-8にも対応。
JSON → TypeScript 型定義ジェネレーター
JSONを貼り付けるだけでTypeScriptのinterfaceまたはtype定義を自動生成。ネスト・配列・null対応。
JSON圧縮ツール（Minify）
JSONをリアルタイムで圧縮。Before→Afterのバイト数・削減率をバーで表示。コピー・DL対応。
SQL整形ツール
SQLクエリをリアルタイムで整形。SELECT・JOIN・サブクエリに対応。キーワード大文字/小文字・インデント幅を切り替えてコピー・DL。
HTMLエンティティ変換ツール
HTMLエンティティをエンコード・デコードします。&<>などの変換に。
Cronジェネレーター
GUIでCron式を視覚的に作成。分・時・日・月・曜日をクリックするだけで正確なCron式を生成。次回5回の実行時刻も即時確認。
Unixタイムスタンプ変換ツール
Unixタイムスタンプと日時を相互変換します。現在のタイムスタンプ取得にも対応。
タイムスタンプ差分計算ツール
2つのUnixタイムスタンプまたは日時の差分を計算します。
Cron式パーサー
Cron式を日本語で解説します。「0 9 * * 1-5」→「平日毎朝9時に実行」。
HTMLメタ抽出ツール
HTMLソースからtitle・description・OGP・robots等のメタ情報を一括抽出します。
JSON → YAML 変換ツール
JSONをYAML形式に変換します。読みやすいYAML出力に対応。
Markdown to HTML 変換ツール
Markdownを見出し・太字・リスト・コードブロックなどのHTMLに変換します。
HTML圧縮ツール（Minify）
HTMLのコメント・空白・改行を削除してファイルサイズを圧縮します。
正規表現テスター
正規表現をリアルタイムでテスト。マッチ箇所をハイライト表示・グループ抽出・フラグ切り替え対応。
JSON差分チェッカー
2つのJSONオブジェクトを比較して追加・削除・変更されたキーを一覧表示します。
現在のタイムスタンプ
現在のUnixタイムスタンプ（秒・ミリ秒）を即時表示します。
YAML → JSON 変換ツール
YAMLをJSON形式に変換します。インデント幅の指定に対応。
CSV to JSON 変換ツール
CSVをJSON配列に変換します。ヘッダー行の自動検出・インデント指定に対応。
進数変換ツール
2進数・8進数・10進数・16進数を相互変換します。プログラミング学習に最適。
JWTデコーダー
JWTトークンをデコードしてヘッダー・ペイロードの内容を確認できます。
関連記事
開発
Cron式 完全ガイド｜書き方・よく使うパターン・GitHub Actions/AWS/Laravel対応
Cron式の5フィールド構文（分・時・日・月・曜日）から、毎5分・毎日・平日9時などのパターン集、GitHub Actions・AWS EventBridge・Laravel・Kubernetesでの活用方法、デバッグのコツまで実践的に解説します。
開発
JSONからTypeScript型を生成する方法｜Interface自動変換・Zod活用パターン
APIのJSONレスポンスからTypeScriptのInterfaceを自動生成する方法を解説。JSON→TypeScript変換ツールの使い方、null値の扱い、Zodとの組み合わせ、実務でよく使うパターン（ジェネリクス・ユニオン型）まで網羅します。
デザイン
CSSグラデーション完全ガイド｜linear・radial・conic + 応用テクニック
CSSのlinear-gradient・radial-gradient・conic-gradientの書き方をコード例で徹底解説。カラーストップの位置・透明度指定、テキストへのグラデーション、ボーダー・オーバーレイへの応用まで実装パターンを網羅します。
開発
CSVファイルとは？Excelとの違い・JSON変換の使い方を解説
CSVファイルの仕組みをわかりやすく解説。Excelで文字化けする理由（BOM問題）、JSON変換が必要な場面、プログラムからのCSV読み込み方法など、初心者向けに実例付きで紹介します。
デザイン
カラーコードとは？HEX・RGB・HSLの違いと変換方法を初心者向けに解説
Webデザインで使うカラーコードの種類を徹底解説。#FF5733（HEX）・rgb(255,87,51)（RGB）・hsl(9,100%,60%)（HSL）の違い・使い分け・CSSでの指定方法・透明度の設定まで初心者向けに紹介します。
開発
Markdownとは？基本の書き方・記法一覧と活用例を初心者向けに解説
GitHubやNotionで使われるMarkdownの書き方を初心者向けに解説。見出し・太字・リスト・コードブロック・リンクなど基本記法一覧表と、README.md・ブログ・メモアプリでの活用例を紹介します。
開発
タイムゾーンとは？UTC・JST・ISOの違いと開発での扱い方を解説
タイムゾーンの仕組みをUTC・JST・ISO 8601形式をもとにやさしく解説。JavaScriptのDate扱いの注意点、DBはUTC保存が基本な理由、夏時間（DST）との関係まで開発者向けに紹介します。
SEO
構造化データとは？JSON-LDの書き方とSEO効果・実装手順を解説
Googleの検索結果に星マークや価格・FAQを表示する「リッチリザルト」の仕組みを解説。JSON-LDによる構造化データの実装方法、ArticleスキーマとFAQスキーマのコード例、テスト・確認手順まで紹介します。
デザイン
カラーコントラストとは？WCAGのAA基準と文字色の選び方を解説
Webアクセシビリティに必要なカラーコントラスト比の仕組みを解説。WCAGのAAとAAAの基準値（4.5:1・3:1）、白地・黒字どちらが見やすいかの判定方法、コントラスト不足のNG例と改善例まで初心者向けに紹介します。
開発
YAMLとは？JSONとの違いと書き方を初心者向けにわかりやすく解説
YAMLの書き方をJSONと比較しながら初心者向けに解説。インデントの意味、文字列・リスト・マップの記述方法、DockerやGitHub ActionsでのYAML活用例、よくある落とし穴まで紹介します。
開発
SQL整形とは？コードを読みやすくするフォーマットの使い方と効果
SQLを読みやすく整形するフォーマットの目的と効果を解説。SELECT・JOIN・WHERE句の改行ルール、大文字・小文字の慣習、チームでの統一方法、整形ツールの活用まで具体的なコード例つきで紹介します。
開発
テキスト差分（diff）とは？コード比較の仕組みとレビューへの活用
テキスト差分（diff）の仕組みをわかりやすく解説。追加・削除・変更の表示ルール、Gitのdiffコマンドとの違い、コードレビュー・設定ファイル比較・文章校正への活用方法まで初心者向けに紹介します。
ツール
日付フォーマットとは？YYYY/MM/DDと国際標準ISO形式の違いを解説
日付の書き方にはYYYY/MM/DD・MM/DD/YYYY・ISO 8601など複数の形式があります。形式ごとの意味と使い分け、プログラムでの変換方法、日付ツールを使った一括変換まで初心者向けに解説します。
開発
JSONとは？データ形式の基本と書き方・使い方をわかりやすく解説
JSONの基本構造（オブジェクト・配列・型）をわかりやすく解説。Web APIや設定ファイルでの使い方、XMLとの違い、JSON整形・圧縮ツールの使い方まで初心者向けに紹介します。
開発
JWTとは？認証トークンの仕組みと安全な使い方をわかりやすく解説
JWTの3部構成（ヘッダー・ペイロード・署名）を図解。ログイン認証での発行・送信・検証フロー、セキュリティ上の注意点、SessionとJWTの使い分けまで初心者向けに解説します。
開発
CSS・JS・HTMLのMinify（圧縮）とは？効果と具体的な使い方を解説
Minify（ミニファイ）の仕組みとCSS・JS・HTMLそれぞれの圧縮効果をbefore/after例で解説。Gzip圧縮との違い、webpack/Viteでの自動化、SourceMapの使い方まで紹介します。
SEO
OGPタグとは？SNSシェア時の画像・タイトルを自分で設定する方法
OGP（Open Graph Protocol）の必須タグと設定方法を解説。SNSシェア時のサムネイル・タイトル・説明文の制御方法、Twitter Cardとの違い、og:imageの推奨サイズも紹介します。
開発
正規表現とは？よく使うパターン10選と書き方を初心者向けに解説
正規表現の基本から実用的なパターンまで初心者向けに解説。メタ文字一覧表、メールアドレス・電話番号・URL・日付のバリデーション例、JavaScriptでの実際の使い方を紹介します。
開発
Unixタイムスタンプとは？日時変換の仕組みと開発での使い方を解説
Unixタイムスタンプ（エポック秒）の仕組みをやさしく解説。日時への変換方法（JavaScript・Python・PHP）、秒とミリ秒の見分け方、タイムゾーンとの関係、2038年問題まで紹介します。
開発現場でよく使われるツール
JSON整形ツールはAPIレスポンスの確認に、CSS/JS圧縮ツールはビルド作業に、正規表現テスターはパターン確認にすぐ使えます。まずJSON整形ツールを試してみてください。