Skip to content
Tutorial

VectoSolve TypeScript SDK: AI画像ベクトル化をアプリに統合

VectoSolve公式TypeScript SDKは、AIベクトル化、背景除去、アップスケール、ロゴ生成への型安全なアクセスを提供します。npmでインストールし、APIキーで認証し、数分で本番統合をデプロイ。

Robin Monteiro2026年3月16日7\u5206\u3067\u8aad\u3081\u308b
Use this article with an AI assistant:
.md
VectoSolve TypeScript SDK: AI画像ベクトル化をアプリに統合
R
Robin Monteiro

Founder of VectoSolve

Self-taught developer, founder and sole developer of VectoSolve since 2024. He builds the conversion engine and the cutting, embroidery and 3D printing exports.

How this article was made: drafted with AI assistance, then edited and fact-checked before publication. About the author

Image vectorizationCutting machine filesEmbroidery filesSVG
Free previewNo signupFull-quality output

@vectosolve/sdk パッケージは、あらゆるTypeScriptまたはJavaScriptプロジェクトからVectoSolve APIの各エンドポイントへの型安全なアクセスを提供します。画像のベクトル化、背景除去、アップスケール、ロゴ生成 — すべてがnpm install一つで可能です。

インストール

bash
npm install @vectosolve/sdk

クイックスタート

typescript
import { VectoSolve } from '@vectosolve/sdk';

const client = new VectoSolve({ apiKey: 'vs_xxx' });

// 画像をSVGに変換
const result = await client.vectorize({ file: 'photo.png' });
console.log(result.data.svg); // クリーンなSVG出力

APIキーはvectosolve.com/developersで取得できます。

コアメソッド

vectorize()

あらゆるラスター画像をクリーンなSVGベクトル形式に変換。

typescript
// ローカルファイルから
const result = await client.vectorize({ file: 'logo.png' });
console.log(result.data.svg);

// URLから
const result2 = await client.vectorize({ imageUrl: 'https://example.com/image.png' });
console.log(result2.data.svg_url);

料金: 1画像あたり$0.20。

removeBg()

あらゆる画像から背景を除去。透明PNGを返します。

typescript
const result = await client.removeBg({ file: 'product.jpg' });
console.log(result.data.image_url); // 透明PNGのURL

料金: 1画像あたり$0.07。

upscale()

AIによる高解像度化 — アイコン、サムネイル、古いアセットに最適。

typescript
const result = await client.upscale({ file: 'small-icon.png' });
console.log(result.data.image_url); // 高解像度画像のURL

料金: 1画像あたり$0.15。

テキストプロンプトからSVGロゴを生成。スタイル、ブランドカラー、複数バリアントに対応。

typescript
const result = await client.generateLogo({
  prompt: '抽象的な形を使ったモダンなテックスタートアップロゴ',
  style: 'vector_illustration',
  colors: ['#0090ff', '#1cb721'],
  num_variants: 4,
});

result.data.logos.forEach(logo => console.log(logo.svg));

料金: 1ロゴあたり$0.40 (recraftv3) または $0.25 (recraftv2)。

batch()

複数の画像を一度の呼び出しで処理。

typescript
const result = await client.batch([
  { url: 'https://example.com/img1.png', operation: 'vectorize' },
  { url: 'https://example.com/img2.png', operation: 'remove_bg' },
]);

A Full Year of Conversions for $49

Starter Annual: 25 conversions every month, $49 for the whole year. That is about $4.08 a month · Cancel anytime

Get the Annual Deal

認証

すべてのリクエストにAPIキーが必要です。vectosolve.com/developersで取得してください。

typescript
// 直接指定
const client = new VectoSolve({ apiKey: 'vs_xxx' });

// 環境変数から
const client = new VectoSolve({ apiKey: process.env.VECTOSOLVE_API_KEY });

クレジット追跡

すべてのレスポンスにクレジット使用量が含まれ、支出を監視できます:

typescript
const result = await client.vectorize({ file: 'image.png' });
console.log(result.credits); // { used: 0.20, remaining: 4.80 }

クレジットの購入またはサブスクリプションはvectosolve.com/pricingで。

開発者エコシステムの一部

SDKはVectoSolveの3つの開発者ツールのひとつです:

ツールインストール用途
TypeScript SDKnpm i @vectosolve/sdkアプリ統合
CLInpm i -g vectosolveターミナル & CI/CD
MCP Servernpx @vectosolve/mcpAI IDE統合

3つすべてが同じVectoSolve APIに接続し、クレジット残高を共有します。

→ npmで見る · APIドキュメント · 料金

Tags:
TypeScript
SDK
API
\u30d9\u30af\u30c8\u30eb\u5316
npm
\u7d71\u5408
\u958b\u767a\u8005
Share:

Try VectoSolve Now

Convert your images to high-quality SVG vectors with AI

AI-Powered Vectorization

Ready to vectorize your images?

Convert your PNG, JPG, and other images to high-quality, scalable SVG vectors in seconds.