開発者ツール

「開発者ツール」カテゴリとそのサブカテゴリのツールを一覧できます。

エンコード・デコード

data URI 変換ツール (lazesoftware.com)

ファイルを data URI 形式にエンコード、または data URI を元のファイルに復元するツール。画像以外のファイルにも対応し、MIMEタイプの自動判別・手動指定、改行コード処理の設定が可能。最大 5MB まで対応。

コード生成

C言語のヘッダファイル作成ツール (tool.muzin.org)

C言語のソースコードからヘッダファイルを自動生成するツール。関数宣言やインクルード文を抽出し、ヘッダファイル形式に変換する。

プレイグラウンド

CSVエディター (toolpods.io)

ブラウザ上で CSV ファイルを表形式で編集するツール。セルの追加・削除・編集が可能で、編集結果をダウンロードできる。

エンコード・デコード

CSV to JSON変換 (web-toolbox.dev)

CSV データを JSON 形式に変換する無料ツール。ヘッダー行の有無やセパレーターを設定でき、変換結果をすぐにコピーして利用できる。

プレイグラウンド

CSS配色テスター (www.oh-benri-tools.com)

テキスト色・ボックス色・背景色の組み合わせをカラーピッカーでリアルタイムに試せるオンラインツール。設定内容がCSS形式で自動出力されるため、Webデザインの配色確認に役立つ。

コード生成

CSS背景パターンジェネレーター (web-toolbox.dev)

CSS のみで表現できる背景パターンを生成する無料ツール。ドット・ストライプ・グリッドなど各種パターンを視覚的に設定し、生成された CSS コードをコピーして利用できる。

コード生成

CSSフィルタージェネレーター (web-toolbox.dev)

CSS の filter プロパティの値をビジュアルで調整して生成する無料ツール。ぼかし・輝度・コントラスト・彩度・色相回転などを直感的に設定でき、生成された CSS コードをコピーして利用できる。

コード生成

CSSグラデーションジェネレーター (toolpods.io)

CSS のグラデーション(linear-gradient・radial-gradient)をビジュアルで生成するツール。色・角度・位置などを設定し、生成された CSS コードをコピーして利用できる。

コード生成

CSSグラデーションジェネレーター (web-toolbox.dev)

CSS のグラデーション(linear-gradient・radial-gradient)をビジュアルで生成する無料ツール。色・角度・位置などを直感的に調整でき、生成された CSS コードをコピーして利用できる。

開発者ツール

CSSカーソルビューワー (web-toolbox.dev)

CSS の cursor プロパティで指定できる全カーソル種類を一覧表示して確認できる無料ツール。各カーソルの見た目を実際にプレビューしながら確認できる。

開発者ツール

CSPパーサー (web-toolbox.dev)

Content Security Policy(CSP)ヘッダーをパースして各ディレクティブの内容を可視化する無料ツール。CSP の設定内容を素早く確認・デバッグするのに役立つ。

コード生成

Cron式ジェネレーター/パーサー (toolpods.io)

Cron 式を GUI で作成・検証するツール。スケジュールの設定を視覚的に確認しながら Cron 式を生成できる。

...8910