
CSSボックスモデル ビジュアライザー
マージン・ボーダー・パディング・コンテンツのサイズをリアルタイムで調整。Chrome DevToolsと同じ色分けで図が即座に更新され、コピー可能なCSSも自動生成されます。 ...

マージン・ボーダー・パディング・コンテンツのサイズをリアルタイムで調整。Chrome DevToolsと同じ色分けで図が即座に更新され、コピー可能なCSSも自動生成されます。 ...

アスキーアートジェネレーター テキストを入力してスタイルを選ぶだけ。大きなASCIIアートバナーを瞬時に生成します。 ...

ベースカラーを選んでハーモニータイプを選択するだけで、HEX・RGB・HSL値・CSSカスタムプロパティ・WCAGコントラスト比を一括生成します。アップロード不要・登録不要、すべてブラウザ内で完結します。 ...

Unicode文字セットを閲覧・検索できるツールです。カテゴリを選ぶか文字名を入力し、気になる文字をクリックするとコードポイント・HTMLエンティティ・CSS値・UTF-8バイト列をコピーできます。 ✕ 関連ツール: HTMLエンティティエンコーダー 絵文字ピッカー モールス信号変換 事業の帳簿・請求書管理もスムーズに freee会計なら、売上・経費の記録から確定申告・決算書の作成まで、クラウドで一括管理。 銀行口座・クレジットカードと自動連携し、入力の手間を大幅に削減できます。 freee会計を無料で試す → 使い方 カテゴリを選択 — 「矢印」「数学」「通貨」などのボタンをクリックして文字一覧を表示します。 検索 — 文字名(例: arrow left)またはコードポイント(例: U+2192)を入力すると全カテゴリを横断して絞り込みます。 文字をクリック — 詳細パネルに文字・Unicodeコードポイント・HTMLエンティティ(10進・16進)・CSS content 値・UTF-8バイト列が表示されます。各項目に「コピー」ボタンがあります。 各項目の意味 項目 例 使いどころ コードポイント U+2192 ドキュメントや仕様書での参照 HTML(10進) → HTMLへの埋め込み(エンコード問題を回避) HTML(16進) → 同上、16進表記 CSS content値 '\2192' ::before / ::after 疑似要素での使用 UTF-8バイト列 0xE2 0x86 0x92 バイナリストリームやファイルエンコーディングの確認 関連ツール HTMLエンティティエンコーダー — HTMLエンティティの一括エンコード・デコード 絵文字ピッカー — スキントーン・キーワード対応の絵文字ブラウザ モールス信号変換 — テキストとモールス信号の相互変換

— 都市を選んで追加 — + 追加 リセット デジタル時計 アナログ時計 ミーティングプランナー 基準タイムゾーン: 比較する 海外取引の会計管理もかんたんに ...

カラープレビュー(クリックでHEXコピー) ...

