広告が嫌いですか? 行く 広告なし 今日

発電機

タスクを簡素化するさまざまなオンライン ジェネレーターを見つけてください。これらのツールを使用すると、作業がより簡単かつ効率的になります。

tsconfig.json Generator

tsconfig.json Generator Build a valid tsconfig.json for TypeScript projects without memorising option names or hunting through release notes for what changed in the latest compiler. Pick a preset (Node ESM, Node CommonJS, React, Next.js, Library, or Strictest), tweak the strictness toggles, add any path aliases, and copy the generated JSON into the root of your project. TypeScript’s compiler config is a sharp surface: option names are case-sensitive, the list grows every release, and a misspelled or deprecated key may silently produce the wrong output instead of failing fast. A form-based generator that only emits the options you ticked is the fastest way to get a working config that matches your ...

ツールを試す »
データ開発者

Maze Generator (SVG)

Maze Generator (SVG) Generate random perfect mazes as crisp, scalable SVG images directly in your browser. Pick a classic carving algorithm, set the grid size, optionally fix a seed for reproducible output, and download the result as SVG or PNG. Every maze is built from real graph theory — not a stock template — so each click produces a fresh puzzle. How to Use Choose an algorithm: Recursive Backtracker (long, twisty corridors), Prim’s (organic and branchy), or Kruskal’s (uniform, balanced). Set the maze dimensions in columns and rows. Larger grids take longer to solve by eye. Optionally type a seed string. The same seed plus the same settings always produces ...

ツールを試す »
開発者画像

ICSカレンダーイベント生成ツール

ICS Calendar Event Generator Build a standards-compliant .ics calendar file in seconds, then download it or copy the raw iCalendar text. Fill in the event details, choose a timezone and an optional repeat rule, add a reminder, and you get a clean RFC 5545 file that imports cleanly into Apple Calendar, Google Calendar, Outlook, Fastmail, Thunderbird, Nextcloud, and any other client that speaks iCalendar. How to Use Enter the event title, optional description, and a location or meeting URL. Pick Timed or All-day. For timed events, fill in the start and end times. Choose a timezone. Use Floating for “whatever zone the calendar opens in”, UTC for absolute times, or ...

ツールを試す »
データ開発者

Open Graphソーシャルカード画像ジェネレーター

Open Graph Social Card Image Generator デザインをピクセル正確に、Open Graph、Twitter Cards、LinkedIn、Facebookでの共有用の画像をブラウザ内で作成。タイトル、説明、サイト名を入力し、レイアウトとテーマを選択して、各プラットフォームが期待する正確なサイズでPNG、JPG、またはWebPをダウンロードできます。設計ツールやアップロードは不要です。使用方法 プレセット（Open Graph用1200×630、Twitter用1024×512）を選択またはカスタムの幅と高さを設定します。カードに表示したいタイトル、説明、サイト名を入力します。レイアウト（中央寄せ、左寄せ、またはトップバー強調）とテーマ（ライト、ダーク、ブランドカラー、またはグラデーション）を選択します。フォントファミリー、タイトルなど、テキストのスタイルを調整します...

ツールを試す »
色開発者

グレードテキストCSSジェネレーター

Gradient Text CSS Generator 複数色のグラデーションによる魅力的なテキスト効果と、プロ向けCSSをワンクリックで生成。色を選択し、線形または径向のグラデーションを選択し、ライブプレビューを確認して、生成されたCSSクラスとHTMLスニペットをスタイルシートにコピーします。使用方法 プレビューしたいサンプルテキストを入力します。デザインに合わせたフォントサイズと重みを設定します。グラデーションタイプを選択します（線形（角度または名前付き方向）または径向（形状と位置））。2つ以上の色のポイントを選択し、位置を調整します。生成されたCSSクラスとHTMLスニペットをコピーします。特徴 ライブプレビュー – 色、角度などを調整しながら、実際のテキストに効果を確認できます...

ツールを試す »
色開発者

CSSニューモルフィズムジェネレーター

CSS Neumorphism Generator ソフトで立体的な「ネウモルフィック」UI要素を構築できます。2つの対照的なボックスシャドウを手で調整する必要がありません。ベースカラーを選択し、形状（フラット、concave、convex、またはpressed）を選び、距離、強度、ぼかし、光角度のスライダーをドラッグして、生成されたCSSをプロジェクトにコピーします。使用方法 バックグラウンドカラーを選択します。要素と周囲のキャンバスに同じ色を使用するため、ネウモルフィックが機能します。形状を選択：フラット、concave（わずかな凹み）、convex（わずかな凸出）、またはinset（押しこまれた）。距離と光角度を調整してシャドウの方向を設定します。強度とぼかしを調整して表面が自然に感じるようにします。CSSをコピーまたは...

