Web制作・運用の毎日の作業を、ブラウザだけで完結させるツール集です。
制作会社・個人開発者・運営担当者の方が現場で本当に使う機能を、148種類のツールとして公開しています。会員登録は不要で、データはサーバへ送信されません。利用回数の制限もありません。実装の合間や見積もり作成中に、ブラウザでサッと開いてお使いいただけます。
本サイトの3つのお約束
合同会社センターライトが、Web制作・システム開発の現場で実際に使用している機能を、無料で公開しています。安心してお使いいただくため、以下の3点をお約束します。
1. ブラウザ内で処理します
大半のツールはブラウザ内 (JavaScript) で動作し、入力されたデータはサーバへ送信されません。機密性の高いデータも安心してお使いいただけます。お問合せフォームなど一部のサーバ処理が必要なものは個別に明記しています。
2. 制作現場で実際に使用しています
掲載しているツールは、合同会社センターライトが受託案件・自社運営の現場で日常的に使用しているものです。机上の理論ではなく、実務で必要になった機能を公開しています。
3. 登録・課金は一切ありません
会員登録は不要で、利用回数の制限もありません。広告も最小限に抑えています。「ちょっと使いたい」その瞬間に、ブラウザを開いてすぐ作業に取りかかれます。
最新の更新情報
合同会社センターライトが運営するサイトとして、継続的にツールの追加・改善を行っております。
全ツール一覧
カテゴリ別に整理。気になる名前があれば、まずは触ってみてください。
文字列・テキスト
10ツール文字数・バイト数・行数・単語数を即時カウント。改行/空白の扱いを選択可。
通常文字列および正規表現での置換に対応。
UPPER/lower/Capitalize/キャメル/スネークケース変換。
英数・記号・カナの全角/半角を相互変換。
ひらがな/カタカナの相互変換、半角カナ対応。
重複した行を削除し、ユニークな行のみ抽出。
空行除外オプション付きで行数を集計。
改行・タブ・空白の置換、除去、整え直しに対応。
昇順/降順/自然順/ランダムで並び替え。
Lorem Ipsumおよび日本語ダミー文章の生成。
エンコード・変換
11ツール5方式 (encodeURI / encodeURIComponent / form-urlencoded / Path segment / RFC3986) に対応。
テキストおよびファイルのBase64変換。
< > & " などHTML特殊文字を実体参照に変換・解除。テンプレ出力・XSS対策用。
\uXXXX形式とUTF-8文字の相互変換。
JSONの整形・圧縮・構文検証・エラー位置特定を1ツールで。
JSONとPHP/JavaScript配列形式の相互変換。
JSON配列をCSV形式に変換。
CSVをJSON配列に変換。
YAMLとJSONの相互変換。
XMLの整形・圧縮・バリデーション。
インデント・予約語・カラム・AND/OR位置の整形。
ハッシュ・セキュリティ
6ツール画像
18ツールPNG/JPG/WebPを画質を保ったまま大幅圧縮。PNGは色数量子化(TinyPNG相当)、JPEG/WebPは高品質再エンコード。最大20枚一括・ZIP出力。完全ブラウザ内処理。
座標指定・比率指定でトリミング。
幅/高さ/比率指定でリサイズ。
JPG/PNG/WebP/GIFを相互変換。WebPからJPG・PNGへの変換や最大20枚の一括変換に対応。
AIで画像の人物・物体を自動検出し背景を透過。完全ブラウザ内処理でプライバシー保護。指定色透過モードも併用可能。
画像から位置情報等のメタデータを除去。
任意サイズ・色・テキストのプレースホルダ画像を生成。
画像のサイズ・カラーモード・EXIF情報を表示。
URL/テキスト/メール/電話/Wi-Fi/連絡先のQR生成。PNG/SVG/EPS出力対応で業務印刷データにも使えます。
画像から各サイズのfavicon一式を生成。
画像から主要色を抽出してカラーパレット作成。
画像の指定範囲または全体にモザイクをかけてプライバシー保護。モザイク粒度調整可。
名前を入力するだけで丸印・角印・三文判の電子印鑑画像 (PNG透過) を生成。電子契約・社内回覧に。
QRコード画像をアップロードまたはカメラで撮影してテキスト・URL・連絡先等の内容を読み取り。
fabric.jsベースの本格的なグラフィックエディタ。図形/テキスト/画像/フリーハンド描画、レイヤー、フィルタ、SVG/PNG/JPG出力。SNSバナー/名刺/ロゴテンプレ付属。プロ仕様のベクター編集をブラウザで実現。
SVG最適化・PNG/JPG変換・CSS背景image (data URI/URL Encode)・React JSX変換・寸法/viewBox表示。素人〜玄人のSVG作業を1ツールで完結。
EPS・PDFをベクター情報を保ったままSVGに変換しダウンロード。完全ブラウザ内処理でファイルは外部送信なし。複数ページPDF対応で印刷入稿データの再利用にも。
SVGに描画アニメ・回転・フェード・パスドロー・バウンス等10種以上のアニメーションを視覚的に追加。CSS @keyframes/SMIL両対応のコード生成。
カラー・配色
6ツール計算・コンバート
19ツール税抜→税込/税込→税抜の即時計算。税率変更可。
内税額・税抜額の分離算出。
割引額・割引後価格・割引率の算出。
長さ/重さ/容量/温度/面積の単位変換。
2進/8進/10進/16進の相互変換。
UNIX時間と日時の相互変換。タイムゾーン対応。
2日間の差分(日/時間/分/秒)を算出。
生年月日から正確な年齢を算出。
身長・体重からBMI値と判定区分を算出。
年収・月収・時給・所得税の概算。
数値を通貨形式(¥/$/€等)に整形。
角度からsin/cos/tan/cot/sec/cscを一括計算。度/ラジアン両対応、グラフ表示付き。
直角三角形の2辺から残り1辺・斜辺・角度・面積・周長を計算。建築/設計/学習に。
最大15桁の整数を素因数分解。エラトステネスのふるいで高速処理、約数一覧表示。
走行距離・燃費・ガソリン単価からガソリン代を計算。往復・複数台・年間試算対応。
生年月日を入力するだけで満年齢・数え年・干支・西暦/和暦を一発算出。学年自動判定付き。
レシピを「元の人数」と「作りたい人数」で材料量を自動再計算。料理初心者でも分量ミスゼロ。
身長/体重/年齢/性別/活動レベルから基礎代謝(BMR)と1日必要カロリー(TDEE)をMifflin-St Jeor式で計算。
毎月の積立額・利率・期間から最終貯金額を複利計算。目標額から逆算モードもあり。
WEB制作
16ツール70種類以上のCSSボタンデザインからクリックで選択しプレビューしながら作成。シンプル/グラデ/影付き/3D/アウトライン/アニメ/アイコン付/シャイン/ニューモ/グラスモーフィズム等。色・テキストをライブ編集してHTML/CSS・Tailwind・Bootstrap・Material 3の4形式で即コピー。
h1〜h6見出しの装飾デザイン60種以上をクリック選択+ライブプレビュー。シンプル/おしゃれ/ビジネス/カジュアル。色・テキストカスタマイズしてHTML/CSS・Tailwind・Bootstrap対応コードを即コピー。
ログイン/問合せ/ニュースレター/検索など20種類以上のフォームデザインからクリック1つで選択。シンプル/モダン/グラスモーフィズム/ニューモ等を完全ブラウザ内でプレビュー、HTML/CSSコードを即コピー。
プロフィール/商品/ブログ/価格表/通知など20種類以上のカードデザインから選択。シンプル/モダン/グラデ/影付き/グラスモーフィズム等。HTML/CSSコードを即コピー。
Flexboxプロパティの視覚的生成。
CSS Gridレイアウトの視覚的生成。
SEO/OGP/Twitterカード一括生成。
クローラ制御ファイルの生成。
リダイレクト/Basic認証/IP制限等のテンプレ生成。
URL入力からsitemap.xmlを生成。
CSS/JavaScriptの圧縮・最小化。
任意URLからOpen Graph Protocol/Twitterカード/Meta情報を取得しプレビュー表示。SNSシェア時の見え方確認に。
メールアドレスをHTML実体参照/JavaScript分割/CSS逆順表示等の方式で難読化。スパムボット収集対策に。
行数・列数・ヘッダー有無・スタイルを指定してHTML/CSSのテーブルコードを生成。コピー&ペーストで即利用可能。
Google Fonts日本語フォント12種を即時プレビュー。テキスト入力で見本を確認しCSS埋め込みコードを取得。
px/rem/em/%/vw/vh/pt等のCSS単位を相互変換。base font size指定、複数値一括変換、コピー可。
アニメーション
6ツールフェードイン/スライドイン/バウンス/回転/拡大縮小/シェイクなど30種類以上のCSS @keyframes アニメーションをライブプレビュー&コード即コピー。継続時間・遅延・イージング調整可。
AOS (Animate On Scroll) ライブラリ向けのHTML属性を生成。スクロールで要素が出現するアニメ20種類以上をプレビューしながら設定可能。
GSAP (GreenSock) で人気の演出パターン (フェード・スライド・スタガー・モーフ等) のJavaScriptコードを生成。プレビュー&コピーで即実装。
Animate.css ライブラリ向けのHTMLクラスを生成。フェード・スライド・バウンス・フリップ等の定番アニメーション40種類以上をプレビューしながら設定。継続時間・遅延・繰り返し回数も調整可能。
Hover.css ライブラリ向けのHTMLクラスを生成。マウスホバー時のエフェクト40種類以上 (拡大・回転・影・カラー変化・ボーダー演出等) をプレビューしながら選択可能。
2025年トレンドの軽量モダンアニメーションライブラリ Motion One のJavaScriptコードを生成。Spring物理演算・ステージング・パスアニメ等を実装サンプル付きで提供。
フレームワーク
6ツールNext.js 15 / Nuxt 3 / Astro 5 / SvelteKit / Remix / Solid Start をブラウザ内で試せるプレイグラウンド。各フレームワークの概要・特徴・サンプルコード・公式ドキュメント・StackBlitz起動を1ページに集約。
Tailwind CSS v4 / Bootstrap 5 / Bulma の3大CSSフレームワークを同じUI (ボタン・カード・フォーム) で比較できるプレイグラウンド。各フレームワークのCDN・基本クラス・特徴・サンプルコードを1ページに集約。
shadcn/ui / Material UI / Mantine / Chakra UI / Ant Design の5大Reactコンポーネントライブラリを概要・特徴・サンプルコード・採用例で比較。プロジェクトに合った選定の参考に。
Next.js / Nuxt / Astro / SvelteKit / Remix / Solid Start の6大フレームワーク向けに、create-XXX-app コマンドのオプション (TypeScript・Tailwind・パッケージマネージャ等) を選んで完全なコマンドを即生成・コピー。
各フレームワーク (Next.js / Nuxt / Svelte / Solid) のコンポーネント雛形コードを、コンポーネント名・props・state・スタイル方式から自動生成。同じ仕様のコンポーネントを各FWの構文比較で並べて確認できる学習用にも最適。
Tailwind CSS / Bootstrap 5 に対応した、ブロック組み合わせ式のランディングページビルダー。日本のLP定番セクション (お悩み訴求・3ステップ・他社比較・期間限定キャンペーン・メディア掲載・巨大数字) を含む25種類のブロックを選んで並べ替え、リアルタイムプレビューで確認し、完成したHTMLを即コピー。叩き台・モック・MVP・本番LP全てに対応。
Bootstrap
8ツールBootstrap 5専用の簡易ビジュアルビルダー。Hero/Cards/Form/Pricing/Footer等のセクションをクリック追加・順序入替・編集して完全HTMLコード生成。インストール不要。
Bootstrap 5の12カラムグリッドを視覚的に設計。レスポンシブブレークポイント (xs/sm/md/lg/xl/xxl) 対応HTMLコード生成。
btn-primary/secondary/success等の色・サイズ・outline・disabled状態を視覚調整。HTMLコード即時生成。
画像・ヘッダー・本文・フッター・ボタンを組合せたcardコンポーネントを視覚生成。プレビュー付き。
alert-success/warning/danger等のアラート、各色のバッジ (badge) コンポーネントを生成。
Bootstrap 4/5、Bootstrap Icons、Popper.js等のCDN <link>/<script>タグをバージョン選択で即時生成。
input/select/textarea/checkbox/radioを組合せたフォームをドラッグ感覚で組立。バリデーション対応コード生成。
マージン/パディング/Flexbox/Display等のユーティリティクラスを検索・絞り込み。Bootstrap 5対応。
ネットワーク調査
9ツールURLを入れるだけでIP・設置場所・DNS・SSL・WHOIS・ブラックリスト判定・ページ内リンクを一画面に集約。怪しいサイトを開く前の安全確認に。
A/AAAA/MX/NS/TXT/SOA/CNAME/CAA等の全DNSレコードを一括取得。
ドメインの登録者・登録日・有効期限・ネームサーバ等のWHOIS情報を取得。
任意IPの位置情報・ISP・ASN・組織名・プロバイダ判別。逆引きPTR対応。
指定ホスト/ポートのTCP接続可否を確認。HTTP/SSH/SMTP等の主要ポート一括チェック。
SSL/TLS証明書の発行者・有効期限・対象ドメイン・暗号スイートを取得。
任意URLの応答ヘッダ・リダイレクトチェーン・Server/X-Powered-By等を確認。
60種類以上のTLD (.com/.jp/.io/.ai/.dev等) の空き状況を一括チェック。バリュードメインで即取得可能。
IPアドレス/CIDR (例: 192.168.1.0/24) からネットワーク範囲・ホスト数・ブロードキャスト・サブネットマスクを瞬時計算。
環境確認
6ツール今あなたがこのサーバへ接続している情報を表示。IPアドレス・UserAgent・プロキシ経由か等を確認できます。
今あなたが使っているブラウザの種類・バージョン・OS・画面サイズを表示。
今あなたがアクセスしているIPアドレスを表示。プロキシ経由検出・IPv4/IPv6判定対応。
あなたのブラウザがこのサーバへ送信しているHTTPリクエストヘッダの全項目を表示。
このブラウザに保存されている、このサイト (ドメイン) のCookieを一覧表示・削除。document.cookie 経由のブラウザ内操作のためサーバ送信なし。
指定URLのHTTPレスポンスヘッダから公開情報を診断。Server名・X-Powered-By (公開時のみ)・セキュリティヘッダ (HSTS/CSP/XFO等) の実装状況を確認。
日時・カレンダー
3ツール抽選・ゲーム
7ツール開発・その他
10ツール正規表現のマッチ結果を即時表示。フラグ指定対応。
2つのテキスト差分をハイライト表示。
cron式の生成・解釈・次回実行時刻表示。
AIプロンプトのテンプレ管理・置換・抽出・結合。
EAN13/Code39/Code128等のバーコード生成。
B/KB/MB/GB/TBの相互変換と総計算出。
インラインCSS・<style>ブロック・HTML全体をTailwind v4ユーティリティクラスへ自動変換。200+プロパティ対応。
JWTトークンをHeader/Payload/Signatureに分解しJSON整形表示。HS256/RS256判別、有効期限可視化、claimハイライト付。
URL/HTTPメソッド/ヘッダ/Body入力で cURL コマンドを自動生成。fetch/axios/PHP/Pythonコードも同時出力。
MarkdownをリアルタイムでHTMLプレビュー。GitHub風スタイル、HTML/MDコード同時表示、ファイルDL対応。
ファイル
7ツールアップロードしたテキストファイルの文字数集計。
大きなCSVを指定行数で分割。
複数CSVを1ファイルに結合。
複数のPDFを順序指定して1ファイルに結合。完全ブラウザ内処理でサーバ送信なし。
PDFをページ範囲指定 (1-3, 5, 7-9等) または全ページ個別に分割。複数生成時はZIP化。
PDFのファイルサイズを大幅に削減。容量を占めている内部構造を単純化することで最高圧縮へと導きます。品質4段階・解像度4段階・カラーモード2種を選択可能。完全ブラウザ内処理でサーバ送信なし。
CSV ↔ JSON 双方向変換。ヘッダ自動判定・型推論・区切り文字選択対応。