
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形式で出力可能。
日本語文字数カウンター
SNS投稿前に文字数を即チェック。全角・半角を正確に計算し、X・Instagram・TikTok・note・LINEの文字数制限にリアルタイム対応。コピー・クリア機能付き。
BPM / ディレイタイム計算
BPMを入力するだけで全音符のディレイタイム(ms)・サンプル数・小節長を一覧表示。FL Studio / MPC / SP-404 のディレイ設定やサンプルチョップに即使える。
JWT デコーダー & バリデーター
JWTトークンをペーストするとHeader/Payload/Signatureをデコード。有効期限・発行日をリアルタイム判定。すべてブラウザ内処理でトークンが外部送信されない。
Regex テスター & ビジュアライザー
正規表現をリアルタイムテスト。マッチ箇所を色分けハイライト、キャプチャグループを一覧表示。メール・URL・日付・日本語電話番号などのプリセット付き。
Cron パーサー(JST / UTC)
cron式を入力すると次回10件の実行日時をJSTとUTCで並列表示。逆引き機能でよく使うスケジュールからcron式を生成。GCP Cloud Scheduler / Vercel Cron / GitHub Actions対応。
カラーコード変換 & アクセシビリティ
HEX / RGB / HSL を相互変換。2色のWCAGコントラスト比をAA/AAA基準で判定。Tailwindパレットへの近似色マッピング付き。CSSカスタムプロパティをワンクリックコピー。
ドラムパターン → MIDI エクスポート
ブラウザ完結の16ステップドラムシーケンサー。パターンを組んで▶再生、.midファイルでFL Studio / MPC / Abletonに書き出し。自分のサンプルをドロップして使うことも可能。
ドラムサンプル トリム & ノーマライズ
WAV/MP3をドロップするだけで無音トリム・ノーマライズ・フェードイン/アウトを一括処理。SP-404 / MPC / FL Studio に読み込む前の下処理をブラウザで完結。外部送信なし。