Productivity Works

プリセット 毎分 毎時0分 毎日0時 毎週月曜9時 毎月1日0時 5分ごと 平日8〜18時毎時 毎日23:30 Cron式 コピー ビジュアルビルダー 次の10回の実行時刻 ...

※本記事にはアフィリエイト広告が含まれています。 パーセント計算ツール｜割引・値上げ率・割合を自動計算【無料】 割引セールの値引き額、値上がりした商品の新価格、2つの数字の割合など、日常でよく使うパーセント計算を5つのモードで瞬時に計算できる無料ツールです。スライダーや入力フォームで直感的に操作でき、計算式もあわせて表示するので仕組みも一目でわかります。 AのB%はいくら？ AはBの何%？ 変化率 割引計算 値上げ計算 数値 A パーセント B（%） 数値 A（部分） 数値 B（全体） 変更前の値 変更後の値 元の価格（円） 割引率 20% 10% OFF 20% OFF 30% OFF 半額（50%） 元の価格（円） 値上げ率 10% 身近な例：100円の商品が10%値上げで 110円 になります。 パーセント早見表 よくある金額に対する各割引・割合の計算結果一覧です。 ...

linear-gradient(135deg, ...) ランダム生成 CSSをコピー グラデーションの種類 リニア 放射状 コニック 角度 ° 形状 円形 楕円形 中心位置 ↖ ↑ ↗ ← · → ↙ ↓ ↘ 開始角度 ° カラーストップ + カラーストップを追加 プリセット CSSコード コピー CSSグラデーションジェネレーターの使い方 グラデーションの種類を選ぶ — リニア（直線）・放射状・コニック（扇形）の3種類から選択できます。 ...

借入額・年利・返済期間を入力するだけで、毎月の返済額・総支払利息・返済スケジュールをすぐに計算できます。住宅ローン・自動車ローン・教育ローンなど、さまざまなローンに対応した無料シミュレーターです。 ローン条件を入力 借入額（万円） 年利（%） 返済期間 年 ヶ月 返済開始年月 返済方式 元利均等（毎月同額） 元金均等（元金一定） 入力値を確認してください。 計算する 計算結果サマリー 毎月の返済額（初回） — 万円 総支払額 — 万円 総利息額 — 万円 利息割合 — % 元金 vs 利息（円グラフ） 元金 利息 元金・利息の推移（年次） 元金返済累計 利息支払累計 返済スケジュール表 月 返済額（円） 元金（円） 利息（円） 残高（円） 全期間を表示 ローン比較（2件並列） ローン A 借入額（万円） 年利（%） 返済期間（年） 返済方式 元利均等 元金均等 ローン B 借入額（万円） 年利（%） 返済期間（年） 返済方式 元利均等 元金均等 比較する 事業の経費・資金管理もかんたんに ...

SQLを貼り付けるだけで、適切なインデント・キーワード大文字化・シンタックスハイライト付きで整形できます。すべてブラウザ内で完結し、データは一切サーバーに送信されません。 SQLフォーマッター 整形する ミニファイ クリア シンタックスハイライト インデント幅: スペース2 スペース4 入力SQL 整形結果 コピー freee会計で経理・帳簿を自動化しませんか？ SQLで集計する前に、まずはfreeeでデータを一元管理。30日間無料トライアル実施中。 freeeを無料で試す

HTMLを左パネルに貼り付けるだけで、即座にMarkdownへ変換します。サーバー不要・会員登録不要、すべてブラウザ内で完結します。 Markdownの見た目を確認したい → Markdownプレビューツール テーブルをゼロから作りたい → Markdownテーブルジェネレーター 📄 サンプルHTMLを読み込む ✕ クリア GitHub Flavored Markdown 参照スタイルリンク HTML 入力0 文字 Markdown 出力 📋 Markdownをコピー ...

※本記事にはアフィリエイト広告が含まれています。 住宅ローンシミュレーター【2026年版】 借入額・金利・返済期間を入力するだけで、月々の返済額・総返済額・利息総額を自動計算します。元利均等返済と元金均等返済の比較もできます。 借入額（万円） 500万3,500万円1億円 金利（年利 %） 0.1%0.65%3.0% 返済期間（年） 5年35年40年 返済方式 元利均等返済 元金均等返済 元利均等：毎月同額返済　/　元金均等：元金を均等返済（初期負担大・総利息少） 返済推移グラフ 金利別 月々返済額の比較（借入額 3,500万円・35年） 住宅ローンの基礎知識 元利均等返済と元金均等返済の違い 元利均等返済は毎月の返済額が一定のため、家計の計画が立てやすいのが特徴です。ただし、返済初期は利息の割合が大きく、元金がなかなか減りません。 ...

