JA
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
ホーム お気に入り

開発者

JSON、Base64、正規表現、ハッシュ、色、CSSなどの開発ツール。

サイト用の完成ブロック 50CSSとデザイン 52SEOと公開 24整形と変換 39コード、ハッシュ、ネットワーク 38テスト用データ 1

サイト用の完成ブロック 50

サイト用配達エリア確認（地区と配送料の検索）デリバリー、ピザ店、スーパー、お店のサイトに、お客様が地区名を入力するとすぐに配達の可否、配送料、所要時間が分かる入力欄を設置します。使う →
サイト用お知らせバー（上部のバナー）セール、送料無料、祝日の営業時間、新着情報を知らせる、サイト上部のお知らせバーを作成します。テキスト、リンク、色、選択を記憶する閉じるボタン、指定した日付までだけ表示するオプションが付いています。使う →
サイト用ステップバー（HTMLとCSSのステッパー）チェックアウト、複数ページの登録、注文状況の確認、利用の流れに使えるステップバー（ステッパー）を作成します。番号付きのステップ、強調された現在のステップ、チェック付きの完了ステップを、横向きまたは縦向きで。aria-current付きのセマンティックなHTMLと、純粋なCSS、ブランドカラーに対応。使う →
ネットショップ用の送料無料バーネットショップのカート用に、「送料無料まであと¥3,000」と表示する進捗バーを作成します。最低金額、達成前と達成後のメッセージ、色、カートの合計で更新する関数を設定できます。純粋なHTML、CSS、JavaScriptで、円に対応。使う →
読み進み度バー記事をどこまで読んだかを示す、ページ上部の細いバーを作成します。CSSのスクロール連動アニメーション（scroll-driven animations）で作られ、未対応のブラウザ用に予備のスクリプトも付きます。色、高さ、位置を選べます。使う →
サイト用ダークモードボタンサイトのライトテーマとダークテーマを切り替えるボタンを作成します。初期設定ではシステムのテーマに従い、ユーザーの選択を記憶し、読み込み時に誤ったテーマがちらつくことがなく、CSS変数とcolor-schemeですべての色を一度に切り替えます。使う →
トップに戻るボタンサイト用の、ページ上部に戻るフローティングボタンを作成します。スクロール後に表示され、位置、色、サイズ、形を選べます。動きを減らす設定に対応したスムーズスクロールと、ページの先頭へのフォーカス移動付きです。使う →
サイト用シェアボタンサイトやブログ用のシェアボタンを作成します。WhatsApp、Facebook、X、LinkedIn、Telegram、Pinterest、メール、リンクのコピーに対応し、スマートフォン標準の共有メニューも使えます。公式のリンクのみで、外部スクリプトもトラッキングもありません。使う →
CSSのアラートボックス（情報・成功・注意・エラー）サイトやブログ用の通知ボックスを作成：情報、成功、注意、エラー、ヒント。アイコン、タイトル、本文、任意の閉じるボタン付き。スタイルと色を選び、プレビューを見て、アクセシブルでライブラリ不要のHTMLとCSSをコピーできます。使う →
デジタル名刺（連絡先保存ボタン付きのページ）デジタル名刺を作成します。写真、名前、役職、会社と、WhatsApp、電話、メール、Instagram、サイト、住所のボタンがある軽量なページで、連絡先を保存するボタンからスマホのアドレス帳に vCard をダウンロードできます。公開用の HTML をダウンロードし、印刷用の QR コードも作れます。使う →
HTML と CSS の強調引用（blockquote）サイトやブログ用の強調引用を作成します。お客さまの声、インタビューの抜粋、本文の途中の見出しとして、大きな引用符、著者、肩書き付きで、5つのスタイルとブランドカラーに対応。blockquote と figcaption を使ったセマンティックな HTML と軽い CSS で、そのまま貼り付けられます。使う →
サイト用カウントダウンサイト、ランディングページ、ショップに貼り付けるカウントダウンのコードを作成します。セール、発売、イベントの日時までの日・時間・分・秒を、正しいタイムゾーン、色、終了時のメッセージ付きで表示します。使う →
サイト用割引クーポンボックス（ワンクリックでコピー）サイトやネットショップ用のクーポンボックスを作ります。目立つコード、ワンクリックでコピーして「コピーしました！」と知らせるボタン、割引の説明、期限後に自動で非表示になる有効期限、切り取り線付きチケット風のデザイン。素の HTML、CSS、JavaScript です。使う →
サイト用お客様の声セクション（HTML と CSS）サイトにお客様の声のセクションを作ります。名前、都市または肩書き、写真またはイニシャル、星の評価、本文を、グリッドまたはスクロールするカルーセルで、ブランドカラーに合わせて表示。素の HTML と CSS のコードで、ライブラリは不要です。使う →
CSS評価スター（小数点の評価）4.3や3.7のような小数の評価を、星の正確な割合だけ塗りつぶして表示する評価スターを生成します。1つの変数だけの純粋なCSSで、サイズ、色、星の数、横に表示する数値、お客様が投票できるクリック版にも対応。使う →
サイト用コールトゥアクション（CTA）バナーサイトのページの締めくくりに置くCTAバナーを生成します。見出し、短い文、メインとサブのボタン（WhatsAppや電話など）、背景は単色、グラデーション、暗くした写真から選べ、中央寄せまたはボタンを横に配置。レスポンシブなHTMLとCSS。使う →
無限ロゴストリップ（CSSマーキー）顧客、パートナー、取り扱いブランドのロゴや短いフレーズが止まらずに流れる帯を、純粋なCSSで生成します。速度、向き、間隔、マウスオーバーで一時停止、端がフェードする効果、動きを減らす設定の人向けの停止にも対応。使う →
サイト用お問い合わせフォーム（サーバー不要）サーバーをプログラミングしなくても、静的サイトのお問い合わせフォームからメールで受信できるようにします。FormSubmit、Formspree、Netlify Formsに対応し、項目の選択、スパム対策、サンクスページ、入力チェック、アクセシブルなスタイルを備えています。使う →
サイト用フォトギャラリー（拡大表示付き）サイト用のレスポンシブなフォトギャラリーのコードを作成します。タップで拡大（ライトボックス）、HTMLのdialog要素を使用し、矢印、キーボード操作、キャプション、遅延読み込みに対応。ライブラリは不要です。写真のアドレスを貼り付けてコピーしてください。使う →
CSSのメイソンリーギャラリー（Pinterest風）Pinterestのような、高さの異なるブロックのギャラリーを、純粋なCSSで生成します。隙間なく並ぶ列、画面ごとの列数、間隔、角、キャプションに対応。すべてのブラウザではCSS columnsを使い、対応しているブラウザでは新しいdisplay: grid-lanesを使います。使う →
アクセシブルなタブのジェネレーターWAI-ARIAのアクセシビリティ標準に沿った、サイト用のタブコンポーネントのコードを生成します。role tablist、tab、tabpanel、矢印キー、Home、End、色、下線スタイルまたはピル型スタイルに対応。ライブラリなしのHTML、CSS、JavaScriptです。使う →
パンくずリストジェネレーター（スキーマ付き）サイトのページ用のパンくずリスト（ナビゲーションの経路）を生成します。navとaria-currentを使ったアクセシブルなHTML、区切り文字と色の選択、Googleが検索結果に経路を表示するために使うJSON-LD BreadcrumbListが含まれます。使う →
CSSカードジェネレーター（サービスセクション）サービス、メリット、商品などのカードセクションをサイト用に生成します。カードごとにタイトル、テキスト、アイコンまたは画像を設定でき、自動で調整されるレスポンシブなグリッド、影、角、ホバー効果に対応。HTMLとCSSがそのまま使えます。使う →
CSS scroll-snapによるカルーセル（スライダー）ジェネレーターCSS scroll-snapで、サイト用の写真やカードのカルーセルを生成します。スマートフォンでは指でスワイプ、パソコンでは矢印、一度に表示する数と間隔を設定でき、ライブラリ不要でスクロールも固まりません。使う →
サイト用FAQジェネレーター（アコーディオン＋スキーマ）サイトのよくある質問のセクションを作成します。detailsとsummaryによるHTMLだけのアコーディオン、すぐ使えるスタイル、Google向けのJSON-LD FAQPageが、1つのコードにまとまっています。使う →
タイムライン／ステップ表示ジェネレーター（CSS）サイト用のタイムラインやステップ表示（「ご利用の流れ」）セクションを生成：番号付きまたは日付付きの段階、縦または横、色とマーカー、順序付きリストを使ったセマンティックHTMLとレスポンシブCSS。使う →
モーダル（ポップアップウィンドウ）ジェネレーター（dialog使用）HTML標準のdialog要素を使って、サイト用のモーダルウィンドウのコードを生成：タイトル、テキスト、ボタン、Escキーや外側のクリックで閉じる、ウィンドウ内にフォーカスを固定、なめらかな表示アニメーション。ライブラリ不要。使う →
404ページジェネレーターブランドカラーのサイト用404エラーページ（ページが見つかりません）を作成：親しみやすいメッセージ、トップページへのボタン、任意の検索欄、便利なリンク。軽量で依存関係のない404.htmlをダウンロードできます。使う →
HTMLとCSSのページネーションジェネレーターブログ、ショップ、検索結果リストのページネーションを作成：前へと次へ、省略記号付きの番号、現在のページの強調、3つのスタイル、ブランドカラー。nav、aria-label、aria-currentを使ったHTML、Googleがたどれる本物のリンク、44pxのタップ領域付き。使う →
ヒーローセクション（ページ上部）ジェネレータートップページやランディングページの冒頭（ヒーロー）セクションを作成：タイトル、サブタイトル、メインとサブのボタン、背景画像または横に置く画像、テキストを読みやすくするオーバーレイ。レスポンシブなHTMLとCSSで、画像は読み込みに最適化されています。使う →
スケルトンローディングジェネレーター（CSS）コンテンツの読み込み中に表示されるスケルトンスクリーンを生成：カード、リスト、プロフィール、テキストのテンプレート、色、角丸、アニメーションの光沢。aria-busyと動きの軽減に対応した純粋なCSSです。使う →
ブログ記事の目次ジェネレーター記事のHTMLを貼り付けると、各セクションへのリンク付き目次が作成されます。h2とh3の見出しを読み取り、足りないidは見出しの文字から自動で作成して、目次とidを付けた記事を出力します。番号付け、開閉ブロック、スムーズスクロールにも対応しています。使う →
レスポンシブiframe（YouTube、Googleマップなど）YouTube、Googleマップ、Vimeo、Instagram、Spotify、Canva、その他のサイトの埋め込みコード（iframe）またはアドレスだけを貼り付けると、スマートフォンに合わせて調整されるiframeが得られます。aspect-ratio、lazy読み込み、アクセシビリティ用のtitle、全画面表示付きです。使う →
アイコン付きメリットリスト（チェック）HTML・CSS普通のリストを、チェック、矢印、星、ハートのアイコン付きのメリットリストに変換します。1列または2列、ブランドカラーに対応。アイコンはCSSで表示するので画像もライブラリも不要で、リストはGoogleやスクリーンリーダーにとって本物のulのままです。使う →
サイト用Googleマップ住所からサイトに埋め込むGoogleマップのコードを生成します。APIキーは不要。ズーム、地図の種類、サイズを選び、プレビューを確認して、レスポンシブなiframeと経路リンクをコピーできます。使う →
レスポンシブメニュー生成サイト用のレスポンシブなナビゲーションメニューのコードを生成します。パソコンではリンクを横並びに、スマホではハンバーガーボタンに。アクセシブル（aria-expanded、Escキー、フォーカス）でライブラリ不要。HTML、CSS、JavaScriptをコピーできます。使う →
サイト用のアニメーション数字（カウンター）画面に表示されたときに0から値までカウントアップする数字のセクションを生成します。「+500社の導入実績」や「創業15年」のような表示向けで、接頭辞、接尾辞、数値の書式、時間、色を指定でき、IntersectionObserverを使い、動きを減らす設定にも対応しています。使う →
プロフィール用リンクページInstagramやTikTokのプロフィール用に、自分だけのリンクページ(Linktreeのようなもの)を作れます。写真、名前、説明文、メッセージアプリ・サイト・メニュー・SNSのボタンを、色やテーマ付きで設定できます。HTMLファイル1つをダウンロードして、好きな場所で公開できます。使う →
サンクスページ作成(フォーム送信後・購入後)お客様がフォームを送信したり、見積もりを依頼したり、購入したりした後に表示されるサンクスページを作成します。分かりやすい確認メッセージ、返信までの目安、次のステップ、InstagramやWhatsAppへの案内付き。noindex付きの軽量HTMLで、ブランドカラーに対応し、そのまま公開できます。使う →
工事中・メンテナンス中ページ作成サイトの準備中(近日公開)ページやメンテナンス中ページを、ブランドカラーで作成できます。タイトル、メッセージ、任意のカウントダウン、WhatsApp・Instagram・メールのボタンに対応。依存ファイルのない軽量なindex.htmlをダウンロードでき、それぞれの場合に合ったGoogle向けの設定が入っています。使う →
サイト用ポップアップ(お知らせ・クーポン・ニュースレター)訪問者を邪魔せず、SEOにも悪影響を与えないサイト用ポップアップを作成します。数秒後、スクロール時、またはマウスが出ていくときに表示され、日数の間隔を空けて繰り返さず、スマートフォンでは画面下部の帯になり、Escキーや外側のクリックで閉じます。dialogを使った、純粋なHTML、CSS、JavaScriptです。使う →
「ご利用の流れ」ステップ表示セクション（HTML・CSS）サイトのステップ紹介セクション（ご利用の流れ、お申し込み方法、注文方法）を作成します。タイトルと説明付きの番号付きステップを、番号を線でつないだ横並びまたは縦並びで、ブランドカラーに合わせ、アクセシブルな順序付きリストでレスポンシブに表示します。使う →
サイト用チーム紹介セクション（HTML・CSS）サイトの「私たちのチーム」セクションを作成します。写真（またはイニシャル）、名前、役職、ひとこと、各人のInstagram、LinkedIn、WhatsAppへのリンクを、カードまたは円形で、レスポンシブかつブランドカラーで表示します。使う →
サイト用GoogleクチコミバッジGoogleに寄せられた事業のクチコミ評価と件数を表示するバッジを作成します。星、評価、クチコミの合計数、クチコミページと投稿ページへのリンク付き。軽量なHTMLとCSSで、外部スクリプトも月額料金も不要です。使う →
サイト用ビフォーアフタースライダーサイトに置くビフォーアフターの比較ツールを作成します。2枚の写真を重ね、指やマウスでドラッグできる分割線、ラベル、初期位置、色を設定できます。input rangeで作られているため、キーボードやスクリーンリーダーでも使えます。使う →
サイト用比較表サイト用の比較表（プラン、商品、サービス、競合）を作成します。列、はい／いいえまたはテキストの行、強調列、固定ヘッダー、スマートフォンでの横スクロールに対応し、アクセシブルなHTMLの表で出力します。使う →
衣料品店向けサイズ表（サイト用HTML）衣料品店の商品ページ用のサイズ表（サイズガイド）を作成します。サイズを列または行に、寸法をセンチメートルで、採寸方法の説明と、表をウィンドウで開くボタンを備えます。アクセシブルでレスポンシブ、依存ライブラリなしのHTMLです。使う →
サイト用料金表（HTMLとCSSのプラン）サイトのプランと料金のセクションを作成します。2〜4つのプランに、名前、価格、期間、含まれる項目と含まれない項目のリスト、ボタン、強調プランを設定でき、月額と年額の切り替えも付きます。レスポンシブなHTMLとCSSで、ブランドカラーに合わせます。使う →
サイト用の背景動画（HTML5）HTML5のvideoタグで、サイト上部の背景動画のコードを生成します：スマートフォンで動く自動再生（muted と playsinline）、ループ、カバー画像、文字用の暗いレイヤー、動きを減らしたい人向けの一時停止つき。使う →
サイト用の軽量YouTube動画ページを重くせずにYouTube動画をサイトに載せるコードを生成します。再生ボタン付きのサムネイルだけを表示し、クリックされたときにYouTubeプレーヤーをCookieなしモードで読み込みます。動画のリンクを貼り付けてコピーするだけです。使う →

