OGタグを入力してプレビュー og:title（タイトル） 0 / 60文字 og:description（説明文） 0 / 155文字 og:url（ページURL） og:image（画像URL） og:type（種別） website article product profile video.other twitter:card summary_large_image（大画像） summary（小画像） app player twitter:site（任意） プレビューを更新 リセット チェック結果 設定済みOGタグ一覧 プラットフォーム別プレビュー Twitter / X Facebook LinkedIn Discord 画像が未設定です example.com ページタイトル ここにページの説明が表示されます。 Twitter/Xは summary_large_image カードで1200×630pxの画像を推奨。 ...
IPv4アドレスとCIDRプレフィックス（またはサブネットマスク）を入力するだけで、ネットワークアドレス・ブロードキャスト・ホスト範囲・ワイルドカードマスクなどをすぐに計算できます。 IPv4 サブネット計算ツール IPアドレス サブネットマスク 計算する クリア CIDRプレフィックス長 /0 /32 /24 サブネットマスク ビット表示 計算結果 バイナリ表示 ネットワーク部 = 緑 ホスト部 = 赤 サブネット一覧リファレンス CIDRサブネットマスク利用可能ホスト数ワイルドカード ネットワーク管理の経費もかんたんに ...
無料ツール — 日付までの残り日数・週数・営業日数を瞬時に計算します。 ...
テキスト → モールス モールス → テキスト 入力テキスト クリア モールス符号 コピー コピーしました！ ▶ 音声再生 ▮▮ 停止 速度 (WPM)： 待機中 ビジュアル表示 符号一覧 （クリックで入力欄に追加） 事業の請求書・経費管理もかんたんに ...
総予算・ゲスト人数・ご祝儀収入を入力するだけで、結婚式の費用内訳が一目でわかります。スライダーで各項目の割合を自由に調整しながら、自己負担額をリアルタイムで確認できます。 総予算（円） 招待ゲスト人数（名） ご祝儀収入見込（円） 総予算 300万円 配分合計 300万円 過不足なし 配分率 合計 100% ご祝儀収入見込 200万円 自己負担額（予測） 100万円 お一人あたりのご祝儀目安：2.5万円 費用内訳グラフ ゲスト1人あたりの費用 3.75万円 結婚資金の管理を効率化 → freee会計で家計を自動管理 ...
最終月経開始日または排卵（受精）日を入力するだけで、出産予定日・現在の妊娠週数・トリメスター・重要な健診スケジュールを自動計算します。ナーゲレ法則（最終月経日 + 280日）を使用します。 出産予定日計算ツール 最終月経開始日（LMP） 生理が始まった日を選択してください または 排卵日・受精日（わかる場合） 排卵日から最終月経日（約14日前）を自動換算します 最終月経開始日または排卵日を入力してください。 出産予定日を計算する ...
安全なパスワードをブラウザ内で即座に生成。入力内容はサーバーに一切送信されません。 モード ランダム 発音しやすい パスフレーズ 文字数 大文字 (A-Z) 小文字 (a-z) 数字 (0-9) 記号 (!@#$...) 紛らわしい文字を除外 (0/O, l/1/I) 除外する文字: 単語数 先頭を大文字にする 末尾に数字を追加 区切り文字: 生成数 個まとめて生成 (最大20) 生成結果 強度 -- 生成ボタンを押してください コピー ↻ 生成する すべてコピー 生成履歴 (セッション内のみ保存) クリア まだパスワードが生成されていません。 アカウント管理の経費もかんたんに ...
距離とタイムを入力するだけでペース・速度・レースタイム予測を即計算。目標タイムからペースを逆算することも可能です。 単位： メートル法 (km) ヤード・ポンド法 (mi) ペースを計算（距離＋タイム） タイムを計算（距離＋ペース） 距離を計算（ペース＋時間） ペースを計算する 距離 (km) プリセット距離 — 選択 — 5K 10K ハーフマラソン フルマラソン タイム（時間 : 分 : 秒） 時間 分 秒 ペースを計算する フィニッシュタイムを計算する 距離 (km) プリセット距離 — 選択 — 5K 10K ハーフマラソン フルマラソン ペース（分 : 秒 / km） 分 秒 タイムを計算する 走行距離を計算する ペース（分 : 秒 / km） 分 秒 ランニング時間（時間 : 分 : 秒） 時間 分 秒 距離を計算する 計算結果 リセット レースタイム予測 レース 距離 予測タイム ペース 予測は一定ペースを維持した場合の目安です。実際のレース結果はコース・天候・体調によって異なります。 ...
カテゴリから文字を閲覧するか、文字名で検索してください。任意の文字をクリックするとコピーされ、コードポイント・HTMLエンティティ・CSS content 値・UTF-8バイト列も確認できます。 最近コピーした文字 事業の請求書・経費管理もかんたんに ...
コードなしで本格的なCSSボタンをビジュアル操作でデザイン。すべてのスタイルプロパティをリアルタイムで調整し、内蔵プリセットから選ぶか、完成したCSSとHTMLをワンクリックでコピーできます。 プリセット プライマリ セカンダリ アウトライン ゴースト グラデーション 3D ピル アイコン ボタンテキスト カラー 背景色 文字色 ボーダー色 サイズ・フォント フォントサイズ 16px パディング 横 20px パディング 縦 12px 角丸 (border-radius) 8px ボーダー ボーダー太さ 0px ボーダースタイル 実線 (solid) 破線 (dashed) 点線 (dotted) 二重線 (double) ボックスシャドウ 影 X 0px 影 Y 4px 影 ぼかし 14px 影 拡散 0px 影の色 影の透明度 30% ホバーエフェクト ホバー時の背景色 ホバーでスケール スケール倍率 1.05 ホバーで影を強調 トランジション時間 300ms ライブプレビュー ライト ダーク クリック CSS HTML コピー 使い方 プリセットを選ぶ — プライマリ、アウトライン、グラデーションなど8種類のプリセットからスタート。 コントロールで調整 — 色・サイズ・ボーダー・シャドウ・ホバーエフェクトをリアルタイムで変更。 プレビューテーマを切り替え — ライト・ダーク背景でボタンの見え方を確認。 CSSまたはHTMLをコピー — タブを切り替えて「コピー」をクリック。 プロジェクトに貼り付け — .my-button を自分のクラス名に変更して使用。 CSSプロパティ解説 プロパティ 役割 background-color ボタンの背景色 color テキストの色 font-size テキストサイズ（px） padding 内側の余白（縦 / 横） border-radius 角丸の半径。9999px でピル形状 border ボーダーの太さ・スタイル・色 box-shadow ドロップシャドウ・グロウシャドウ transition ホバーアニメーションの速度 transform: scale() ホバー時の拡大エフェクト プリセット一覧 プライマリ — インディゴの塗りつぶし、控えめなシャドウ セカンダリ — グレー系、シンプルなデザイン アウトライン — 透明背景、カラーのボーダーとテキスト ゴースト — ボーダーも背景もなし、ホバー時に背景色が出現 グラデーション — linear-gradient 背景、グロウシャドウ、スケールホバー 3D — 下方向の実線シャドウで立体感を演出 ピル — border-radius: 9999px の完全丸角 アイコンボタン — 等幅パディングのコンパクトな正方形ボタン アクセシビリティのポイント テキストと背景の コントラスト比は4.5:1以上 を維持する。 :focus-visible でフォーカスリングを明示し、キーボード操作に対応する。 モバイル向けにタップ領域は 44×44px以上 を確保する。 アクション用は <button>、ページ遷移用は <a> タグを使い分ける。 関連する無料ツール CSSボックスシャドウジェネレーター — 多層シャドウのビルドとプレビュー CSSグラデーションジェネレーター — リニア・ラジアル・コニックグラデーション CSSアニメーションジェネレーター — キーフレームアニメーションとイージング設定 freee会計で経理をもっとスマートに 請求書・経費・確定申告をAIが自動化。個人事業主から中小企業まで、freeeならバックオフィス業務を大幅に削減できます。まずは無料でお試しください。 ...