TOSAKAFUNK Tools

全てクライアントサイド(WASM)で完結。サーバーにデータを送らないのでプライバシー安全&爆速。

WebP / AVIF Converter

ブラウザで完結する無料のWebP / AVIF / PNG / JPEG画像変換ツール。サーバーに画像をアップロードせず、プライバシーを保護しながら高速変換。画質調整、一括ダウンロード、Before/After比較スライダー、Base64エクスポートに対応。

OGP Simulator

X (Twitter)、Facebook、LINE、Slack、Discordなど主要SNSでのOGP表示をリアルタイムでシミュレート。セーフエリアガイド、Next.js Metadataコード生成機能付き。公開前に1ピクセルの狂いもなく確認できる究極のOGPシミュレーター。

PX to REM & Fluid Type Converter

レスポンシブ時代のデザインシステム構築を支援する文字サイズ設計の司令塔ツール。PX⇔REM変換、Visual Ruler、Tailwind Suggestion、Modular Scale、Fluid Typography(clamp関数)生成まで、文字サイズ設計に必要なすべての機能を提供。

JSON to TypeScript & Zod Converter

JSONを貼り付けるだけで、TypeScript型、Zodスキーマ、モックデータを一括生成。値とキー名を解析して賢く推論するSmart Inference機能(日付、Email、URLの自動判定)付き。リアルタイム変換、JSONフォーマッター対応。

Smooth Shadow & Glassmorphism Generator

物理演算に基づいた積層シャドウ、グラスモーフィズム、ニューモーフィズムを生成。Stripe、Vercel、macOS風のプリセット、動的背景、比較機能付き。CSS/Tailwind JIT/Tailwind Config形式で出力。

CSS Gradient & Mesh Generator

モダンなWebデザインに不可欠なオーロラ(Mesh Gradient)やノイズ質感を、直感的なGUI操作で作成できる背景デザインツール。Framer Motionを活用したドラッグ操作、Linear/Radial Gradient、Non-linear Easing機能、SVG Noise Overlayに対応。CSSコード生成とPNGエクスポート機能付き。

CSS Background Patterns Generator

VercelやLinearなどが採用する「知的で奥行きのあるWeb背景」を直感的に生成。Grid、Dots、Graph Paperなど6種類のパターン、Smart Masking(Vignette/Fade)、Texture & Noise、Interactive Spotlight機能付き。CSS/Tailwind/React Component形式で出力。

Ultimate Fee Calculator

日本のフリーランス実務に完全対応した報酬計算ツール。一般(時間単価/固定報酬)とSES(精算幅)の両モードに対応。インボイス制度対応、源泉徴収計算、クラウドソーシング手数料計算(料率/固定額)、営業日自動計算、年収換算機能付き。Email/Excel/Notion形式で出力可能。