即時のテキスト処理、データ変換、検証機能によりコーディング タスクを効率化する、無料のブラウザベースのユーティリティです。
色のトーンとシャドウ生成器 ヘキサデシマルまたはRGB色を選択し、すぐに10つのトーン（白に混ぜた色）と10つのシャドウ（黒に混ぜた色）を視覚的に表示します。どのスワッチをクリックしてもそのヘキサデシマルコードをコピーできます。また、CSSカスタムプロパティ、SCSS変数、JSON、またはシンプルなヘキサデシマルリストとしてすべてのセットをエクスポートできます。使い方 ヘキサデシマル色選択器からベース色を選択するか、またはヘキサフィールドに3桁または6桁のヘキサデシマル値を貼り付けます。オプション：変数名（エクスポートされたCSS/SCSS/JSONのキー）を変更できます。ミックス方法を選択します。OKLCHは最も滑らかなグラデーションを提供し、HSLはウェブの古典的なアプローチであり、RGBは最もシンプルです。
ツールを試す »クラウド帯域幅コスト推定ツール このツールは、AWS、Google Cloud、Azure、Cloudflare、DigitalOcean、Backblaze B2の現在公開されている価格をもとに、各主要なクラウドプロバイダーでの月間の外部インターネットエグリス費用を推定します。月間の転送量（GB、TB、またはPB）を入力し、現在使用しているプロバイダーを選択し、各階層のコスト分解と並列比較を表示し、同じワークロードを別のクラウドに移行した場合にどれだけ節約（または支出）できるかを確認できます。使い方 ドロップダウンから現在使用しているプロバイダーを選択します。月間のエグリス量を入力し、適切な単位（GB、TB、または...
ツールを試す »package.jsonジェネレーター フォームから構造化されたデータを入力し、すべてのフィールドを暗記せずに有効なpackage.jsonを作成します。パッケージ名、バージョン、ライセンス、モジュールシステム（ESMまたはCommonJS）、Nodeエンジン、スクリプト、および依存関係を設定し、ツールはクリーンで適切に並べられたマニフェストを生成し、プロジェクトに直接投入できます。フォーマッターが既存のファイルを再配置するのに対し、このジェネレーターはマニフェストを完全にゼロから構築し、空のフィールドをスキップすることで、最小限の公開可能なファイルを生成し、npm initでnpmが使用する規約に従っています。使用方法：パッケージ名、バージョン、および（オプション）説明や著者を入力します。ライセンスを選択し、モジュールシステムとしてESモジュールまたはCommonJSを選択します。...
ツールを試す »IPv4からIPv6への変換ツール 1クリックで任意のIPv4アドレスをすべての標準IPv6表現に変換します。このツールは、ダブルスタックソケットで使用されるIPv4マップ形式、6to4プレフィックス（/48を公開IPv4にデリゲート）、廃止されたIPv4互換形式（古い検索用）、およびip6.arpaの逆DNSPTRレコードを生成します。各結果はRFC準拠であり、フィアウォールルール、BGPフィルタ、またはDNSゾーンファイルに直接貼り付けることができます。手動でビットを編集する必要はありません。使用方法：IPv4アドレス（例：192.168.1.1または8.8.8.8）をタイプまたは貼り付けます。ツールは4つのオクテットを検証し、瞬時にすべてのIPv6表現を埋め込みます。任意のフィールドの隣にあるコピーアイコンをクリックして...
ツールを試す »偽IPアドレスジェネレーター フィルターを適用して、RFC範囲タイプに基づいて有効な偽IPv4およびIPv6アドレスのバッチを生成します。プライベート（RFC 1918）、公開、ループバック、マルチキャスト、CGNAT（RFC 6598）、リンクローカル、ULA（RFC 4193）、およびドキュメンテーション用の範囲が含まれます。テストデータのシード、モックAPIの埋め込み、ダッシュボードのデモ、または実際のアドレスを漏らさずに例のトラフィックログを生成するのに役立ちます。使用方法：IPバージョン（IPv4またはIPv6）を選択します。範囲タイプを選択します。各オプションは、IETFまたはIANAが定義した実際の予約またはルーティングブロックにマッピングされます。数（1～1000）を設定します。CIDRサフィックスを追加する（/32または/128）および一意なアドレスをデュープするオプションを切り替えます。生成をクリックします。コピーまたは...
ツールを試す »Dockerfileジェネレーター 数秒でプロダクション用のDockerfileを作成します。Node.js、Python、Go、OpenJDK、Ruby、PHP、Rust、.NET、Nginx、Alpine、Ubuntu、またはDebianなどのスタックを選択し、ベースイメージ、環境変数、依存ファイル、インストールコマンド、公開ポート、および実行ユーザーのための適切なデフォルト値を設定します。任意のフィールドを調整すると、Dockerfileはベストプラクティスのレイヤ順序に従って即座に更新されます。使用方法：スタックドロップダウンからスタックを選択します。イメージ名、タグ、環境変数、依存ファイル、およびCMDは、実証済みのデフォルト値で事前に埋め込まれています。イメージタグ、WORKDIR、ビルドARG、および実行環境変数を調整してプロジェクトに合わせます。必要なシステムパッケージを1行ずつリストアップします。...
ツールを試す »Javaプロパティファイルフォーマッター このツールは、JDKがそれらを読み込むルールを使用してJava .propertiesファイルをフォーマットします。=、:、または空白をセパレータとして受け入れ、#および!コメントスタイルを認識し、バックスラッシュ継続行をきれいな1行のキー/値ペアに結合します。application.properties、logback.properties、ResourceBundle messages_*.properties、または必要なすべてのシンプルなJava設定を整理するために使用できます。使用方法：raw .propertiesコンテンツを入力ボックスに貼り付けます（または「例を試す」をクリック）。セパレータスタイルを選択：=、:、または元の行が使用していたものを保持します。セパレータの周囲のスペースとコメントスタイル（#、!、または保持）を選択します。ソート...
ツールを試す »CAGR計算機 投資、ビジネスメトリクス、または時間とともに成長する値の複利年間成長率（CAGR）を計算します。開始値、終了値、および年数を入力し、ツールは、毎年一定のペースで成長する場合に、開始値から終了値に到達する平滑な年間成長率を計算します。逆モードでは、開始額と目標CAGRから将来の価値を予測できます。使用方法：モードを選択：開始値と終了値からCAGRを計算する、または開始額と年間成長率から将来の価値を予測する。開始値（例：投資額など）を入力します。...
ツールを試す »HARファイルフォーマッターおよびリクエストインスペクタ：ブラウザのデベロッパーツールからエクスポートされたHTTPアーカイブ（.har）ファイルをドロップし、すべてのリクエストを並べ替え可能でフィルタ可能にしたウェイアブル（水たまり）として表示します。DNS、接続、SSL、待機、ダウンロードのタイムラグ、および原始ヘッダー、ボディ、そして任意の単一リクエストに使える即時貼り付け可能なcURLコマンドが含まれます。すべての処理はあなたのブラウザ内で行われ、HARファイルはあなたのマシンに留まります。使い方：ブラウザからHARファイルをエクスポートします。ChromeまたはEdgeの場合：デベロッパーツールを開き、ネットワークタブに切り替え、ページ読み込みまたはAPI呼び出しを再現し、その後、任意の行を右クリックして「コンテンツを含むすべてをHARとして保存」を選択します。.harファイルを...にドロップします。
ツールを試す »NDJSON フォーマッター＆バリデーター 新行で区切られた JSON（NDJSON / JSON Lines）ドキュメントを貼り付け、すべての記録を一度にチェックできます。各行は独立して解析されるため、1つの破損した記録が他の記録を隠すことはありません。このツールは有効および無効な行の数、トップレベルのキーの頻度、および解析に失敗した行の正確なエラーを報告します。これはログストリーム、BigQueryのエクスポート、Elasticsearchのブロッキングパラメータに最適です。使い方 NDJSON コンテンツを入力ボックスに貼り付け、または.ndjson / .jsonl / .txt ファイルをアップローダーでドロップできます。フォーマットモードを選択：コンパクトモードは1行1記録（真のNDJSON）を維持し、プレートモードは各記録をインデントで再構成します...
ツールを試す »Base64画像プレビュー＆デコーダー ベース64形式の画像文字列を貼り付け、表示される画像を即座にプレビューできます。ファイルのマジックバイトから形式を自動検出します。デコードされた画像、ピクセルサイズ、およびデコードされたバイトサイズはすべてブラウザ上で計算されます。サーバーへのアップロードやAPIへの待機は不要です。オプションのdata: URIプレフィックスは自動的に削除され、JSONパラメータ、CSSの背景、メールのソース、または生成されたSDKの応答から得られた純粋なベース64文字列を貼り付けても動作します。使い方 ベース64文字列をコピーします。これは純粋なパラメータであったり、data:image/...;base64形式のURIプレフィックスを含んだものであっても問題ありません。どちらも受け入れられます。それを貼り付けます...
ツールを試す »WebRTC IP レーキング検出器 WebRTC は、プラグインなしで音声や動画通話を行うためのブラウザ内APIです。2つのペア間を直接接続するためには、ICEフレームワークを使用して候補IPアドレスを収集します。このリストには、マシンのローカルLAN IPアドレスおよびSTUNサーバーが見ることができる公開アドレスが含まれます。ユーザーがVPNやプロキシを介して接続している場合、これらの候補が本来隠されていたIPアドレスを暴露する可能性があります。この検出器は、ブラウザ内で完全に同じ発見プロセスを実行し、すべてのICE候補を解析し、IP漏洩が存在するかどうかをフラグ付けします。使い方 STUNサーバーを選択する — Google、Cloudflare、またはTwilioはすべて機能します...
ツールを試す »Tailwind CSS カラー スケール 生成ツール ファンクションを1つの16進数カラー値に貼り付け、直ちにパーセプトーラルに均等なステップを持つTailwindスタイルの50から950までのパレットを取得できます。スケールはOKLCHカラースペースで構成されており、人間の目には均等な明るさのジャンプを実現し、RGBやHSLの線形減少とは異なります。結果をtailwind.config.jsにそのままコピー、CSSカスタムプロパティやSCSS変数として挿入、または設計トークンパイプラインにJSONとしてエクスポートできます。使い方 ファンクションをカラーピッカーで選択、または#464affのような16進数値を貼り付けます。パレットに名前を付けてください（例：primary、brand、など）...
ツールを試す »package.json フォーマッタ＆キー並び替え フォーマットされたpackage.jsonを貼り付け、すぐにクリーンで標準的な順序のバージョンを取得できます。このツールはトップレベルのキーをnpmの標準順序（name、version、description、scripts、dependenciesなど）に並び替え、必須および推奨されるフィールドを検証し、依存関係のバージョン範囲をチェックし、マニフェストを汚染する非標準キーを警告します。すべての処理はブラウザ内で行われ、アップロードされません。使い方 package.jsonを入力エリアに貼り付け（または「例を試す」をクリックしてツールの動作を確認）。好みのインデントスタイルを選択：2スペース、4スペース、またはタブ。必要に応じて、依存関係グループのアルファベット順並び替えとスクリプトのライフサイクル認識順並び替えを有効にします。非標準フィールドを削除するオプションを...
ツールを試す »ピクセルアートキャンバス & CSSエクスポート ピクセルアートの8ビットスタイルのスプライトをブラウザ内で直接描画し、純粋なCSSボックスシャドウアート、スケーラブルSVG、レターグラフィックPNG、またはポータブルJSONとしてエクスポートできます。キャンバスは8×8から64×64までスケーリング可能です。NES、ゲームボーイ、PICO-8、CGA、コモドレ64、スウィートティ16などのクラシックパレットが標準搭載されており、塗りつぶし、消しゴム、塗りつぶし、エイドロッパーなどのツールを提供し、無限の取り消しと再実行が可能です。使い方 グリッドサイズを8×8から64×6及まで選択してください。グリッドサイズが大きいほど詳細度は高まりますが、描画速度は遅くなります。プレセットパレットを選択するか、色選択器に任意の16進数カラーを入力してください。キャンバスのツールバーにある塗りつぶし、消しゴム、塗りつぶし、エイドロッパーのボタンをクリックしてください——
ツールを試す »スプリント速度と容量計算機 スプリントの次の計画を数学で、推測ではなく計画してください。過去の速度データ、チーム規模、PTO（チーム時間外）、および焦点係数を入力し、ストーリーポイントおよび時間単位での根拠に基づいたコミットメント範囲を取得します。使用方法 チーム規模およびスプリント期間（労働日）を入力してください。1日あたりの個人の生産的時間（通常5〜6時間、会議やコンテキストスイッチを考慮して）を設定してください。最近完了したストーリーポイントを、コンマまたはスペースで区切り、貼り付けます。次のスプリントに適用されるチームの時間外（PTO、祝日、予想される病休日）を追加してください。焦点係数および1ポイントあたりの時間比を調整し、調整された容量およびコミットメント範囲を確認してください。機能 ベースとなる速度データ – 平均値、中央値、範囲…
ツールを試す »太陽電池パネル出力計算機：太陽電池配列の実際のエネルギー出力（日単位、月単位、年単位のkWh）や、予測される節約額、CO₂削減量、およびバッテリーのサイズ推奨を推定します。AIによって生成された粗い見積もりとは異なり、このツールはシステム損失やパネルの25年間の劣化を考慮し、現実的な結果を提供します。使用方法：設置計画のパネル数と、各パネルの定格ワット数（現代のモジュールでは通常300～45及W）を入力してください。また、あなたの場所のピーク太陽時間（1日あたり）を設定してください。ほとんどの地域では3～7時間の範囲にあります。正確な値を確認するには、地域の太陽放射量マップをご確認ください...
ツールを試す ».env と .env.example のキー差分ツール 実際の .env ファイルと .env.example テンプレートの間の差分は、破損したデプロイの静かな原因の一つです。開発中にキーが追加され、プロダクションにコピーされ、テンプレートに忘れ去られます。プレースホルダー値は .env に残り、本当のシークレットが置かれていた場所に置き換わっていません。このツールは両ファイルを並べて表示し、欠落、追加、または不一致のカテゴリごとのレポートを提供し、デプロイ前に構成のずれを解決できます。すべての解析はブラウザ内で行われ、あなたが貼り付けるすべてのデータはあなたのデバイスから離れることなく、画面上のレポートにすべての値をマスクすることもできます。
ツールを試す »SVG から React JSX コンポーネント変換ツール リアルな SVG マークアップを貼り付けて、クリーンな React 関数コンポーネントを取得できます。このツールはすべての属性に対して決定論的な camelCase 変換を適用し、非-JSX シンタックスを削除し、出力結果を即座にインポート可能なコンポーネントにラップします。タイプ付け、forwardRef 包装、またはプロパティでスケーラブルなサイズを設定する選択肢があります。すべての処理はローカルのブラウザ内で行われ、アイコンやロゴがあなたのマシンから離れることはありません。使い方 全ての … マークアップを入力ボックスに貼り付けます。コンポーネント名（PascalCase、例：ArrowRightIcon）を設定します。TypeScript、forwardRef、スケーラブルなサイズプロパティ、プロパティのスプレッドを切り替え、プロジェクトに合わせて設定します。生成された JSX をコピーまたは .tsx / .jsx ファイルとしてダウンロードします。特徴 camelCase ...
ツールを試す »CSVからXMLに変換 ブラウザ内で、任意のCSVファイルをきれいで構造のよいXMLに変換できます。データを貼り付けまたはアップロードし、行とヘッダーのマッピング方法を選択し、自動的にアンドゥ、角括弧、引用符、埋め込まれた改行などのエントリケースをエスケープされたXMLとして取得できます。すべての処理はクライアントサイドで行われるので、CSVファイルはあなたのマシンに留まります。これはログやエクスポート、あるいは第三者サービスに貼り付けるのが不安なスプレッドシートに安全に使用できます。使い方 CSVを入力ボックスに貼り付け、またはアップローダーを使って.csvファイルをアップロードします。区切り文字（コンマ、セミコロン、タブ、パイプ）を選択し、最初の行がヘッダーを含むかどうかを決定します。設定を...
ツールを試す »スコアボード ゲームを追跡する楽しい方法です。すべてのデータはブラウザに保存されます。さらに多くの機能がまもなく登場します！
価値ある無料ツールの提供を継続するためにご協力ください