ツールを試す »
色開発者

ECDSA / Ed25519鍵生成機

ECDSA / Ed25519 Key Generator Web Crypto APIを使用して、ブラウザ内で暗号的に安全な楕円曲線鍵ペアを生成します。Ed25519、ECDSA P-256、またはECDSA P-384を選択し、PEM（PKCS8/SPKI）、JWK、またはraw hex形式でエクスポートできます。JWT署名（ES256、EdDSA）、Signalスタイルのプロトコル、libsodiumとの互換性、または一般的な楕円曲線暗号（OpenSSH風ではない）に使用できます。使用方法 アルゴリズムを選択します：現代的な署名スキーム用にEd25519、ES256 JWT用にECDSA P-256、ES384 JWT用にECDSA P-384。出力フォーマットを選択します：OpenSSL/Node/Python用のPEM、jose/jsonwebtokenライブラリ用のJWK、低レベル使用用のRaw Hex。生成ボタンをクリックすると、鍵ペアがすぐに表示されます。各鍵をコピーまたはダウンロードします。JWKのThumbprint...

ツールを試す »
開発者安全

PKCEコードバリファイアおよびチャレンジ生成機

PKCE Code Verifier & Challenge Generator RFC 7636準拠のPKCE値をブラウザ内で生成します。バリデータの長さ（43〜128文字）を選択し、暗号的にランダムなcode_verifierと、SHA-256で生成されたcode_challenge（base64url形式）を生成します。OAuth 2.0またはOAuth 2.1の認可リクエストにそのまま使用できます。SPA、モバイルアプリ、ネイティブCLI、Auth0、Okta、Microsoft Entra、Google、GitHub、Keycloakなどのプロバイダーでの認可コード付きPKCEフローのデバッグに使用できます。使用方法 バリデータ長さのスライダーをドラッグします。43〜128の範囲内の値はすべて使用可能です。長い値はより高いエントロピーを提供します。チャレンジ方法を選択します。S256をそのまま選択してください。プロバイダーが明示的に要求しない限り...

ツールを試す »
開発者安全

コードスクリーンショット生成ツール

コードスクリーンショット生成ツール：任意のコードスニペットを美しい、共有可能なPNG画像に変換します。スイートテーマを選択し、グラデーション背景を設定し、macOSまたはWindowsのウインドウの装飾を追加して、Twitter、LinkedIn、ブログ、スライド資料、ドキュメントなどに適したスクリーンショットをダウンロードできます。すべてがブラウザ内でローカルに動作するため、コードはあなたのマシンに留まります。使い方：左側のエディタにコードを貼り付け、またはJavaScript、Python、SQLなどの例ボタンをクリックして初期スニペットを読み込むことができます。言語（または自動検出）と視覚的に合うスイートテーマを選択し、グラデーション背景とウインドウの装飾を調整してください...

ツールを試す »
開発者画像

Mermaid ダイアグラムレンダラー

Mermaid ダイアグラムレンダラー：mermaid.js のスクリプトを貼り付けて、リアルタイムでインタラクティブな図を表示・コピー・ダウンロードできます。フローチャート、シーケンス図、ギャンツチャート、ピエチャート、クラス図など、さまざまな図をサポートしています。すべてブラウザ上でクライアントサイドでレンダリングされ、サーバー、アカウント、インストールが不要です。Mermaidは「図としてのコード」という概念に適しています。図はプロジェクト内のテキストとして保存されますが、人間が実際に図を確認するにはレンダラーが必要です。このツールはそのギャップを埋めます。任意のMermaidスニペットを入力し、テーマを切り替え、結果をSVGまたはPNGとしてエクスポートできます。使用方法：Mermaidコードをエディタに貼り付けてください。または、フローチャート、シーケンス、...をクリックしてください。

ツールを試す »
開発者画像

NGINX サーバーブロックジェネレーター