CSSとデザイン 52

スクロール時のアニメーション（CSSのスクロールリビール）ページをスクロールすると要素が現れるエフェクト（スクロールリビール）を、animation-timeline: view() を使った純粋なCSSで生成します。フェードイン、せり上がり、横からのスライド、拡大、ぼかし解除から選べ、距離やスクロールの範囲も調整可能です。未対応のブラウザでも何も隠れません。使う →
可変フォント用 clamp() 計算機画面幅に合わせて拡大するテキストや余白のCSS clamp() を計算します。スマホとパソコンでのサイズと画面幅を入力すると、rem単位の値とプレビュー、ズームのアクセシビリティ警告付きでコピーできます。使う →
Google Fontsのフォントの組み合わせサイトの見出しと本文に使うGoogle Fontsの組み合わせを試せます。用意されたペアから選ぶか自分で組み合わせ、自分のテキストでプレビューして、読み込み用リンクとCSSをコピーできます。使う →
色のコントラストチェッカー（WCAG）文字色が背景色に対して十分なコントラストを持っているかを、アクセシビリティ基準のWCAG AAとAAAでライブプレビュー付きで確認します。使う →
カラー変換色をHEX、RGB、HSL、CMYKの間で変換し、明るい色調と暗い色調も表示します。使う →
HEX色をTailwindのクラスに変換お手持ちのHEXまたはRGBの色に最も近い、Tailwind CSS（v3）標準パレットの色を、知覚距離と近い順の5候補付きで調べます。角括弧構文で正確な値を使うこともできます。使う →
モダンなCSSリセット（ジェネレーター）必要な項目にチェックを入れて、プロジェクト用のCSSリセットを作ります。box-sizing border-box、マージンのゼロ化、レスポンシブ画像、フォームのフォント継承、長い単語の折り返し、安全なスムーズスクロール、モーション低減に対応。各ルールに説明が付きます。使う →
CSS反転（LTR→RTL）左から右（LTR）のCSSを、アラビア語・ヘブライ語・ペルシャ語サイト向けの右から左（RTL）のCSSに変換します。逆変換も可能です。使う →
ライブプレビュー付きオンラインHTMLエディタHTML・CSS・JavaScriptを書いてすぐに結果を確認。コンソール、スマホ表示、完成ページのダウンロードに対応。使う →
サイト用タイプライター効果（文字が打たれるテキスト）サイトの見出し用に、文字が打たれていく効果を作ります。複数のフレーズが順に打たれては消え（「パン屋、美容室、整備工場向けのサイトを作ります…」）、点滅するカーソル、速度、一時停止、繰り返しにも対応。純粋なHTML、CSS、JavaScriptでアクセシブルです。使う →
タイポグラフィスケールと可変フォント（clamp）基準サイズと比率（長3度、完全4度、黄金比）から、サイトのフォントサイズのスケールを生成します。スマホからPCまで拡大するclamp()の可変版も用意。プレビューを見て、CSS変数をコピーできます。使う →
文字のファビコンロゴなしでも、ブランドのイニシャルでファビコンを作れます。文字、フォント、色、形（円、角丸の四角、四角）を選んで、favicon.ico、PNG、サイト用のコードをダウンロードできます。使う →
CSSのコーナーリボンとバッジ（ribbon と badge）カードや写真の角に付ける斜めのリボン（「新着」「ベストセラー」「セール」）と、丸型やラベル型のバッジを、純粋なCSSで生成します。テキスト、色、角、サイズ、スタイルを選べ、カード上のプレビュー付き。使う →
CSS登場アニメーションジェネレーターサイトの要素の登場アニメーション（フェードイン、上昇、拡大、スライド、ぼかし）を作成します。イージング、長さ、遅延を調整でき、順番にずらす効果とスクロール時の発動にも対応。CSSとJavaScriptがそのまま使えます。使う →
SVGブロブジェネレーター（有機的な形）背景、写真のフレーム、サイトの装飾に使える有機的な形（ブロブ）をSVGで生成します。複雑さと不規則さを調整し、単色またはグラデーションを選んで、SVGをダウンロードできます。使う →
グラデーション枠ジェネレーター（CSS）カード、ボタン、写真用のグラデーション枠をCSSで生成します。色、角度、太さ、角丸（border-imageでは効かない部分）に対応し、回転するアニメーション枠と透明な背景のオプションもあります。使う →
CSS border-radiusジェネレーターライブプレビュー付きで、CSSの角丸を作ります。各角を調整したり、4つの角をまとめて操作したり、border-radiusの8つの値で有機的な形（ブロブ）も作れます。使う →
CSSボタンジェネレーターサイト用のCSSボタンを視覚的に作成します。色、テキスト、サイズ、角、枠、影、ホバーとクリックの効果を設定でき、すぐ使えるスタイル（塗りつぶし、アウトライン、グラデーション、ピル型）と、コピーできるCSSとHTMLのコードがあります。使う →
CSS clip-pathジェネレーターCSSのclip-pathで、画像や要素を図形に切り抜きます。三角形、ひし形、六角形、星、矢印、吹き出し、円、角を切った形に対応。プレビュー上で点をドラッグして調整し、コードをコピーできます。使う →
CSS GridジェネレーターCSS Gridのレイアウトを視覚的に作ります。列と行の数、サイズ（fr、px、auto）、間隔、auto-fitとminmaxによるレスポンシブな列に対応。プレビューを見ながら、CSSとHTMLをコピーできます。使う →
cubic-bezierジェネレーター（CSSイージング）コントロールポイントをドラッグして、cubic-bezierのアニメーション曲線を描きます。ease、ease-in-outなどの用意された曲線と比較し、トランジションのCSSをコピーできます。使う →
カスタムカーソルジェネレーター（CSS）画像、記号、色付きの円から、サイト用のカスタムマウスカーソルを作成します。サイズ、クリック位置（ホットスポット）、リンク用のカーソル、代替カーソル付きのCSSに対応。画像は、そのまま貼り付けられるdata URIになります。使う →
ファビコンジェネレーター画像から、favicon.icoと、サイト、iPhone、Android用のアイコンを作成します。使う →
画像用CSSフィルター（filter）ジェネレーター画像の明るさ、コントラスト、彩度、グレースケール、セピア、色相、ぼかし、反転、影を調整して、CSSのfilterプロパティをそのままコピーできます。用意されたフィルター（白黒、ビンテージ、寒色、暖色、色あせ）や、マウスを重ねたときだけ適用するオプションもあります。使う →
CSS flexboxジェネレーターオプションをクリックして、CSS flexboxのレイアウトを作ります。方向、配置、揃え、折り返し、項目の間隔に対応し、ライブプレビューとコピーできるCSSが付きます。各プロパティの働きを学ぶのにも便利です。使う →
@font-faceジェネレーターサイトで独自フォントを使うためのCSSの@font-faceを生成します。ファイル（WOFF2、WOFF、TTF、OTF）を選ぶと、ツールが各ファイルの名前、太さ、スタイルを読み取り、font-display swapとpreloadタグ付きのルールを作って、実際のフォントでプレビューを表示します。使う →
グラスモーフィズムジェネレーター（すりガラス）CSSですりガラス効果（グラスモーフィズム）を作成：背景のぼかし、透明度、色、枠線、影を調整し、写真やグラデーション上でプレビュー。backdrop-filter付きのコードをそのまま取得できます。使う →
CSSグラデーションジェネレーター複数の色を使った線形・放射状グラデーションを作成し、CSSをそのままコピーできます。使う →
プレースホルダー画像ジェネレーター好きなサイズ、背景色、テキスト、PNG・JPG・WEBP・SVG形式でサンプル（プレースホルダー）画像を作成します。レイアウトやプロトタイプに使えます。使う →
レスポンシブ画像ジェネレーター（srcsetとsizes）写真をアップロードすると、適切な幅のバージョン（WebP、AVIF、JPG）を.zipで受け取れます。srcsetとsizes付きの<img>コードまたは<picture>、レイアウトのずれを防ぐwidthとheight、用途に合ったloading/fetchpriorityも付きます。使う →
CSSローダージェネレーター（読み込み中）純粋なCSSの読み込み中インジケーター（リング、ドット、バー、パルス、プログレスバー）を選び、色、サイズ、速度を調整して、画像やライブラリなしでHTMLとCSSをコピーできます。使う →
イメージマップジェネレーター（クリック可能な領域）画像の上にクリック可能な領域（四角形、円、多角形）を描いて、それぞれにリンクを設定します：間取り図、店舗マップ、商品写真、メニューなど。従来のmapとareaのHTMLと、スマートフォンに合わせて調整される割合指定のリンクを使ったレスポンシブ版を生成します。使う →
CSSメディアクエリジェネレーター（ブレークポイント）Bootstrap 5、Tailwind、または独自のブレークポイントで、CSSのメディアクエリの雛形を生成：モバイルファースト（min-width）またはデスクトップファースト（max-width）、pxまたはem、さらにダークモード、動きの軽減、マウスまたはタッチ、向き、印刷にも対応。現在の画面で有効なものをリアルタイムで確認できます。使う →
メッシュグラデーションジェネレーターサイトや投稿用のメッシュグラデーション（複数の色のにじみを持つオーロラ風のグラデーション）の背景を作成：色を選び、ワンタップで位置をシャッフルして、CSSをコピーするかPNG画像をダウンロードできます。使う →
ニューモフィズム（ソフトUI）CSSジェネレーターCSSでニューモーフィック（ソフトUI）な効果を生成：明るい影と暗い影の2つで、要素が背景から浮き出たり沈んだりして見えます。色、サイズ、距離、ぼかし、強さ、形（フラット、凹、凸、押し込み）を選べます。使う →
SVG波ジェネレーターサイト用の波形のセクション区切りを作成：高さ、波の数、レイヤー、色を調整し、反転して、SVGをダウンロードするかコードをコピーして、ページのセクション間に使えます。使う →
CSSスクロールバージェネレーターサイトのスクロールバーをブランドカラーにカスタマイズ：幅、トラックとバーの色、角丸、ホバー時の色を調整し、標準のCSS（scrollbar-color）と古いブラウザー用の::-webkit-scrollbarを出力します。使う →
CSS box-shadowジェネレーターライブプレビュー付きでCSSの影（box-shadow）を作成：オフセット、ぼかし、広がり、色、不透明度、複数のレイヤー、用意されたテンプレート。使う →
CSSスプライトジェネレーター（アイコンを1枚の画像にまとめる）複数のアイコンや小さな画像を、1つのファイル（スプライトシート）としてPNGまたはWebPにまとめ、各画像のbackground-positionとサイズを含むCSSを受け取れます。間隔、横一列、縦一列、グリッド、Retina対応版にも対応。使う →
ライト・ダークテーマジェネレーター（CSS変数）ブランドカラーから、ライトとダークの完全なテーマのCSS変数を生成します。背景、サーフェス、テキスト、補助テキスト、境界線、メインカラー、その上のテキストを含み、WCAGによるコントラストの確認や、prefers-color-schemeまたはボタン（data-theme）によるダークモードの自動切り替えにも対応しています。使う →
CSS text-shadowジェネレーターライブプレビューとテンプレート付きでCSSのテキストシャドウを作成します。ネオン、レトロ、3D、縁取り、炎、エンボスなどがあり、複数のレイヤーと色に対応しています。使う →
グラデーションテキストジェネレーター（CSS）background-clip: text を使って、サイト用のグラデーション文字の見出しを作成します。色、角度、フォントを選んでCSSをコピーできます。古いブラウザーやハイコントラスト設定の利用者向けの代替色付きです。使う →
背景用グレイン（ノイズ）テクスチャジェネレーター背景やグラデーションに紙やフィルムのような質感を与える、グレイン（ノイズ）テクスチャを生成します。強さ、粒の大きさ、色、不透明度を調整でき、自分の色やグラデーション上でプレビューできます。繰り返し背景用のPNGをダウンロードするか、CSS用のSVGとしてコピーできます。使う →
CSSトグルスイッチ（オン/オフボタン）ジェネレーターサイト用のオン/オフボタン（トグルスイッチ）を、素のHTMLとCSSで生成します。role=switchでアクセシブルです。サイズ、色、角、テキストを調整でき、プレビューはマウス、タッチ、キーボードで操作できます。使う →
CSSツールチップジェネレーターマウスを重ねたり要素にフォーカスしたりしたときに表示されるヒント（ツールチップ）を、素のCSSで生成します。上、下、左、右の位置、矢印、色、角、遅延を設定でき、aria-describedbyでアクセシブルに、キーボードフォーカスでも表示されます。使う →
CSS transformジェネレーター（回転、移動、拡大縮小、傾斜、3D）コントロールを動かしてCSSのtransformプロパティを作成します。移動（translate）、回転（rotate）、拡大縮小（scale）、傾斜（skew）、パースペクティブ付きの3D回転に対応し、基準点（transform-origin）とホバー時のトランジションでテストできます。完成したCSSをコピーできます。使う →
SVG最適化Illustrator、Figma、Inkscape、Canvaから書き出したSVGファイルを軽量化します。コメント、メタデータ、エディタのデータ、余分な空白を削除し、小数点以下の桁数を丸めます。前後を並べたプレビューで確認できます。使う →
CSS背景パターン画像を使わず、CSSだけで背景パターンを作れます。水玉、チェック、線、斜めストライプ、市松模様、ジグザグに対応。色、サイズ、太さを調整してコードをコピーできます。使う →
px から rem への変換px、rem、em、pt、パーセントを相互に変換します。基準サイズを調整でき、CSS用の早見表付きです。使う →
リンク用アニメーション下線ジェネレーター（CSS）リンクやメニュー用のアニメーション下線をCSSで生成します。左から伸びる線、中央から伸びる線、スライドする線、塗りつぶされる蛍光ペン、波線に対応し、色、太さ、距離を設定でき、キーボードのフォーカス時にも動作します。使う →
SVGからdata URIへ（CSS・HTML用）SVGコードを、CSS（background-image、mask）とHTMLで使える最適化されたdata URIに変換します。Base64より短いURLエンコードで、画像のプレビュー付きです。使う →
オンラインWebサイトワイヤーフレームヘッダー、バナー、見出し、テキスト、画像、ボタン、カード、フォーム、動画、フッターなどの用意されたブロックをドラッグして、WebサイトやランディングページのワイヤーフレームをPCサイズまたはスマホサイズで作成できます。移動・サイズ変更ができ、PNGまたはSVGで保存できます。使う →

