自作ツールコレクション(業務効率化のために開発しました)

OVERVIEW

日々の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 へ一括変換できるツールです。

■ 特徴

  • 複数画像を一度にドラッグ&ドロップ

  • 任意のフォーマットにまとめて変換

  • 最適化・圧縮にも対応

  • 完全ローカル処理で安全(画像は外部に送信されません)

🧑‍💻 開発の目的

これらのツールはすべて、
「制作現場のストレスをなくし、誰でも効率よく作業できる環境を作る」
という目的で制作しました。

  • 細かい画像整理の手間

  • フォント検証の煩雑さ

  • 命名規則の統一

  • デザインアイデア出しの作業負荷

こうした “日常の小さな負担” を軽減することで、
本当に集中すべきところに時間を使えるようになります。