Web制作ツールキット

Web制作やフロントエンド開発でよく使う小さなツールを、軽快に素早く扱える形でまとめています。

ツール一覧

エンティティ変換

HTML特殊文字や記号を安全にエンティティ化・復号化できるツール。Web制作やコーディング時の文字化け防止に役立ちます。

開く

スニペット作成

コードやテキストをVS Codeのユーザースニペット用JSONに変換。prefixやscopeを指定して、定型入力を素早く呼び出せます。

開く

IPアドレス確認

あなたのグローバルIPアドレスを即座に表示するツール。ネットワーク調整やセキュリティチェックの確認に便利です。

開く

文字数カウンター

テキストの文字数・バイト数・行数などをその場で集計。原稿作成やSNSの文字数調整、入稿チェックに役立ちます。

開く

ダミー画像生成

サイズ・色・テキスト・形式を指定してプレースホルダー画像を即時プレビュー。URLコピーやダウンロードにも対応します。ワイヤーフレームやモック、表示テストに便利です。

開く

ダミーテキスト生成

日本語テキストやLorem Ipsumを、指定した文字数で素早く生成。レイアウト確認やモック作成に最適です。

開く

HTML→CSS抽出

HTMLからid・classを抽出し、プレーンCSS/子孫CSS/ネストSCSSの雛形を自動生成。設計初期の整理や既存マークアップの洗い出しに便利です。

開く

お知らせ