SVG ローディングスピナー生成器 ブラウザ内でクリアでアニメーションされたSVGローディングスピナーを直接作成し、プロジェクト用にコピー可能なマーカップを取得できます。7つの人気スピナースタイルから選択し、サイズ、ストローク、色、アニメーション速度を調整して、リアルタイムでライブプレビューが更新されます。インラインSVG、シンプルなHTML＋CSSスニペット、またはReact JSXコンポーネントとしてエクスポートできます。使用方法 スピナーのタイプを選択します — 円ストローク、ダブルリング、ドットリング、パルスドット、バウンスドット、バーローダー、またはリップル。サイズ、ストローク幅、主色、トラックおよび副色をブランドに合わせて調整します。アニメーション速度（秒単位）を設定してローダーのサイクル速度をコントロールします。...
ツールを試す »カメラの焦点距離（DoF）計算機 確実にシャープな写真を計画できます。この計算機は、正確な薄レンズ焦点距離の式を使用し、カメラセンサー、焦点長、開口、対象までの距離に基づき、ハイパーゴール距離、近距離および遠距離の焦点限界、および総焦点距離を計算します。推測や近似ではなく、数十年来のフォトグラファーが使用してきた同じ数学です。使い方：センサープリセット（フルフレーム、APS-C、マイクロフォース、1インチ、スマホ、中間フォーマット）を選択またはカスタムを選択し、センサーの幅と高さ（ミリメートル）を入力します。円の混雑値を確認します。プリセットから自動でセンサーの対角線を割った値で埋め込まれます...
ツールを試す »SVGノイズおよびテクスチャ生成器 ブラウザ内でSVG feTurbulenceフィルターを使用して、自然な粒状ノイズと渦巻きテクスチャを作成します。スライダーをドラッグし、シードを調整し、色調を選び、テクスチャがリアルタイムで更新されます。インラインSVG、CSS background-imageデータURI、または任意の形状に適用可能な再利用可能なSVGフィルターとしてエクスポートできます。使い方：ノイズタイプを選択 — フラクタルノイズは映画風の粒状、渦巻きは雲のようなスワール。ベース頻度を調整して粒のサイズを変更し、オクターブを調整して詳細の豊かさを変更します。シードを変更して異なるランダムパターンをスクロールします。タイルを繋ぐを切り替え、シームレスなタイル出力を作成します。モノクロまたはカラーモードを選択し、背景、...
ツールを試す »紙サイズ参照および変換器 任意の標準紙サイズをISO、ANSI、JISシステムで検索し、ミリメートル、センチメートル、インチ、ポイント、ピカ、ピクセル（任意の印刷またはスクリーンDPI）での寸法を確認します。カスタムモードを選択し、幅と高さをミリメートル、センチメートル、インチ、ポイント、ピクセルで入力し、最も正確なマッチを表示します。使い方：標準サイズを検索し、ドロップダウンから紙サイズを選択（シリーズ：ISO A/B/C、ANSI、JIS B、封筒、写真、ビジネスカードで分類）。または、カスタム寸法で最も近いマッチを検索し、幅と高さを入力します...
ツールを試す »写真撮影露出値（EV）計算機 ブラウザ内で露出の三角形を調整できます。アパレット、シャッタースピード、ISOのうち2つを選択し、計算機は3つ目の値を解決し、結果のEVを表示し、同じ露出のすべての組み合わせを並べます。標準的な「サンリ16」ルールに基づいた組み込みシーンリファレンスにより、現実世界の照明から始めることができます。使い方 解決したい項目を選択——アパレット、シャッタースピード、ISO、またはEVのみ。標準1/3ステップドロップダウンから既知の2つの設定を設定します。シーンプレセット（サンリ16、曇天、室内、月光など）を選択または手動でEV目標を入力します...
ツールを試す »ワードクラウドジェネレーター 任意のテキストブロックを貼り付け、すぐに頻度重み付きのワードクラウドに変換できます。大きな文字は頻度が高いもので、レイアウトを形状、色、回転でカスタマイズし、結果を高解像度のPNGまたはスケーラブルなSVGとしてダウンロードできます。使い方 テキストを入力ボックスに貼り付けまたは入力（録音、記事、レビュー、ノートなど、何でもOK）。形状（長方形、円、楕円）とキャンバスサイズを選択します。最大単語数、フォントサイズ範囲、回転スライダーを調整して、レイアウトが適切に見えるようにします。色パレットとフォントファミリーを選択し、必要に応じて背景色を調整します。フィルタリングオプションを使って...
ツールを試す »カラー・スワッチシートジェネレーター 色のリストを貼り付け、すぐにプリント可能なスワッチシートとしてプレビューできます。短いまたは長いヘキサデシマル、rgb()、rgba()、hsl()、hsla()、または「トマト」のような名前付き色を任意に混ぜて、高解像度のPNGまたはスケーラブルなSVGとしてダウンロードできます。使い方 カラーテキストエリアに1行1色を入力、または「例を試す」をクリックしてスターターパレットを読み込みます。列数、スワッチサイズ、ギャップ、シートパディングを調整して必要なレイアウトに合わせます。シートの背景色を選択し、ヘキサデシマルを表示するかどうかを切り替えます...
ツールを試す »統一色空間変換器 任意の一般的な色フォーマットに色を貼り付けて、9つの色空間を同時に並べて表示します。変換器はHEX、RGB、HSL、HSV/HSB、CMYK、CIE LAB、LCH、CIE XYZ、Oklab、およびCSS名色を自動検出し、すべての色空間をsRGBのガンマ補正と標準D65白点を使用して計算します。各値に対してリアルタイムのサンプルプレビューとワンクリックコピー機能を備え、デザイナー、開発者、印刷チーム、および正確な色計測が必要なすべての人に、自作の計算を避けながら迅速に活用できるツールとなります。使用方法 色値をタイプまたは貼り付けて「色値」フィールドに入力します。#464aff、rgb(70, 74、...
ツールを試す »画像をASCIIアートに変換する変換器 任意の写真、スクリーンショット、またはロゴをブラウザ内でASCIIアートに変換できます。画像をアップロードし、変換器がピクセルの各領域をサンプリングし、明るさを密度に一致する文字にマッピングし、モノスペーステキストに組み立てます。この結果はチャットウィンドウ、コードコメント、ターミナル、READMEファイル、または印刷可能なアートに貼り付けることができます。すべてがあなたのデバイス上でローカルに動作するため、画像はあなたのコンピュータから出 never します。使い方 画像をアップローダーにドロップするか、BrowseをクリックしてJPG、PNG、GIF、WebP、またはBMPのファイルを選択（最大10 MB）。幅スライダーを調整して、結果の幅を...
ツールを試す »マゼンジェネレーター（SVG） ブラウザ内でクリアでスケーラブルなSVG画像として、ランダムな完全なマゼンを生成します。古典的なカービングアルゴリズムを選択し、グリッドサイズを設定し、再現性のある出力のためにオプションでシードを固定し、結果をSVGまたはPNGとしてダウンロードできます。すべてのマゼンは実際のグラフ理論に基づいて構築されており、すべてのクリックが新しいパズルを生成します。使い方 アルゴリズムを選択：再帰バックトラッカー（長い、複雑な廊下）、プリム（自然で枝分かれ）、またはクルスカル（均一でバランスの取れた）。マゼンのサイズを列と行で設定します。大きなグリッドは目で解くのに時間がかかります。オプションでシード文字列を入力します。同じシードと設定を同じ条件下で繰り返すと、常に...
ツールを試す »QRコードリーダー/デコード機能：ブラウザ内で任意のQRコード画像をデコードできます。スクリーンショット、写真、または保存された画像をアップローダーにドロップし、ツールは埋め込まれたテキスト、URL、Wi-Fi認証情報、連絡先カード、またはその他のペイロードをすぐに返します。画像をどこかに送信せずに、即座に結果を取得できます。使用方法：アップロードエリアをクリックし、QRコードを含む画像を選択（PNG、JPG、WEBP、GIF、またはBMP）。デコードされたコンテンツは、数秒以内に結果ボックスに表示されます。検出タイプのバージョンを確認してください。このツールはURL、Wi-Fi設定、vCard/MeCard連絡先、mailto、tel、SMS、Geo座標、otpauthリンクを認識します。コピーまたは...
ツールを試す »画像プリントサイズ計算機 ピクセルサイズを物理的なプリントサイズに変換するか、または目標のプリントサイズに必要なピクセル解像度を逆算する場合があります。この計算機は、数学的な計算と品質評価表を組み合わせており、4×6の写真、A4プリント、または24×36のポスターに適した画像の鋭さを一目で確認できます。使い方 モードを選択してください：ピクセル → 印刷サイズ（画像がある場合で、その印刷サイズを知りたい場合）または印刷サイズ → 必要なピクセル（目標の印刷サイズがある場合で、必要なピクセルを知りたい場合）。そのモードに合わせて入力値を入力してください。モードAでは、画像の幅と高さを入力してください...
ツールを試す »Open Graph Social Card Image Generator デザインをピクセル正確に、Open Graph、Twitter Cards、LinkedIn、Facebookでの共有用の画像をブラウザ内で作成。タイトル、説明、サイト名を入力し、レイアウトとテーマを選択して、各プラットフォームが期待する正確なサイズでPNG、JPG、またはWebPをダウンロードできます。設計ツールやアップロードは不要です。使用方法 プレセット（Open Graph用1200×630、Twitter用1024×512）を選択またはカスタムの幅と高さを設定します。カードに表示したいタイトル、説明、サイト名を入力します。レイアウト（中央寄せ、左寄せ、またはトップバー強調）とテーマ（ライト、ダーク、ブランドカラー、またはグラデーション）を選択します。フォントファミリー、タイトルなど、テキストのスタイルを調整します...
ツールを試す »コードスクリーンショット生成ツール：任意のコードスニペットを美しい、共有可能なPNG画像に変換します。スイートテーマを選択し、グラデーション背景を設定し、macOSまたはWindowsのウインドウの装飾を追加して、Twitter、LinkedIn、ブログ、スライド資料、ドキュメントなどに適したスクリーンショットをダウンロードできます。すべてがブラウザ内でローカルに動作するため、コードはあなたのマシンに留まります。使い方：左側のエディタにコードを貼り付け、またはJavaScript、Python、SQLなどの例ボタンをクリックして初期スニペットを読み込むことができます。言語（または自動検出）と視覚的に合うスイートテーマを選択し、グラデーション背景とウインドウの装飾を調整してください...
ツールを試す »LaTeX式レンダラーを指定または、任意のLaTeX数学式を貼り付けて、ブラウザ内でクリーンで出版用の式として即座に表示できます。研究論文を執筆したり、コース資料を作成したり、SNSで数学を共有する際にも、LaTeX式レンダラーは複雑なソースマークアップを美しくフォーマットされた式に変換し、HTMLでコピーまたはSVGまたはPNGとしてダウンロードできます。TeXのインストールやアカウントの登録は必要ありません。レンダリングはブラウザ内でKaTeXを使用して行われ、Khan Academyや多くの学術出版機関が使用しているエンジンです。そのため、式はサーバーに送信されず、レンダリングが高速で、...
ツールを試す »Mermaid ダイアグラムレンダラー：mermaid.js のスクリプトを貼り付けて、リアルタイムでインタラクティブな図を表示・コピー・ダウンロードできます。フローチャート、シーケンス図、ギャンツチャート、ピエチャート、クラス図など、さまざまな図をサポートしています。すべてブラウザ上でクライアントサイドでレンダリングされ、サーバー、アカウント、インストールが不要です。Mermaidは「図としてのコード」という概念に適しています。図はプロジェクト内のテキストとして保存されますが、人間が実際に図を確認するにはレンダラーが必要です。このツールはそのギャップを埋めます。任意のMermaidスニペットを入力し、テーマを切り替え、結果をSVGまたはPNGとしてエクスポートできます。使用方法：Mermaidコードをエディタに貼り付けてください。または、フローチャート、シーケンス、...をクリックしてください。
ツールを試す »Base64画像プレビュー＆デコーダー ベース64形式の画像文字列を貼り付け、表示される画像を即座にプレビューできます。ファイルのマジックバイトから形式を自動検出します。デコードされた画像、ピクセルサイズ、およびデコードされたバイトサイズはすべてブラウザ上で計算されます。サーバーへのアップロードやAPIへの待機は不要です。オプションのdata: URIプレフィックスは自動的に削除され、JSONパラメータ、CSSの背景、メールのソース、または生成されたSDKの応答から得られた純粋なベース64文字列を貼り付けても動作します。使い方 ベース64文字列をコピーします。これは純粋なパラメータであったり、data:image/...;base64形式のURIプレフィックスを含んだものであっても問題ありません。どちらも受け入れられます。それを貼り付けます...
ツールを試す »ピクセルアートキャンバス & CSSエクスポート ピクセルアートの8ビットスタイルのスプライトをブラウザ内で直接描画し、純粋なCSSボックスシャドウアート、スケーラブルSVG、レターグラフィックPNG、またはポータブルJSONとしてエクスポートできます。キャンバスは8×8から64×64までスケーリング可能です。NES、ゲームボーイ、PICO-8、CGA、コモドレ64、スウィートティ16などのクラシックパレットが標準搭載されており、塗りつぶし、消しゴム、塗りつぶし、エイドロッパーなどのツールを提供し、無限の取り消しと再実行が可能です。使い方 グリッドサイズを8×8から64×6及まで選択してください。グリッドサイズが大きいほど詳細度は高まりますが、描画速度は遅くなります。プレセットパレットを選択するか、色選択器に任意の16進数カラーを入力してください。キャンバスのツールバーにある塗りつぶし、消しゴム、塗りつぶし、エイドロッパーのボタンをクリックしてください——
ツールを試す »画面サイズ比較計算機 2つの画面を真の物理サイズで並べて比較します。各ディスプレイの対角線サイズとピクセル解像度を入力し、即座に正確なスケールされた視覚、PPI（ピクセルあたりインチ）、ピクセルピッチ、視聴面積、アスペクト比および密度カテゴリを表示します。また、各メトリクスでの勝敗を簡潔な言葉でまとめます。モニタ、タブレット、スマートフォン、テレビを選びたい方にとって、広告の対角線だけではなく、2つの候補が実際にどう異なるかを知るためのツールです。使い方 スクリーンAにデバイスのプリセットを選択するか、幅、高さ、対角線を手動で入力します。スクリーンBについても同様に操作します。プリセットと手動入力の組み合わせも可能です。
ツールを試す »SVGパス可視化・編集ツール：SVGのd属性の内容を貼り付け、リアルタイムで表示できます。このツールは、各命令をそのパラメータと絶対終点に分解し、ベジェ補間のコントロールポイントハンドルをプレビューの上に描画し、絶対座標と相対座標の間のパスを設定可能な精度で再構成します。このツールは、ブラウザ内でSVGのd文字列を理解し、整理または手動で調整したいSVG作成者向けに構築されています。使い方：d属性の内容（または「例を試す」をクリック）を入力欄に貼り付けます。pathが作成されたキャンバスのサイズにviewBoxを調整します。デフォルトの0 0 200 200は、...
ツールを試す »スコアボード ゲームを追跡する楽しい方法です。すべてのデータはブラウザに保存されます。さらに多くの機能がまもなく登場します！
価値ある無料ツールの提供を継続するためにご協力ください
