
2026/04/11 3:39
**Show HN:** *FluidCAD – JavaScript で作るパラメトリック CAD*
RSS: https://news.ycombinator.com/rss
要約▶
Japanese Translation:
FluidCADは、軽量でコード中心のパラメトリックCADツールです。デザイナーはJavaScript内で直接3Dジオメトリを構築し調整できます。従来のCADに多く存在する手作業ステップを短いスクリプトで置き換え、形状を押し出したりパターン化したりエッジをフィレットしたりフェイスをシェル化したりブーリアン演算を実行したりできるようにします。すべての操作はブラウザ上で即座に実行される簡潔なコマンドで行われます。
インターフェースには、即時ビジュアルフィードバック用のライブビューア、前後へ戻るための履歴パネル、およびボイラープレートを減らすスマートデフォルト(例:最新のスケッチを自動選択したり隣接するソリッドを融合させたり)が備わっています。形状参照により、他の形状からフェイス・エッジ・頂点を直接使用できます。
FluidCADはフルカラーSTEPファイルを出力し、主流のCADプログラムとの互換性を確保します。セットアップは簡単で、
npm i fluidcad でインストールし、npx fluidcad init を実行してから VS Code 拡張機能を追加し「Show FluidCAD Scene」を開くだけです。
このツールはモデル作成スクリプトにおいて最小限の数学を強調し、最大限の明快さを提供します。JavaScriptに慣れた開発者がコードエディタを離れることなく迅速なプロトタイピングを行いたい場合に魅力的な選択肢となります。
Text to translate
FluidCAD is a lightweight, code‑centric parametric CAD tool that lets designers build and tweak 3‑D geometry directly in JavaScript. It replaces many manual steps of traditional CAD with short scripts: you can extrude shapes, pattern them, fillet edges, shell faces, and perform booleans—all through concise commands that run instantly in the browser. The interface offers a live viewport for instant visual feedback, a history panel to step back or forward, and smart defaults (e.g., automatically selecting the most recent sketch or fusing adjacent solids) that reduce boilerplate. Shape references allow direct use of faces, edges, and vertices from other shapes. FluidCAD exports full‑color STEP files, ensuring compatibility with mainstream CAD programs. Setting it up is simple—install via
, runnpm i fluidcad, and add the VS Code extension to open a “Show FluidCAD Scene.” The tool emphasizes minimal math for maximum clarity in modeling scripts, making it an attractive choice for developers comfortable with JavaScript who want rapid prototyping without leaving their code editor.npx fluidcad init
本文
パラメトリック CAD を誰でも使えるように
JavaScript で書く。リアルタイムで 3D ジオメトリを確認。
my-part.fluid.js sketch("xy", () => { circle(50) }) const e = extrude(50) fillet(5, e.startEdges()) shell(-2, e.endFaces())
実際に動かしてみる
インタラクティブなビューポート入力からパラメトリックヒストリーまで ― FluidCAD の特徴を深掘り。
ヒストリー
- モデリング履歴を辿る
フィーチャーツリーを一操作ずつステップし、モデルの構築経緯を確認。任意の時点へロールバックでき、破壊的な編集は不要です。
インタラクティブ・マウス駆動プロトタイピング
- ビューポートでドラッグしてエクストルード領域を作成。形状を素早く決めたらコードにロックします。
フィーチャー変換&パターン
- 線形・円形パターンをフィーチャー全体に適用。ミラー、回転、複雑ジオメトリの繰り返しも簡単に実現。
互換性:STEP インポート & エクスポート
- 既存 CAD モデルをインポートしたり、カラー情報付きでデザインをエクスポート。標準 CAD ツールとすべて連携可能です。
コードによる CAD を本来の形に
最初のスケッチから最終エクスポートまで網羅するパラメトリック CAD の完全ツールボックス。
従来の CAD ワークフロー
スケッチ、押し出し、フィレット、シェル、ブーリアンなど。CAD ユーザーに馴染み深いモデリング手順です。
スマートデフォルト
- ほとんどの操作が自動で最適な設定を選択
は直前のスケッチを取得extrude
は最後に選択したエッジを対象fillet- 接触している形状は自動で統合 — ボイラープレートが減り、コードが読みやすくなります。
シェイプ参照
他のシェイプのフェイス・エッジ・頂点を直接参照。計算量は最小限に抑えつつ、最大限の可読性を実現します。
はじめてみよう
-
プロジェクトをセットアップし、エディタを 1 分以内で接続
# ターミナル npm i fluidcad npx fluidcad init -
VS Code Marketplace から FluidCAD 拡張機能をインストール
-
プロジェクトフォルダーを VS Code で開く
-
コマンドパレット(
/Ctrl+Shift+P
)を開き Show FluidCAD Scene を実行Cmd+Shift+P
これだけで、コードを書いてリアルタイムにモデルを確認できる環境が整います。