開発者ツール

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

コード生成

フローティングFacebookのプラグイン (jp.piliapp.com)

ウェブサイト向けのフローティングFacebook「いいね」ボタン・ページプラグインを生成するツール。スティッキーなFacebookソーシャルボタンを埋め込んでエンゲージメントを向上できる。

開発者ツール

ブランドカラー×文字色自動生成 (toolpods.io)

ブランドカラーから最適なテキストカラーパレットを生成するツール。アクセシビリティに配慮したコントラスト比の高い配色を提案する。

コード生成

ブックマークレット ボタン (jp.piliapp.com)

JavaScriptコードからブックマークレットボタンを作成するオンラインツール。任意のJavaScriptスニペットをドラッグ可能なブックマークレットリンクに変換してブラウザから素早くアクセスできる。

プレイグラウンド

フォント比較ツール (lazesoftware.com)

欲しいフォントを探すためのフォント比較ツール。Windows 標準フォントの一覧表示のほか、ローカルにインストール済みのフォントやフォントファイル(TTF・OTF・WOFF・WOFF2)の読み込みに対応。テキストサイズ・スタイル・色・背景などのカスタマイズが可能。

ハッシュ計算

ハッシュ計算ツール (lazesoftware.com)

MD5・SHA-1・SHA-256 をはじめ 30 種類以上のハッシュアルゴリズムでハッシュ値を計算するツール。HMAC 方式にも対応し、テキストまたは最大 5MB のファイルを入力できる。

ハッシュ計算

ハッシュ値生成 (toolpods.io)

入力テキストの MD5・SHA-1・SHA-256・SHA-512 などのハッシュ値を計算するツール。

開発者ツール

バイナリエディタ (www.oh-benri-tools.com)

バイナリファイルをブラウザ上で閲覧・編集できるオンラインツール。ドラッグ&ドロップでファイルを読み込み、バイトの追加・削除・16進数編集に対応。処理はすべてブラウザ内で完結する。

コード生成

ネストBorder-Radius最適化 (web-toolbox.dev)

ネストした要素間で border-radius を視覚的に一致させるための最適値を計算する無料ツール。親要素と子要素の border-radius・padding を入力すると最適な内側の値を提示する。

差分検出

テキスト相違 (jp.piliapp.com)

2つのテキスト入力の差異を強調表示するオンラインテキスト比較ツール。テキスト・コード・文書の異なるバージョン間の追加・削除・変更箇所を見つけられる。

差分検出

テキスト比較 (diff.onl.jp)

2つのテキストを入力して差分を視覚的に比較するWebツール。追加・削除・変更箇所をカラーハイライトで表示し、文章の変更点を素早く確認できる。

差分検出

テキスト差分比較 (toolpods.io)

2つのテキストの差分を視覚的に比較するツール。変更・追加・削除された部分をカラーで強調表示する。

差分検出

テキスト差分チェッカー (web-toolbox.dev)

2 つのテキストを比較し差分をハイライト表示する無料ツール。追加・削除・変更箇所を色分けして確認でき、コードレビューやドキュメント比較に役立つ。

123...