SEOと公開 24

ページのSEO分析（HTML）ページのHTMLコードを貼り付けて、SEOに足りない点を確認します。タイトル、メタディスクリプション、H1、見出し構造、alt未設定の画像、canonical、Open Graph、言語、viewport、リンク、構造化データを調べます。使う →
サイト公開前のチェックリストサイトを公開する前に確認することの一覧です。SEO、Google Search Console、スマホ、速度、アクセシビリティ、個人情報保護、フォーム、チャット、ファビコン、リンクのプレビュー、404 ページ、HTTPS、リダイレクト。済んだものにチェックを入れ、進み具合を確認し、リストをダウンロードできます。各項目から、解決するツールへ進めます。使う →
ads.txtジェネレーター＆検証ツールGoogle AdSenseなどの広告ネットワーク向けに、サイトのads.txtファイルを作成します。システムのドメイン、アカウントID、DIRECTまたはRESELLER、認証機関ID、連絡先、サブドメインに対応。既存のads.txtを貼り付けて、行ごとにエラーを確認できます。使う →
セキュリティヘッダージェネレーターサイトのHTTPセキュリティヘッダー（HSTS、Content-Security-Policy、X-Content-Type-Options、Referrer-Policy、Permissions-Policy、iframe対策）を、Nginx、Apache、Netlify、Cloudflare Pages、Vercel向けに生成します。使う →
hreflangタグジェネレーター複数の言語や国に対応するサイト（ja、en、zh、koなど）向けにhreflangタグを生成：headのalternateリンク、XMLサイトマップ、HTTPヘッダーに対応し、x-defaultと言語・地域コードの検証付き。使う →
.htaccessジェネレーターApache向けサイト（共有レンタルサーバー）の.htaccessファイルを生成：HTTPS強制、wwwの有無、圧縮、画像・CSS・JSのキャッシュ、404エラーページ、フォルダー一覧の禁止、ファイル保護。使う →
メールリンクジェネレーター（mailto）宛先、CC、BCC、件名、本文が入力済みの状態でメールが開くmailtoリンクを作成します。アクセント文字や改行も正しくエンコードされます。リンク、HTMLボタンのコピーやQRコードの生成ができます。使う →
UTMリンクジェネレーターUTMパラメーター（utm_source、utm_medium、utm_campaign、utm_term、utm_content）付きのリンクを作成して、Googleアナリティクスで訪問の流入元（Instagram、LINE、メール、広告、QRコード）を把握できます。使う →
llms.txtジェネレーターサイトのllms.txtファイルを作成：名前、概要、重要なページをセクション別に整理した、llmstxt.orgで提案されている形式で、AIツールがサイトの内容を理解する助けになります。使う →
メタタグジェネレーター（SEO）サイトのSEO、Open Graph、Twitter用のメタタグを生成し、GoogleとLINEでのプレビューを確認できます。使う →
301リダイレクトジェネレーター古いアドレスと新しいアドレスのリストから、Apache（.htaccess）、Nginx、Netlify（_redirects）、Vercel（vercel.json）、Cloudflare、HTML用の301または302リダイレクトのルールを生成します。使う →
preload、preconnect、dns-prefetchジェネレーターサイトの読み込みを速くするresource hintsタグを生成：サードパーティドメイン（Google Fonts、アナリティクス、CDN）向けのpreconnectとdns-prefetch、フォントとメイン画像のpreload（fetchpriorityと適切なcrossorigin付き）、次のページのprefetch。使う →
robots.txtジェネレーターサイトのrobots.txtファイルを作成：検索ロボットやAIロボットの許可・ブロック、非公開フォルダーの指定、サイトマップの案内ができます。使う →
スキーママークアップ（JSON-LD）ジェネレーターFAQ、ローカルビジネス、記事、パンくずリスト用のschema.org JSON-LD構造化データを生成します。サイトにそのまま貼り付けて、Googleでの表示を改善できます。使う →
security.txtジェネレーター（RFC 9116）RFC 9116形式のサイトのsecurity.txtファイルを生成：セキュリティ上の問題を知らせる連絡先（メール、ページ、電話）、有効期限、言語、ポリシー、謝辞、鍵、正規のアドレスを含み、/.well-known/security.txtに保存できます。使う →
sitemap.xmlジェネレーターページのリストからサイトのsitemap.xmlを作成：アドレスを貼り付けて更新日を指定し、Google Search ConsoleやBingに送信できるファイルをダウンロードします。使う →
manifest.jsonジェネレーター（PWA）サイトをスマートフォンのホーム画面にインストールできるようにする、Webアプリのマニフェストファイル（site.webmanifestまたはmanifest.json）を生成します。名前、短い名前、色、表示モード、192pxと512pxのアイコン、HTML用のlinkタグを設定できます。使う →
Googleレビューのリンク（QRコード付き）Place IDから、お店のGoogleレビュー画面を直接開くリンクを作成します。カウンター、メニュー、レシートに置けるQRコードと、WhatsAppでレビューをお願いするための完成メッセージも用意します。使う →
HTMLサイトマップ生成（訪問者向けページ）サイトのURL一覧やsitemap.xmlそのものを、訪問者向けのサイトマップページに変換します。セクションごとにまとめたリンクと、URLから作った読みやすい名前付きの、軽量で公開できるHTMLです。使う →
Google検索結果のプレビューページのタイトルと説明文が、パソコンとスマートフォンのGoogle検索結果でどう表示されるかを確認できます。ピクセル幅と、文字が途切れるときの警告も表示します。使う →
接続別のサイト読み込み時間ページの容量（HTML、CSS、JavaScript、画像、フォント）とファイル数から、3G、4G、Wi-Fiでの読み込み時間を見積もります。各部分の容量と、画像をWebPに変換したときの削減量も確認できます。使う →
さまざまな画面サイズでサイトをテストサイトがスマートフォン・タブレット・パソコンでどう見えるかを同時に確認します。アドレスを入力すると、360・390・768・1280 px などの幅で並べて表示し、各画面でスクロールできます。使う →
レスポンシブサイトテスト（スマートフォン・タブレット・パソコンで表示）サイトがスマートフォン・タブレット・パソコンでどう見えるかを、実際の画面サイズ（360・375・393・768・1366・1920 px）で同時に確認できます。画面に合わせたズーム、回転、任意の幅の指定にも対応。フレーム（iframe）での表示を許可しているサイトや localhost で使えます。使う →
ページSEOチェッカー（オンページ）ページのソースコードを貼り付けて、オンページSEOを確認します：タイトルとディスクリプション（長さ）、H1が1つだけか、H1〜H6の見出し順、alt のない画像、canonical、lang、viewport、robots、Open Graph、構造化データ、リンクを調べ、各項目の修正点を示します。使う →