NGINX サーバーブロックジェネレーター フォームから簡単な入力で即座に貼り付けることができる NGINX サーバーブロックを作成します。ポートを選択し、静的ファイルを提供するか、バックエンドにプロキシを設定するかを選択し、SSL、HTTP/2、gzip、およびHTTPからHTTPSへのリダイレクトを切り替えます。入力中に変更が行われると出力がリアルタイムで更新され、ほとんどのディストリビューションの/etc/nginx/sites-available/に直接貼り付けることができます。使い方 メインサーバー名（たとえば example.com）およびwww.example.comなどの追加エイリアスを入力します。リスニングポートを選択します — 通常はHTTP用の80です。SSLが有効になると、ポートは自動的に443 sslに置き換えられます。モードを選択します：静的ファイルモードではドキュメントルートとインデックスファイルのフィールドが表示され、リバースプロキシモードではアップストリームURLが表示されます。

ツールを試す »
開発者ネットワーキング

色のトーンとシェード生成器

色のトーンとシャドウ生成器 ヘキサデシマルまたはRGB色を選択し、すぐに10つのトーン（白に混ぜた色）と10つのシャドウ（黒に混ぜた色）を視覚的に表示します。どのスワッチをクリックしてもそのヘキサデシマルコードをコピーできます。また、CSSカスタムプロパティ、SCSS変数、JSON、またはシンプルなヘキサデシマルリストとしてすべてのセットをエクスポートできます。使い方 ヘキサデシマル色選択器からベース色を選択するか、またはヘキサフィールドに3桁または6桁のヘキサデシマル値を貼り付けます。オプション：変数名（エクスポートされたCSS/SCSS/JSONのキー）を変更できます。ミックス方法を選択します。OKLCHは最も滑らかなグラデーションを提供し、HSLはウェブの古典的なアプローチであり、RGBは最もシンプルです。

ツールを試す »
色開発者

package.json 生成ツール

package.jsonジェネレーター フォームから構造化されたデータを入力し、すべてのフィールドを暗記せずに有効なpackage.jsonを作成します。パッケージ名、バージョン、ライセンス、モジュールシステム（ESMまたはCommonJS）、Nodeエンジン、スクリプト、および依存関係を設定し、ツールはクリーンで適切に並べられたマニフェストを生成し、プロジェクトに直接投入できます。フォーマッターが既存のファイルを再配置するのに対し、このジェネレーターはマニフェストを完全にゼロから構築し、空のフィールドをスキップすることで、最小限の公開可能なファイルを生成し、npm initでnpmが使用する規約に従っています。使用方法：パッケージ名、バージョン、および（オプション）説明や著者を入力します。ライセンスを選択し、モジュールシステムとしてESモジュールまたはCommonJSを選択します。...

ツールを試す »
データ開発者

偽IPアドレス生成器

偽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ジェネレーター 数秒でプロダクション用のDockerfileを作成します。Node.js、Python、Go、OpenJDK、Ruby、PHP、Rust、.NET、Nginx、Alpine、Ubuntu、またはDebianなどのスタックを選択し、ベースイメージ、環境変数、依存ファイル、インストールコマンド、公開ポート、および実行ユーザーのための適切なデフォルト値を設定します。任意のフィールドを調整すると、Dockerfileはベストプラクティスのレイヤ順序に従って即座に更新されます。使用方法：スタックドロップダウンからスタックを選択します。イメージ名、タグ、環境変数、依存ファイル、およびCMDは、実証済みのデフォルト値で事前に埋め込まれています。イメージタグ、WORKDIR、ビルドARG、および実行環境変数を調整してプロジェクトに合わせます。必要なシステムパッケージを1行ずつリストアップします。...

ツールを試す »
開発者

Tailwind CSS カラー スケール 生成ツール

Tailwind CSS カラー スケール 生成ツール ファンクションを1つの16進数カラー値に貼り付け、直ちにパーセプトーラルに均等なステップを持つTailwindスタイルの50から950までのパレットを取得できます。スケールはOKLCHカラースペースで構成されており、人間の目には均等な明るさのジャンプを実現し、RGBやHSLの線形減少とは異なります。結果をtailwind.config.jsにそのままコピー、CSSカスタムプロパティやSCSS変数として挿入、または設計トークンパイプラインにJSONとしてエクスポートできます。使い方 ファンクションをカラーピッカーで選択、または#464affのような16進数値を貼り付けます。パレットに名前を付けてください（例：primary、brand、など）...

ツールを試す »
色開発者

ピクセルアートキャンバス＆CSSエクスポート