SQL 入力 MongoDB 出力 コピーしました！ 変換する 出力をコピー クリア サンプルSQL SELECT * WHERE フィールド指定 WHERE AND LIKE IN ORDER + LIMIT INSERT UPDATE DELETE 確定申告・会計をもっとラクに？ freee会計 なら、フリーランスの経費管理もクラウドで簡単。まずは無料で試してみましょう。 ...

🖼️ 写真をここにドロップ JPEG・PNG・WebP・GIF対応。アップロード不要、ブラウザ完結 ...

プリセット: ナビバー カードグリッド 聖杯レイアウト サイドバー 中央揃え <!-- コンテナ設定 --> <div class="fa-section"> <div class="fa-section-title">コンテナ</div> <div class="fa-row"> <label>display</label> <select id="fa-display"> <option value="flex" selected>flex</option> <option value="inline-flex">inline-flex</option> </select> </div> <div class="fa-row"> <label>flex-direction</label> <select id="fa-direction"> <option value="row" selected>row</option> <option value="row-reverse">row-reverse</option> <option value="column">column</option> <option value="column-reverse">column-reverse</option> </select> </div> <div class="fa-row"> <label>justify-content</label> <select id="fa-justify"> <option value="flex-start" selected>flex-start</option> <option value="flex-end">flex-end</option> <option value="center">center</option> <option value="space-between">space-between</option> <option value="space-around">space-around</option> <option value="space-evenly">space-evenly</option> </select> </div> <div class="fa-row"> <label>align-items</label> <select id="fa-align-items"> <option value="stretch" selected>stretch</option> <option value="flex-start">flex-start</option> <option value="flex-end">flex-end</option> <option value="center">center</option> <option value="baseline">baseline</option> </select> </div> <div class="fa-row"> <label>align-content</label> <select id="fa-align-content"> <option value="normal" selected>normal</option> <option value="flex-start">flex-start</option> <option value="flex-end">flex-end</option> <option value="center">center</option> <option value="space-between">space-between</option> <option value="space-around">space-around</option> <option value="stretch">stretch</option> </select> </div> <div class="fa-row"> <label>flex-wrap</label> <select id="fa-wrap"> <option value="nowrap" selected>nowrap</option> <option value="wrap">wrap</option> <option value="wrap-reverse">wrap-reverse</option> </select> </div> <div class="fa-row"> <label>gap</label> <input type="text" id="fa-gap" value="0px" style="max-width:90px;"> </div> <div class="fa-row"> <label>height（高さ）</label> <input type="text" id="fa-height" value="260px" style="max-width:90px;"> </div> </div> <!-- アイテム管理 --> <div class="fa-section"> <div class="fa-section-title">アイテム</div> <div style="display:flex;gap:5px;margin-bottom:8px;"> <button class="fa-add-btn" id="fa-add-item">+ 追加</button> <button class="fa-remove-btn" id="fa-remove-item">- 削除</button> </div> <div class="fa-item-tabs" id="fa-item-tabs"></div> </div> <!-- 選択アイテム設定 --> <div class="fa-section" id="fa-item-controls"> <div class="fa-section-title">選択アイテム</div> <div class="fa-row"> <label>flex-grow</label> <input type="number" id="fa-grow" value="0" min="0" max="10" step="1" style="max-width:80px;"> </div> <div class="fa-row"> <label>flex-shrink</label> <input type="number" id="fa-shrink" value="1" min="0" max="10" step="1" style="max-width:80px;"> </div> <div class="fa-row"> <label>flex-basis</label> <input type="text" id="fa-basis" value="auto" style="max-width:80px;"> </div> <div class="fa-row"> <label>order（順序）</label> <input type="number" id="fa-order" value="0" min="-10" max="10" step="1" style="max-width:80px;"> </div> <div class="fa-row"> <label>align-self</label> <select id="fa-align-self"> <option value="auto" selected>auto</option> <option value="flex-start">flex-start</option> <option value="flex-end">flex-end</option> <option value="center">center</option> <option value="baseline">baseline</option> <option value="stretch">stretch</option> </select> </div> <div class="fa-row"> <label>width（幅）</label> <input type="text" id="fa-item-width" value="auto" style="max-width:80px;"> </div> <div class="fa-row"> <label>height（高さ）</label> <input type="text" id="fa-item-height" value="auto" style="max-width:80px;"> </div> <div class="fa-row"> <label>ラベル</label> <input type="text" id="fa-item-label" value="" style="max-width:80px;"> </div> </div> ライブプレビュー アイテムをクリックして選択 <div class="fa-output-header"> <span>生成CSS</span> <button class="fa-copy-btn" id="fa-copy-btn">CSSをコピー</button> </div> <div class="fa-output" id="fa-output"></div> 関連ツール ボックスシャドウを生成 → CSSボックスシャドウジェネレーター ...