整形と変換 39

JSON比較（diff）2つのJSONを比較し、追加・削除・変更された内容をフィールドごとに正確に表示します。キーの順序は無視されます。使う →
camelCase・snake_case・kebab-case変換名前やテキストを、camelCase、PascalCase、snake_case、kebab-case、CONSTANTなど、プログラミングで使われる形式に変換します。使う →
Punycode変換（国際化ドメイン名）アクセント付き文字や絵文字を含むドメインを Punycode（xn--）に変換し、元に戻します。例：café.com.br → xn--caf-dma.com.br。1行に1ドメインです。使う →
CSVをJSONに変換CSV を JSON に、JSON を CSV に変換します。区切り文字（カンマ、セミコロン、タブ）を自動検出します。使う →
CSVをSQLに変換（INSERTとCREATE TABLE）CSV や Excel からコピーしたデータを、型を自動判定した CREATE TABLE 付きの SQL INSERT 文に変換します。MySQL、PostgreSQL、SQLite、SQL Server に対応。使う →
CSV区切り文字の判定CSVがカンマ、セミコロン、タブ、縦棒のどれで区切られているかを判定し、表をプレビューして別の区切り文字に変換します。使う →
テキストのエスケープとアンエスケープ（JSON、JS、SQL、正規表現）引用符、バックスラッシュ、改行を、JSON、JavaScript、SQL、正規表現、CSV、Unicode向けにエスケープします。元に戻すこともできます。使う →
チェンジログ作成コミットメッセージ（Conventional Commits）を、Keep a Changelog形式の整理されたチェンジログに変換。CHANGELOG.mdやリリースにそのまま使えます。使う →
CSS整形（インデントと見やすく）圧縮された、または乱れたCSSをオンラインで整形します。1行に1プロパティ、2スペース・4スペース・タブのインデント、ルール間の空行、セレクタの分割に対応し、どんなサイトのスタイルも読みやすく編集できます。使う →
HTML整形（インデントと見やすい形式）読みにくいHTMLやminify済みのHTMLをオンラインで整形・インデントします。タグを階層ごとに揃え、ページ内のCSSとJavaScriptも一緒に整形。インデントは2スペース・4スペース・タブから選べ、長い行の折り返しにも対応しています。使う →
JavaScript整形（インデントと見やすい形式）minify済みや読みにくいJavaScriptをオンラインで整形します。インデントは2スペース・4スペース・タブから選択、波括弧は同じ行か次の行か、長い行の折り返しにも対応。どのサイトのスクリプトも読みやすくデバッグしやすくなります。使う →
JSON整形JSONの整形、検証、minifyができます。使う →
SQL整形SQLクエリをオンラインで整形します。句ごとの改行、インデント、キーワードの大文字化、minifyに対応。使う →
XML整形XMLをオンラインで整形・検証・minifyします。自動インデント、構文エラーの通知、XMLからJSONへの変換に対応。使う →
README用バッジ作成GitHubのREADME用に、テキスト、色、スタイル、ロゴを指定してshields.ioのバッジを作り、MarkdownやHTMLでコピーできます。使う →
Lorem Ipsumジェネレーターレイアウトやプロトタイプ用のサンプルテキスト：段落、文、単語、リスト、見出しを、ラテン語または日本語で、テキストまたはHTMLとして生成します。使う →
HTMLテーブルジェネレーターExcel、Googleスプレッドシート、CSVのデータを貼り付けると、見出し、縞模様、罫線、スマートフォン用スクロール、CSSスタイル付きのサイト用HTMLテーブルを生成します。きれいなHTMLだけの出力も可能です。使う →
MarkdownテーブルジェネレーターMarkdownのテーブルを視覚的に作成したり、ExcelやGoogleスプレッドシートから貼り付けたりできます。列の配置にも対応し、README、GitHub、Notionに使えます。使う →
HTMLエンコード（エンティティ）特殊文字やアクセント付き文字をHTMLエンティティ（&amp;lt; &amp;eacute;）に変換し、逆変換もします。使う →
HTMLをJSXに変換HTMLをReactのJSXに変換します：class は className に、for は htmlFor に、style はオブジェクトに、属性はキャメルケースに、空タグは閉じ、コメントは {/* */} になります。完成したコンポーネントの生成オプション付きです。使う →
HTMLからMarkdownへHTMLをMarkdownに変換します：見出し、太字、リンク、画像、リスト、引用、コードブロックに対応し、見出しとリストのスタイルを選べます。使う →
HTMLからテキストへHTMLコードからすべてのタグを取り除き、テキストだけにします。段落とリストは維持し、必要ならリンクのアドレスも残せます。使う →
Unicode文字の検査テキスト内の各文字や絵文字のUnicodeコード（U+）、UTF-8バイト、HTMLエンティティ、JavaScriptエスケープを確認し、見えない文字を見つけます。使う →
JSONからCSVへJSONオブジェクトの一覧をCSVに変換して、ExcelやGoogleスプレッドシートで開けます。入れ子のオブジェクトの平坦化、区切り文字の選択、ファイルのダウンロードに対応しています。使う →
JSONからTypeScriptへJSONから、入れ子のオブジェクト、配列、オプションのフィールド、PascalCaseの名前に対応したTypeScriptのinterfaceやtypeを生成します。使う →
JSONからXMLへ（XMLからJSONへ）JSONをXMLに、XMLをJSONに変換します。属性、リスト、インデントに対応し、構文も検証します。使う →
.envファイルリーダー.envファイルを貼り付けると変数を表で表示。秘密情報は隠し、エラーを警告し、JSON・YAML・Dockerに変換できます。使う →
MarkdownからHTMLへMarkdownで書いてライブプレビューを確認し、HTMLをコピーするかファイルをダウンロードできます。使う →
CSSの圧縮と整形CSSを圧縮してサイトを軽くしたり、圧縮されたCSSを整形して読みやすく編集しやすくします。削減できたバイト数も表示します。使う →
HTMLの圧縮不要なコメント、空白、改行を削除してHTMLを圧縮します。<pre>、<textarea>、スクリプト、スタイルは保持し、削減できたバイト数も表示します。使う →
JavaScriptの圧縮Terserを使ってJavaScriptコードを圧縮します。空白とコメントを削除し、変数名を短くして、削減できたバイト数を表示します。使う →
Quoted-Printableのエンコード・デコードQuoted-Printable（=E3=81=82）のテキストと、=?UTF-8?Q?...?=・=?UTF-8?B?...?= 形式のメールヘッダーをエンコード・デコードします。使う →
ASCII表（完全版）0〜127のASCII表。10進、16進、8進、2進、文字、HTMLエンティティを掲載し、検索とクリックでコピーに対応。使う →
テキストからスラッグへタイトルを分かりやすいURLに変換します。使う →
TOML→JSONコンバーターTOMLをJSONに、JSONをTOMLに変換。構文エラーがあると正確な行を表示します。使う →
JSON SchemaバリデーターJSONをJSON Schemaで検証し、各エラーを正確なパス付きで表示。サンプルJSONからスキーマを生成することもできます。使う →
NDJSONバリデーター（JSON Lines）NDJSON・JSON Linesファイルを1行ずつ検証し、エラーのある行やよく使われるフィールドを表示。JSON配列への変換もできます。使う →
JSONツリービューアJSONをツリー表示で確認できます。ノードの開閉、キーや値の検索、項目数の表示、ワンクリックで各フィールドのパスをコピーできます。使う →
YAMLからJSONへYAMLをJSONに、JSONをYAMLに変換します。構文を検証し、エラーの行を示します。使う →

