自作ツールコレクション(業務効率化のために開発しました)
日々のWeb制作・デザイン業務で発生する「単純だけど負担の大きい作業」を効率化するために、自分用として複数のツールを開発しました。 使いやすさと即時性にこだわり、すべてブラウザ上で動作する軽量な実装になっています。
Google Fonts リアルタイムプレビューツール
URL: https://google-font-real-time-preview-tool.vercel.app/
■ 概要
Google Fonts のフォントを、任意のテキストで瞬時にプレビューできるツールです。
デザイン作業中の「フォント検証」を圧倒的に高速化できます。
■ 特徴
フォントを選ぶと即プレビュー
テキスト変更・行間・字間・サイズなど自由に調整
Google Fonts API と同期
URL共有でデザイナーとの連携もスムーズに
🎨 グラデーションギャラリー生成ツール
URL: https://gradationgallery.vercel.app/
■ 概要
多数のグラデーション背景を自動生成し、
クリックひとつで CSS をコピーできるギャラリーです。
■ 特徴
100種類以上の美しいグラデーションをランダム生成
CSSコードをワンタップコピー
カスタム配色も可能
LP制作やキービジュアルの背景検討に最適
📝 一括画像リネームツール
URL: https://batchimagerenametoolui.vercel.app/
■ 概要
複数の画像をまとめてドラッグ&ドロップするだけで、
ルールに沿ったファイル名へ自動で一括リネームできるツールです。
■ 特徴
連番・プレフィックス・サフィックスに対応
日付・時刻ベースの命名も可能
左側に変換履歴を固定表示(履歴がスクロールで確認できる)
チームでのデータ管理が圧倒的にラクに
🖼️ 一括画像形式変換ツール(PNG / JPG / WebP)
URL: https://batch-image-optimization-tool.vercel.app/
■ 概要
複数枚の画像をまとめて読み込み、
PNG / JPG / WebP へ一括変換できるツールです。
■ 特徴
複数画像を一度にドラッグ&ドロップ
任意のフォーマットにまとめて変換
最適化・圧縮にも対応
完全ローカル処理で安全(画像は外部に送信されません)
🧑💻 開発の目的
これらのツールはすべて、
「制作現場のストレスをなくし、誰でも効率よく作業できる環境を作る」
という目的で制作しました。
細かい画像整理の手間
フォント検証の煩雑さ
命名規則の統一
デザインアイデア出しの作業負荷
こうした “日常の小さな負担” を軽減することで、
本当に集中すべきところに時間を使えるようになります。
