ポイントをドラッグして形を変える シェイプの頂点をドラッグして変形。右クリックで頂点を削除。ダブルクリックで頂点を追加。 プリセット プレビュー設定 シェイプ色 背景色 画像 画像をアップロード 画像を削除 CSS出力 clip-path: polygon(...); CSSをコピー polygon · 0点 プリセットに戻す 使い方 プリセットを選択 — 三角形・星・六角形など9種類から選べます。 白いコントロールポイントをドラッグ してシェイプを自由に変形。 ダブルクリック でキャンバス上に新しいポイントを追加。 右クリック でポイントを削除（最小3点）。 シェイプ色・背景色 を自由にカスタマイズ。 画像をアップロード して実際の写真でclip-pathを確認。 CSSをコピー して、スタイルシートにそのまま貼り付け。 clip-pathとは clip-pathはCSSプロパティで、要素の表示領域を多角形や円などの形に切り抜く機能です。最も柔軟な値はpolygon()で、パーセンテージ座標のリストを指定します。 ...
テキストを入力 Web Speech APIを使うと、ブラウザが内蔵の音声合成でテキストを読み上げます。音声データはサーバーに送信されず、すべてデバイス上で処理されます。下の設定で声・速度・ピッチを自由にカスタマイズできます。 0 文字 約0分で読める 声・言語の選択 言語フィルター すべての言語 音声 音声を読み込み中… 再生設定 速度 1.00x ピッチ 1.00 音量 100% ▶ 再生 ▮▮ 一時停止 ■ 停止 待機中 読み上げ中の単語 再生中、読み上げられている部分がここにハイライト表示されます。 お使いのブラウザはWeb Speech APIに対応していません。Chrome、Edge、Safariなどの最新ブラウザをご利用ください。 使い方 テキストエリアに読み上げたいテキストを貼り付けるか入力します。 言語フィルターで絞り込んだあと、使用する音声を選択します。 速度・ピッチ・音量のスライダーで好みに合わせて調整します。 「再生」ボタンを押すと、読み上げが開始されます。読み上げ中の部分がリアルタイムでハイライトされます。 **「一時停止」で途中停止、「停止」**で完全にリセットできます。 このツールについて このツールはブラウザ内蔵の Web Speech API（SpeechSynthesis） を使用しています。音声データはサーバーには一切送信されず、すべてお使いのデバイス上で処理されます。利用できる音声はOSとブラウザによって異なります。 ...
...
テキストを入力 分析単位 単語（1-gram） フレーズ（2-gram） 3-gram 最小出現回数 表示件数上限 オプション 大文字・小文字を区別しない 記号・句読点を除外 数字を除外 ストップワードを除外 ストップワードを編集 の は が を に で も と や から まで より て で し た だ な の に は が を も と や か 分析する クリア CSVで書き出す 総文字数0 総単語数0 ユニーク語0 最頻出語— 表 ワードクラウド 順位 単語 / フレーズ 出現回数 割合 頻度バー 一致する単語が見つかりませんでした。テキストを入力して再度お試しください。 事業の請求書・経費管理もかんたんに ...
任意の単位に値を入力すると、Bit・Byte・KB・MB・GB・TB・PBすべてに即時変換します。2進数（KiB/MiB/GiB）と10進数（KB/MB/GB）の両方に対応。下部の帯域幅計算機でダウンロード時間も算出できます。 データサイズ変換 値 ビット (b) バイト (B) キロバイト — KB (10³) メガバイト — MB (10⁶) ギガバイト — GB (10⁹) テラバイト — TB (10¹²) ペタバイト — PB (10¹⁵) キビバイト — KiB (2¹⁰) メビバイト — MiB (2²⁰) ギビバイト — GiB (2³⁰) テビバイト — TiB (2⁴⁰) ペビバイト — PiB (2⁵⁰) 変換 クリア 有効な0以上の数値を入力してください。 ...
エンコード形式の選択 形式： Base64 URLエンコード HTMLエンティティ 16進数（Hex） 2進数（Binary） 8進数（Octal） ASCIIコード Unicodeエスケープ（\uXXXX） JWTデコード（ヘッダー＋ペイロード） チェーン： — ステップ1 — Base64 URLエンコード HTMLエンティティ 16進数 2進数 Unicodeエスケープ → — ステップ2 — Base64 URLエンコード HTMLエンティティ 16進数 2進数 Unicodeエスケープ チェーン実行 形式を自動検出 AUTO 入力 0 文字 エンコード デコード クリア ⇅ 入力と出力を入れ替え 出力 0 文字 出力をコピー 最近の変換履歴（最大5件） まだ変換履歴がありません。 エンコーダー/デコーダーとは エンコードとは、テキストやバイナリデータを別の表現形式に変換することで、安全に転送・保存・埋め込みができるようにする処理です。デコードはその逆で、元のデータを復元します。暗号化とは異なり、エンコードはセキュリティ機構ではなく、変換手順は公開されており完全に可逆です。テキストベースのプロトコルでバイナリデータを送信する、HTMLやURLに特殊文字を安全に埋め込む、認証トークンを検査するといった場面で広く使われます。 ...
元のテキスト 変更後のテキスト 比較する ⇆ 入れ替え クリア 差分結果 コピー 追加 削除 関連ツール: ...
...
CSSボックスシャドウ ジェネレーター リアルタイム プレビュー プリセット + シャドウ レイヤーを追加 生成された CSS CSSをコピー Tailwind の対応クラス: — 関連ツール CSSグラデーションも作成 → CSSグラデーション ジェネレーター ...
設定 ベースフォントサイズ (px) ビューポート幅 (px) ビューポート高さ (px) 親要素サイズ / コンテキスト (px) em・% の計算に使用されます 値 単位 px rem em vw vh % pt cm mm in カードをクリックするとCSS値がクリップボードにコピーされます。 ...