即時のテキスト処理、データ変換、検証機能によりコーディング タスクを効率化する、無料のブラウザベースのユーティリティです。
CSSフィルタージェネレーター CSSフィルタージェネレーターを使用すると、ライブ画像プレビューでCSSフィルター効果を視覚的に構築できます。 直感的なスライダーを使用して個々のフィルタープロパティを調整し、結果を即座に確認できます — 推測の必要はありません。 見た目に満足したら、生成されたCSSコードをコピーして、スタイルシートに直接貼り付けます。 使用方法 デフォルトのサンプル画像から開始するか、プレビューエリアに画像をドラッグアンドドロップするか、「画像をアップロード」をクリックして、独自の画像をアップロードします。 次に、フィルターのスライダーを調整して、目的の効果を実現します。 各スライダーは、ぼかし、明るさ、コントラスト、グレースケール、色相回転、反転、不透明度、彩度、セピアなど、異なるCSSフィルタープロパティを制御します。 ...
ツールを試す »CSSからTailwind CSSへのコンバーター CSSからTailwind CSSへのコンバーターは、バニラCSS宣言をTailwindユーティリティクラスに即座に変換します。 任意のCSSコードを貼り付けるだけで、対応するTailwindクラスが自動的にマッピングされます — 推測やクラス名の暗記は不要です。 コンバーターは、スペーシング、タイポグラフィ、色、レイアウト、フレックスボックス、グリッド、境界線、影、トランジションなどを処理します。 使用方法 左側の入力エリアにCSSコードを貼り付けます。 コンバーターは各CSS宣言をリアルタイムで処理し、最も近い対応するTailwindユーティリティクラスにマッピングします。 結果は右側の出力パネルに表示されます。 直接Tailwindの同等物を持つプロパティは自動的に変換され、対応するものがないプロパティは...
ツールを試す »帯域幅とダウンロード時間計算機 ファイルサイズと接続速度からダウンロード時間を計算するか、時間目標内にファイルをダウンロードするために必要な速度を見つけます。すべての一般的なファイルサイズ単位と速度プリセット（3G、4G、5G、Wi-Fi、ブロードバンド）をサポートし、設定可能なプロトコルオーバーヘッドパーセンテージを備えています。使用方法 ファイルサイズを入力し、接続速度を選択するか、プリセット（3G、4G、5G、光ファイバーなど）を選択し、プロトコルオーバーヘッドを設定して、推定ダウンロード時間を即座に確認します。または、目標時間から逆算して必要な速度を見つけます。機能 あらゆる単位のファイルサイズ – B、KB、MB、GB、TB 速度プリセット – 3G、4G LTE、5G、Wi-Fi 6、光ファイバー、...
ツールを試す »ヴィジュネル暗号エンコーダー＆デコーダー 「le chiffre indéchiffrable」（解読不能な暗号）と呼ばれた古典的な多表字換字式暗号であるヴィジュネル暗号を使用して、テキストを暗号化および復号化します。 テキストとキーワードを入力すると、ステップバイステップの視覚化、インタラクティブなタブラレクタ、および頻度分析による即時の結果が得られます。 すべての処理はブラウザ内で行われます。 使用方法 エンコードまたはデコードモードを選択し、テキストとアルファベットのキーワードを入力します。 暗号の結果は即座に更新されます。 アルファベット以外の文字（スペース、数字、句読点）は、元の文字の大文字と小文字を保持したまま通過します。 プレーンテキストをキーの拡張として使用するには、オートキーモードを切り替えます。 ステップバイステップのブレークダウンを表示して、各文字のシフトを確認するか、...
ツールを試す »JSONからHTMLテーブルレンダラー オブジェクトのJSON配列を、スタイル設定され、インタラクティブなHTMLテーブルに変換します。 JSONデータを貼り付けるだけで、ソート可能な列、設定可能なスタイル、ネストされたオブジェクトの処理、列の表示/非表示コントロールを備えたレンダリング済みテーブルが即座に表示されます。 結果を、インラインCSS、CSV、またはMarkdownテーブル形式の埋め込み可能なHTMLとしてエクスポートします。 使用方法 オブジェクトのJSON配列を入力エリアに貼り付けます。 ツールは、オブジェクト全体で一意のすべてのキーを自動検出し、それらをテーブルの列としてレンダリングします。 テーブルスタイル（プレーン、ストライプ、ボーダー付き、コンパクト、またはダーク）を選択し、ネストされたオブジェクトの表示方法を設定し、列の表示/非表示を切り替えます。 列ヘッダーをクリックしてソートします。 生成されたHTML、CSV、...
ツールを試す »アクセシブルカラーペアファインダー 任意の背景色に対して、WCAGアクセシビリティ基準を満たす前景色を見つけます。 背景色を入力すると、ツールはHSLカラー空間を検索して、AAまたはAAAのコントラストコンプライアンスを達成するテキストカラーのパレットを生成します。 各ペアをサンプルテキストでプレビューし、特定の色の組み合わせを確認し、アクセシブルなペアをCSSカスタムプロパティとしてエクスポートします。 使用方法 カラーピッカーまたは16進数入力を使用して背景色を選択または入力します。 ツールは即座にカラー空間をスキャンし、選択したWCAGレベルに合格する推奨前景色のグリッドを表示します。 いずれかのスウォッチをクリックして、背景色に対するテキストとしてプレビューします。 確認するには...
ツールを試す »SVGスプライトシートジェネレーター 複数のSVGファイルを単一のスプライトシートに結合して、効率的なアイコン読み込みを実現します。 SVGをドラッグアンドドロップでアップロードし、グリッドでプレビューし、シンボルIDを編集し、本番準備完了の結合済みスプライトファイルをダウンロードします。 外部、インライン、CSS背景アプローチの使用コードスニペットを取得します。 CSSで色を変更できるアイコンのために塗りつぶし（fills）と線（strokes）を削除したり、ファイルサイズを削減するためにエディターメタデータを削除したりできます。 使用方法 SVGアイコンファイルをアップロードエリアにドラッグアンドドロップするか、クリックして参照します。 各SVGは解析され、自動生成されたシンボルIDとともにプレビューグリッドに表示されます。 シンボルIDをクリックして編集します。 最適化を切り替えます...
ツールを試す »ビデオビットレート計算機 任意の解像度、フレームレート、コーデック、品質レベルの推奨ビデオビットレートを計算します。 標準解像度（480pから8K）から選択するか、カスタム寸法を入力し、コーデック（H.264、H.265、VP9、AV1、ProRes）を選択し、品質（ストリーミング、高、ウルトラ）を設定して、推奨ビットレート範囲を即座に確認します。 使用方法 ターゲット解像度を選択するか、カスタムの幅と高さをピクセル単位で入力します。 フレームレート（24〜120 FPS）、コーデック、品質レベルを選択し、推奨ビットレート範囲を読み取ります。 これを使用して、エンコーダー設定を構成したり、指定された期間のファイルサイズを推定したりします。 機能 標準解像度 — 480pから8K、カスタム入力も可能 5つのコーデック — H.264、H.265/HEVC、...
ツールを試す »HTTP Cookieビルダー＆ジェネレーター ビジュアルコンフィギュレーターを使用して、正しいHTTP Set-Cookieヘッダーを構築します。 名前、値、ドメイン、パス、有効期限、SameSite、Secure、HttpOnlyなどの属性を設定し、生成されたSet-Cookieヘッダー、document.cookie文字列、およびサーバーフレームワークのコードスニペットを取得します。 既存のSet-Cookie文字列を逆エンジニアリングするためのCookieパーサーと、一般的なCookieタイプのプリセット構成が含まれています。 使用方法 Cookieの名前と値を入力し、オプションの属性を設定します：Domain、Path、Max-Age、Expires、SameSite（None/Lax/Strict）、Secure、HttpOnly、Partitioned。 Set-Cookieヘッダーとdocument.cookie文字列は即座に更新されます。 一般的なパターン（セッションCookie、永続Cookie、CSRFトークンなど）のプリセットボタンを使用します。 生成されたヘッダーまたはExpress.js、PHPなどのサーバーコードスニペットをコピーします。
ツールを試す »Eメールヘッダーアナライザー＆パーサー 生のEメールヘッダーを構造化された読みやすい形式に解析および分析します。 Eメールヘッダーを貼り付けると、完全な配信パス、認証結果（SPF、DKIM、DMARC）、デコードされたMIMEヘッダー、スパム分析、ホップごとのタイミングを確認できます。 すべての処理はブラウザ内で行われます — データはどのサーバーにも送信されません。 使用方法 生のEメールヘッダーを入力エリアに貼り付けます。 アナライザーは即座に処理し、概要（送信者、受信者、件名、日付、発信元IP）、色分けされた合格/不合格インジケーター付きの認証結果、各サーバー間のタイミングを含む完全な配信ホップチェーン、およびデコードされたMIME値を含むすべてのヘッダーの構造化されたテーブルを表示します。 「サンプルを読み込む」ボタンを使用します...
ツールを試す »順列・組み合わせ計算機：ビッグイント算術を使用して、順列 (nPr) および組み合わせ (nCr) を正確な結果で計算します—大きな数値でもオーバーフローしません。nとrを入力するだけで、ステップバイステップの数式分解とともに両方の値が同時に表示されます。パスカルの三角形ビジュアライザー、多重集合順列計算機、および小規模なセットのすべての配置の完全な列挙が含まれています。使用方法 n（総アイテム数）とr（選択するアイテム数）を入力すると、計算機が数式とステップバイステップの代入とともにP(n,r)とC(n,r)を即座に表示します。nとrが小さい値（最大8）の場合、列挙を切り替えて、実際の順列または組み合わせがすべてリスト表示されるのを確認できます。パスカルの三角形タブを使用して二項係数を視覚化します...
ツールを試す »DPI / PPI電卓 解像度と物理的な対角線サイズから、あらゆる画面のピクセル密度（PPI/DPI）を計算します。幅と高さをピクセル単位、対角線画面サイズをインチ単位で入力すると、1インチあたりのピクセル数、ドットピッチ、総ピクセル数、および完全なディスプレイプロパティテーブルが即座に表示されます。 使用方法 ディスプレイの幅と高さの解像度（ピクセル単位）と物理的な対角線サイズ（インチ単位）を入力します。すべてのメトリックが即座に計算されます：PPI、ドットピッチ（mm）、アスペクト比、総ピクセル数、およびメガピクセル。 機能 PPI計算 – 解像度と物理サイズからの1インチあたりのピクセル数 ドットピッチ – 各ピクセルの物理サイズ（ミリメートル単位） 完全なプロパティテーブル – アスペクト...
ツールを試す »正規表現フレーバーコンバーター PCRE（PHP）、JavaScript、Python、Go、Java、Ruby：プログラミング言語のフレーバー間で正規表現を変換します。名前付きグループ、フラグ、後方参照、その他の構文の違いを自動的に変換します。互換性のない機能を明確な警告とともにハイライトします。サンプル文字列に対して変換された正規表現を検証するためのテストパネルが含まれています。 使用方法 正規表現パターンを入力し、ソースフレーバー（記述されている言語）とターゲットフレーバー（変換したい言語）を選択します。変換された正規表現は、フラグが翻訳された状態で即座に表示されます。変更点やサポートされていない機能に関する警告については、変換ノートを確認してください。変換されたパターンをサンプルテキストに対して検証するためにテストパネルを使用してください。 機能 6つの正規表現フレーバー...
ツールを試す »CORSヘッダービルダー＆バリデーター ビジュアルコンフィギュレーターを使用して、正しいCORS（Cross-Origin Resource Sharing）ヘッダーを構築します。許可するオリジン、メソッド、ヘッダー、および認証情報を設定してから、Express.js、Nginx、Apache、Django、FastAPI、Flask、Go用の生成されたHTTPヘッダーとすぐに使用できるコードスニペットを取得します。リアルタイム検証により、一般的なCORSの誤設定が本番環境に到達する前に検出されます。 使用方法 フォームコントロールを使用してCORSポリシーを構成します：オリジンモード（ワイルドカード、特定のオリジン、またはリフレクト）を選択し、許可するHTTPメソッドを選択し、許可するヘッダーを追加し、必要に応じて認証情報を有効にします。ツールは、正しいAccess-Control-*ヘッダーを即座に生成し、一般的な間違いに対する検証警告を表示し、7つのサーバーフレームワーク用のコピー準備完了コードスニペットを提供します。CORSエクスプローラーを使用...
ツールを試す »円と楕円の計算機 既知の測定値から円と楕円のすべてのプロパティを計算します。円モードでは、半径、直径、円周、または面積のいずれか1つの値を入力すると、他のすべての測定値が即座に取得され、任意の角度に対する扇形と円弧の計算も行われます。楕円モードでは、半長径と半短径を入力すると、面積、周長（ラマヌジャンの近似）、離心率、焦点距離などが得られます。両方のモードに、ラベル付き測定値を持つインタラクティブなキャンバス図が含まれています。 使用方法 タブを使用して、円モードと楕円モードを切り替えます。円の場合は、既知の値を入力すると、他のすべてのプロパティが自動計算されます。オプションで扇形角度を入力して、弧長と扇形面積を計算します。楕円の場合は、...
ツールを試す »割引＆マークアップ計算機 1つの汎用ツールで、マークアップ、マージン、割引、および価格設定を計算します。5つの計算モードは、すべての一般的な価格設定シナリオをカバーしています：原価からのマークアップ、利益率分析、元値からの割引、元値を見つけるための逆割引、および複数の連続した削減のためのスタック割引。バルク価格表、明確なマージン対マークアップの説明、および入力中のリアルタイム結果が含まれています。 使用方法 タブから計算モードを選択します。既知の2つの値を入力すると、計算機はすべての未知数を即座に解決します。マークアップモードでは、原価とマークアップ率を入力して販売価格を取得します。マージンモードでは、原価と販売価格を入力して...
ツールを試す »ランニングペース計算機 2つの既知の値から、ランニングペース、速度、距離、または時間を計算します。距離と終了時間を入力すると、キロメートルあたりのペースとマイルあたりのペースが計算されます。または、目標ペースを設定して、予想される終了時間を計算します。5Kから100Kのウルトラマラソンまでのレース距離プリセット、ネガティブスプリットをサポートするスプリット表、リーゲル式を使用した同等のレースタイム予測、およびペースに基づいたトレーニングゾーンの推奨が含まれています。 使用方法 距離、時間、ペース、または速度のいずれか2つの値を入力すると、計算機は残りを解きます。レース距離プリセットを使用して、5K、10K、ハーフマラソン、またはマラソンのような一般的な距離をすばやく読み込みます。...
ツールを試す »体脂肪率計算機 確立された2つの方法：米国海軍の周囲長法とBMIベースの式を使用して、体脂肪率を推定します。メートル法またはインペリアル単位で測定値を入力し、性別を選択すると、推定体脂肪率、BMI、脂肪量、除脂肪量、およびフィットネスカテゴリが取得されます。視覚的なスペクトラムバーは、必須脂肪から肥満までの体脂肪カテゴリのどこに位置するかを示します。 使用方法 性別（男性または女性）と単位システム（メートル法またはインペリアル）を選択します。米国海軍の方法については、身長、体重、ウエスト周囲径、首囲を入力します。女性はヒップ周囲径も入力します。BMI法については、身長、体重、年齢を入力します。...
ツールを試す »統計計算機 あらゆるデータセットの包括的な記述統計を計算します。数字のリストを貼り付けるか入力すると、平均、中央値、最頻値、標準偏差、分散、四分位数、歪度、尖度などが即座に取得されます。ヒストグラムの視覚化、度数分布表、5つの数値要約、および母集団と標本の計算を切り替えるオプションが含まれています。結果をCSVとしてエクスポートします。 使用方法 テキストエリアに数値を入力または貼り付けます。計算機は、コンマ、スペース、改行、セミコロン、タブなどの区切り文字を自動検出するため、スプレッドシートやCSVファイルから直接貼り付けることができます。母集団モードと標本モードを切り替えて、分散と標準偏差の計算を調整します。すべての統計情報はリアルタイムで更新されます。ヒストグラムを使用して...
ツールを試す »圧縮率計算機 元のファイルサイズと圧縮後のファイルサイズから、圧縮率、スペース節約率、サイズ削減率を計算します。任意の単位（B、KB、MB、GB、TB）でサイズを入力すると、圧縮率、バイトあたりのビット数、節約されたスペース、および実効スループットメトリックが即座に表示されます。使用方法 元のファイルサイズとその単位、次に圧縮後のファイルサイズとその単位を入力します。すべての圧縮メトリック（比率、スペース節約率、入力バイトあたりの節約ビット数、およびサイズ差）が即座に更新されます。機能 混合単位サポート – 元のサイズと圧縮後のサイズで異なる単位を使用できます 圧縮率 – X:1 の比率で表示 スペース節約 % – 元のサイズからの削減率 バイトあたりのビット数 …
ツールを試す »スコアボード ゲームを追跡する楽しい方法です。すべてのデータはブラウザに保存されます。さらに多くの機能がまもなく登場します！
価値ある無料ツールの提供を継続するためにご協力ください