ピクセルアートキャンバス & CSSエクスポート ピクセルアートの8ビットスタイルのスプライトをブラウザ内で直接描画し、純粋なCSSボックスシャドウアート、スケーラブルSVG、レターグラフィックPNG、またはポータブルJSONとしてエクスポートできます。キャンバスは8×8から64×64までスケーリング可能です。NES、ゲームボーイ、PICO-8、CGA、コモドレ64、スウィートティ16などのクラシックパレットが標準搭載されており、塗りつぶし、消しゴム、塗りつぶし、エイドロッパーなどのツールを提供し、無限の取り消しと再実行が可能です。使い方 グリッドサイズを8×8から64×6及まで選択してください。グリッドサイズが大きいほど詳細度は高まりますが、描画速度は遅くなります。プレセットパレットを選択するか、色選択器に任意の16進数カラーを入力してください。キャンバスのツールバーにある塗りつぶし、消しゴム、塗りつぶし、エイドロッパーのボタンをクリックしてください——

ツールを試す »
色開発者

Git ユニファイド ダイフ & パッチ 生成ツール

Git ユニファイド ダイフ & パッチ 生成ツール 原始コードと変更後のコードを貼り付けると、即座に有効なユニファイド ダイフを .patch 形式で生成します。出力は正しいハングヘッダー（@@ -L,N +L,N @@）を使用しており、git apply または標準の patch ツールでスムーズに適用できるようになっています。手動修正は不要です。使い方 原始コードを「オリジナル」テキストエリアに貼り付けます。変更後のコードを「変更」テキストエリアに貼り付けます。必要に応じて「オリジナルファイル名」と「変更ファイル名」を調整して、--- および +++ ヘッダーに使用するファイル名を設定します。コンテキスト行のスライダーを動かして、各変更の周囲に含まれる未変更行の数（0～10）を調整します。ユニファイド ダイフをコピーまたはダウンロードできます。

ツールを試す »
開発者文章

.editorconfig 生成器

.editorconfig Generator プロジェクトに適した、仕様に準拠した .editorconfig ファイルを作成します。プロパティ名を覚える必要もなく、値を確認する必要がありません。言語に合わせたテンプレートを選択し、グローバルデフォルト値を調整し、言語ごとのオーバーライドをいくつか切り替え、結果をリポジトリのルートにそのままコピーします。EditorConfig ファイルは、すべてのエディタおよびIDEでインデントスタイル、行終端、文字セット、および末尾の空白のルールを一貫性を持たせます。誤ったプロパティ名や許容範囲外の値は無視され、サポートされているキーのみを出力するジェネレータは、開発者間の静かなズレを回避する最も安全な方法です。使い方 メイン言語（JavaScript/TypeScriptなど）に合ったクイックテンプレートを選択します。

ツールを試す »
開発者文章

DNA / RNA シーケンス生成ツール

DNA / RNA シーケンス生成器 ランダムなDNAおよびRNAシーケンスを生成し、正確なGC含有率を指定して、一括でFASTAファイルに変換できます。また、ブラウザ内でシーケンスの両端を変換することも可能です。学生、生物情報学の実験者、および迅速なテストデータが必要な開発者向けに構築されています。テキストベースのAIアシスタントが信頼できるように提供できない統計的制御付きのデータを提供します。使用方法 オペレーションを選択してください — ランダムなDNAまたはRNAを生成、または既存のシーケンスを変換（補遺、逆補遺、転写、または逆転写）します。生成の場合は、シーケンスの長さ、ターゲットGC含有率スライダー、および出力するシーケンンスの数を設定します。必要に応じて、非特異的な位置を含むIUPACの曖昧性コードをトグルします。変換の場合は、入力シーケンスを貼り付けます — FASTAヘッダー、空白、...

ツールを試す »
データ開発者
広告なしで楽しみたいですか? 今すぐ広告なしで

拡張機能をインストールする

お気に入りのブラウザにIOツールを追加して、すぐにアクセスし、検索を高速化します。

に追加 Chrome拡張機能 に追加 エッジ拡張 に追加 Firefox 拡張機能 に追加 Opera 拡張機能

恵 スコアボードが到着しました！

スコアボード ゲームを追跡する楽しい方法です。すべてのデータはブラウザに保存されます。さらに多くの機能がまもなく登場します！

必見ツール

すべて表示
背景除去
AI画像エディタ
AI画像ジェネレーター
イメージキット
PDF 圧縮ツール
画像コンバーター
ワンタイムリンク

新着

すべて表示
NPV & IRR Calculator
CSS Custom Property Extractor
Image to ASCII Art Converter
Textile & Yarn Converter
Maze Generator (SVG)
Network Speed Unit Converter
JavaScript Code Formatter

アップデート： 私たちの 最新ツール was added on 5月 21, 2026

ニュースコーナー 技術ハイライト付き

参加する

価値ある無料ツールの提供を継続するためにご協力ください

コーヒーを買って