1. 製品
  2.   CAD
  3.   Node.js
  4.   JSketcher
 
  

スケッチを作成して DWG にエクスポートするための無料の Node.js ライブラリ

オープンソースの Node.js 2D および 3D CAD モデラー ライブラリを使用すると、2D スケッチをプログラムで作成、編集し、STL、DWG、SVG に変換できます。

JSketcher ライブラリとは？

jSketcher は、Web アプリケーション内で直接スケッチを作成、編集、エクスポートするためのシンプルでありながら強力な API を提供するように設計された、強力な Node.js ライブラリです。パフォーマンスと使いやすさを念頭に構築されており、Node.js の非同期特性を活用してインタラクティブな描画タスクを効率的に処理します。JSketcher は、プログラムで 2D スケッチを作成および操作できるように設計された、軽量のオープンソース JavaScript ライブラリです。図形、線、曲線を描画するためのシンプルで直感的な API を提供しているため、図やスケッチを動的に生成する必要がある開発者にとって最適な選択肢となります。このプロジェクトは GitHub でメンテナンスされており、貢献とコミュニティからのフィードバックを歓迎しているため、オープンソースのイノベーションを重視する開発者にとって最適な選択肢となります。

JSketcher は、描画キャンバスの設定と管理を簡単にする、開発者フレンドリーなインターフェースを提供します。このライブラリには、フリーハンド描画、図形作成（例：長方形、円）、テキスト挿入などのツールが組み込まれています。交差、オフセット、変形（例：拡大縮小、回転、平行移動）といった高度な幾何学的操作も備えており、複雑な図も簡単に作成できます。ライブラリは非常に拡張性に優れているため、開発者は必要に応じてカスタム図形、ツール、機能を追加できます。教育ツール、共同ホワイトボード、クリエイティブデザインプラットフォームなど、jSketcherは、プロジェクトの創造性を刺激する、堅牢で柔軟性の高いモジュール式ソリューションを提供します。

Previous Next

JSketcher を使い始める

JSketcher をインストールするには、npm を使用することをお勧めします。スムーズにインストールするには、以下のコマンドを使用してください。

npm経由でJSketcherをインストールする

 npm install jsketcher

手動でインストールすることもできます。GitHub リポジトリから最新リリース ファイルを直接ダウンロードします。

JavaScript でシンプルなスケッチを作成

JSketcher ライブラリは、ソフトウェア開発者が最小限のコードでスケッチを作成できる、シンプルで使いやすい API を提供します。このライブラリは初心者にも使いやすく設計されている一方で、経験豊富な開発者向けの高度な機能も備えています。以下の例は、ソフトウェア開発者が新しいスケッチを作成し、円と四角形を追加して、SVG 文字列としてエクスポートする方法を示しています。

Node.js アプリ内で新しいスケッチを作成し、基本的な図形を描画する方法

const { Sketch, Shapes } = require('jsketcher');

// Create a new sketch
const sketch = new Sketch();

// Add a circle
const circle = Shapes.circle(50, 50, 30); // (x, y, radius)
sketch.add(circle);

// Add a rectangle
const rectangle = Shapes.rectangle(100, 100, 80, 40); // (x, y, width, height)
sketch.add(rectangle);

// Export the sketch as SVG
const svg = sketch.toSVG();
console.log(svg);

Node.js でのスケッチのエクスポートと保存

オープンソースの JSketcher ライブラリを使用すると、ソフトウェア開発者はわずか数行のコードを書くだけで、CAD スケッチを読み込み、サポートされているさまざまなファイル形式にエクスポートできます。このライブラリでは、PDF、SVG、JSON など、さまざまな形式でスケッチをエクスポートできます。これにより、ライブラリを他のツールと簡単に統合したり、Web アプリケーションでスケッチを表示したり、永続的なストレージや共有機能を必要とするアプリケーションに役立てたりすることができます。次の例は、ポリゴンを作成し、スケッチを JSON オブジェクトとしてエクスポートする方法を示しています。

Node.js 内でポリゴンを作成し、スケッチを JSON オブジェクトとしてエクスポートする方法

const { Sketch, Shapes } = require('jsketcher');

// Create a new sketch
const sketch = new Sketch();

// Add a polygon
const polygon = Shapes.polygon([
  [10, 10],
  [50, 30],
  [30, 70],
  [5, 50]
]);
sketch.add(polygon);

// Export the sketch as JSON
const json = sketch.toJSON();
console.log(json);

リアルタイムコラボレーション

jSketcher はコアとなる描画機能を担っていますが、Node.js との統合により、リアルタイムコラボレーションアプリケーションに最適です。Socket.io などのライブラリと組み合わせることで、描画イベントを複数のユーザーにブロードキャストし、ホワイトボードを共有できます。以下のサーバーサイドスニペットは、Socket.io を使用して描画イベントを中継する基本的な Express アプリケーションを構築し、複数ユーザーによる共同スケッチを可能にします。

jSketcher ライブラリを Socket.io と統合する方法

const express = require('express');
const http = require('http');
const socketIO = require('socket.io');
const JSketcher = require('jsketcher');

const app = express();
const server = http.createServer(app);
const io = socketIO(server);

app.use(express.static('public')); // Serve client-side files

// When a client connects, set up real-time event broadcasting
io.on('connection', (socket) => {
  console.log('A client connected.');

  // Relay drawing data to all clients except the sender
  socket.on('drawing', (data) => {
    socket.broadcast.emit('drawing', data);
  });

  socket.on('disconnect', () => {
    console.log('A client disconnected.');
  });
});

server.listen(3000, () => {
  console.log('Server is running on port 3000.');
});

高度な幾何学的演算と形状のカスタマイズ

オープンソースのJSketcherライブラリには、交差、オフセット、変形（例：拡大縮小、回転、移動）といった高度な幾何学的演算機能が組み込まれており、ソフトウェア開発者はこれらの機能を利用して複雑な図形を簡単に作成できます。さらに、CADアプリケーションではカスタマイズが重要です。jSketcherを使用すると、開発者は寸法、座標、色属性といった詳細なパラメータを指定して図形を追加できるため、すべての要素を正確に制御できます。

 日本