※本記事にはアフィリエイト広告が含まれています。 時給換算ツール|年収↔時給を自動変換【月収・日給も】 時給と年収の換算は、就職・転職・副業・フリーランス案件を比較するときに欠かせません。このツールでは「時給 → 年収」「年収 → 時給」の両方向を瞬時に計算。日給・週給・月収もまとめて表示し、残業代シミュレーションや時給アップの年収インパクトも確認できます。 ⏱ 時給 → 年収 💴 年収 → 時給 入力 <div class="jk-field"> <label>時給<span id="disp-hourly-rate">1,500</span> 円</label> <div class="jk-number-wrap"> <input type="number" id="inp-hourly-rate" value="1500" min="100" max="100000" step="10" oninput="jkCalcHourly()" aria-label="時給(円)"> <span class="jk-unit">円 / 時間</span> </div> </div> <div class="jk-field"> <label>週の勤務時間<span id="disp-hourly-wh">40</span> 時間</label> <input type="range" class="jk-range" id="inp-hourly-wh" min="1" max="60" value="40" oninput="jkCalcHourly()" aria-label="週の勤務時間"> </div> <div class="jk-field"> <label>年間勤務週数<span id="disp-hourly-wk">52</span> 週</label> <input type="range" class="jk-range" id="inp-hourly-wk" min="48" max="52" value="52" oninput="jkCalcHourly()" aria-label="年間勤務週数"> </div> </div> <!-- 結果 --> <div class="jk-results" id="results-hourly"> <div class="jk-result-box"> <div class="jk-res-label">日給(8時間換算)</div> <div class="jk-res-value" id="res-h-daily">—</div> <div class="jk-res-sub">円 / 日</div> </div> <div class="jk-result-box"> <div class="jk-res-label">週給</div> <div class="jk-res-value" id="res-h-weekly">—</div> <div class="jk-res-sub">円 / 週</div> </div> <div class="jk-result-box"> <div class="jk-res-label">月収(÷12)</div> <div class="jk-res-value" id="res-h-monthly">—</div> <div class="jk-res-sub">円 / 月</div> </div> <div class="jk-result-box"> <div class="jk-res-label">年収</div> <div class="jk-res-value highlight" id="res-h-annual">—</div> <div class="jk-res-sub">円 / 年</div> </div> </div> 入力 <div class="jk-field"> <label>年収<span id="disp-annual-val">400</span> 万円</label> <div class="jk-number-wrap"> <input type="number" id="inp-annual-val" value="400" min="50" max="10000" step="10" oninput="jkCalcAnnual()" aria-label="年収(万円)"> <span class="jk-unit">万円 / 年</span> </div> </div> <div class="jk-field"> <label>週の勤務時間<span id="disp-annual-wh">40</span> 時間</label> <input type="range" class="jk-range" id="inp-annual-wh" min="1" max="60" value="40" oninput="jkCalcAnnual()" aria-label="週の勤務時間"> </div> <div class="jk-field"> <label>年間勤務週数<span id="disp-annual-wk">52</span> 週</label> <input type="range" class="jk-range" id="inp-annual-wk" min="48" max="52" value="52" oninput="jkCalcAnnual()" aria-label="年間勤務週数"> </div> </div> <!-- 結果 --> <div class="jk-results" id="results-annual"> <div class="jk-result-box"> <div class="jk-res-label">時給</div> <div class="jk-res-value highlight" id="res-a-hourly">—</div> <div class="jk-res-sub">円 / 時間</div> </div> <div class="jk-result-box"> <div class="jk-res-label">日給(8時間換算)</div> <div class="jk-res-value" id="res-a-daily">—</div> <div class="jk-res-sub">円 / 日</div> </div> <div class="jk-result-box"> <div class="jk-res-label">週給</div> <div class="jk-res-value" id="res-a-weekly">—</div> <div class="jk-res-sub">円 / 週</div> </div> <div class="jk-result-box"> <div class="jk-res-label">月収(÷12)</div> <div class="jk-res-value" id="res-a-monthly">—</div> <div class="jk-res-sub">円 / 月</div> </div> </div> 残業代シミュレーション(法定割増 1.25倍) 通常時給 — 円/時 残業時給(×1.25) — 円/時 月20h残業の追加収入 — 円/月 ...

テキスト比較ツール 2つのテキストの差分を即座に検出・ハイライト表示します ...

URLエンコード・デコードツール モード: エンコード デコード 範囲: コンポーネント (encodeURIComponent) URL全体 (encodeURI) 入力テキスト / URL 0 文字 エンコード結果 0 文字 エンコード実行 コピー クリア ⇅ 入れ替え 自動判定: ON encodeURIComponent — エンコードされない文字:A–Z a–z 0–9 - _ . ! ~ * ' ( )。クエリパラメータやパスセグメントのエンコードに最適。 エンコードされた文字の内訳 元の文字 エンコード後 Unicodeコード 説明 使い方 URLエンコード(パーセントエンコーディング)は、URLとして安全でない文字を %XX 形式に変換します。XX は文字のUTF-8バイト値の16進数表現です。 ...

↻ 情報を更新 ...