Web制作ツールキット
Web制作やフロントエンド開発でよく使う小さなツールを、Next.js + TypeScript + Tailwind CSS でまとめたサイトです。
ツール一覧
エンティティ変換
HTML特殊文字や記号を安全にエンティティ化・復号化できるツール。Web制作やコーディング時の文字化け防止に役立ちます。
開くスニペット作成
コードやテキストをVS Codeのユーザースニペット用JSONに変換。prefixやscopeを指定して、定型入力を素早く呼び出せます。
開くIPアドレス確認
あなたのグローバルIPアドレスを即座に表示するツール。ネットワーク調整やセキュリティチェックの確認に便利です。
開く文字数カウンター
テキストの文字数・バイト数・行数などをその場で集計。原稿作成やSNSの文字数調整、入稿チェックに役立ちます。
開くダミー画像生成
サイズ・色・テキスト・形式を指定してプレースホルダー画像を即時プレビュー。URLコピーやダウンロードにも対応します。ワイヤーフレームやモック、表示テストに便利です。
開くダミーテキスト生成
日本語テキストやLorem Ipsumを、指定した文字数で素早く生成。レイアウト確認やモック作成に最適です。
開くHTML→CSS抽出
HTMLからid・classを抽出し、プレーンCSS/子孫CSS/ネストSCSSの雛形を自動生成。設計初期の整理や既存マークアップの洗い出しに便利です。
開く