コード、ハッシュ、ネットワーク 38

HTTPヘッダー解析HTTPレスポンスのヘッダーを貼り付けると、各ヘッダーの役割、セキュリティ評価、不足しているもの、キャッシュとCookieの説明を表示します。使う →
URLとパラメータの分析URLをプロトコル、ドメイン、パス、パラメータに分解し、各パラメータをデコードして表示します（UTM、fbclid、gclid）。トラッキングを除いたきれいなURLも作成できます。使う →
ユーザーエージェント解析任意のユーザーエージェント（または自分のもの）から、ブラウザ、バージョン、OS、端末の種類、エンジン、CPUを判別します。使う →
Base64テキストをBase64にエンコード、デコードします。使う →
ビット演算電卓（AND・OR・XOR・NOT・シフト）10進数・16進数・2進数でAND、OR、XOR、NOT、シフトのビット演算を行い、各ビットを並べて確認できます。使う →
chmod計算機チェックボックスでLinuxのファイル権限を設定し、数値（755、644）と rwxr-xr-x 形式を確認できます。使う →
RAID計算機NASやサーバーのディスク（HDD・SSD）の台数と容量から、RAID 0、1、5、6、10 の使用可能容量、冗長性、故障に耐えられるディスク数を計算します。使う →
IPサブネット計算機（CIDR）192.168.1.0/24 のような CIDR 表記の IPv4 ネットワークについて、サブネットマスク、ネットワークアドレス、ブロードキャスト、使用可能な IP の範囲、ホスト数を計算します。使う →
Base32 のエンコードとデコードテキストを Base32（RFC 4648）に変換し、元に戻します。= のパディングの有無を選べて、UTF-8 のアクセント付き文字にも対応します。2要素認証のキー、ファイル名、識別子に便利です。使う →
URL エンコードURL をエンコード・デコードします（パーセントエンコーディング）。使う →
バージョン比較（SemVer）2つのSemVerバージョンを比較し、バージョン一覧を並べ替え、^1.2.0や>=2 <3などの範囲を満たすものを確認します。使う →
進数変換10進数、2進数、8進数、16進数の間で変換します。使う →
バイト変換（KB、MB、GB、TB）バイト、KB、MB、GB、TBの間で、10進（1000）と2進（1024）の規格で変換し、ダウンロード時間も計算します。使う →
IPアドレス変換（IPv4・IPv6）IPv4アドレスを10進数、16進数、2進数に、またその逆に変換し、IPv6の展開と圧縮、IPv4射影アドレスの生成、プライベート・パブリック・予約済みの判定ができます。使う →
タイムスタンプ変換Unixタイムスタンプを日付に、またその逆に変換します。使う →
SSL証明書デコーダー（PEM・CSR）PEM形式のSSL証明書やCSRを貼り付けると、ドメイン、発行者、有効期限、代替名、鍵、フィンガープリントを表示します。使う →
JWTデコーダーJWT トークンをデコードして、ヘッダー、ペイロード、発行日時と有効期限を読みやすい形式で表示します。使う →
cron式を日本語で解説cron式を貼り付けると、その意味をフィールドごとに日本語で表示し、タスクが次に実行される日時も確認できます。使う →
bcryptジェネレーター好きなコストでパスワードのbcryptハッシュを生成し、パスワードがbcryptハッシュと一致するか確認できます。使う →
BLAKE2・BLAKE3ジェネレーターテキストやファイルのBLAKE2b、BLAKE2s、BLAKE3ハッシュを生成。高速で安全です。使う →
RSAおよびECDSA鍵ジェネレーターテスト、JWT、署名、暗号化のために、RSA（2048、3072、4096ビット）とECDSA（P-256、P-384）の鍵ペアをPEM形式で生成します。使う →
cron式ジェネレーター構文を覚えなくても、cron式を作れます。頻度、分、時、曜日を選ぶと、次の実行予定が表示されます。使う →
cURLコマンドビルダーメソッド、ヘッダー、JSONボディ、認証、オプションを指定してcURLコマンドを作成。同じリクエストをJavaScript（fetch）とPython（requests）でも表示します。使う →
.gitignoreジェネレーター言語、フレームワーク、OS、エディターを選んでプロジェクトの.gitignoreを作成します。Node、Python、Java、Flutter、macOS、VS Codeなどに対応。使う →
ハッシュジェネレーターテキストのSHA-1、SHA-256、SHA-512を計算します。使う →
HMACジェネレーター（SHA-256、SHA-512）秘密鍵を使ってメッセージのHMAC署名をSHA-1、SHA-256、SHA-384、SHA-512で計算します。出力は16進数またはBase64で、Webhookの検証にも使えます。使う →
JWTジェネレーター（HS256トークンの署名）JSONのペイロードと秘密鍵から、HS256、HS384、HS512でJWTトークンを作成・署名します。iat、exp、subのショートカット付きで、既存トークンの署名も検証できます。使う →
MD5ジェネレーターテキストやファイルのMD5ハッシュを16進数またはBase64で生成します。使う →
RIPEMD-160・SM3・WhirlpoolジェネレーターテキストやファイルのRIPEMD-160、SM3、Whirlpool、CRC32、xxHashを生成します。使う →
SHA-256ジェネレーターテキストやファイルのSHA-256、SHA-224、SHA-384、SHA-512ハッシュを生成します。使う →
SHA-3・KeccakジェネレーターテキストやファイルのSHA3-224、SHA3-256、SHA3-384、SHA3-512、Keccak-256（イーサリアム）ハッシュを生成します。使う →
TOTPコードジェネレーター（2FA）Base32の秘密鍵から二要素認証コード（TOTP、RFC 6238）を生成・確認します。新しい鍵や、2FAログインのテスト用otpauth://リンクも作成できます。使う →
UUIDジェネレーターランダムなUUID v4をまとめて生成します。使う →
ファイルのハッシュ（MD5、SHA-1、SHA-256）任意のファイルのMD5、SHA-1、SHA-256、SHA-512チェックサムを計算し、ダウンロードサイトに記載されたハッシュと一致するか確認します。使う →
画像からBase64へ画像をBase64テキストまたはData URIに変換し、HTMLやCSSで使えるようにします。使う →
JavaScript難読化ツールJavaScriptコードを難読化して読みにくく・コピーしにくくします。低・中・高のレベル、変数名の変更、文字列のエンコードに対応。使う →
真理値表ジェネレーターAND、OR、NOT、含意、双条件を使った任意の論理式の真理値表を作成し、トートロジーか矛盾かを確認します。使う →
正規表現テスター正規表現をリアルタイムでテストし、一致箇所のハイライト、キャプチャグループ、置換結果を確認できます。使う →

テスト用データ 1

クレジットカード番号ジェネレーターソフトウェアのテスト用に、有効なクレジットカード番号（Visa、Mastercard、Elo、Amex）を生成し、Luhnアルゴリズムで検証します。使う →

ツールが見つかりません。別の言葉をお試しください。

ご支援ありがとうございます！

寄付はサイトの維持に役立ちます。ツールはみなさんの役に立つよう作っていますが、サーバー費用がかかります。ご支援いただけるととても助かります。金額を選択または入力してください：

Stripeによる安全な決済。別のタブで開きます。

ツールは現状のまま、保証なしで提供されます。結果やその利用について責任を負いかねます。