設計屋

設計を全自動化する

006-Web Box|ReactとThree.jsを使って、スライダーで高さを操作できるBoxを作成する

2025/3/8    ,

ReactとThree.jsを使って、スライダーで高さを操作できるBoxを作成する手順を説明します。 必要な準備 1. Reactアプリの作成 npx create-react-app box-sli ...

005-ComputeSphere|RhinoComputeで球体を作成しReactで表示

2025/3/6    ,

ReactとThree.jsを活用して、RhinoComputeから取得したデータをもとに3Dの球を描画する方法をご紹介します。このチュートリアルでは、RhinoComputeから2点の頂点データを取 ...

004-ComputeStudySite|RhinoComputeとReactを用いてプログラミング言語の学習メモサイトを構築する

2025/3/8    

要件定義 RhinoComputeを用いたPython、JavaScript、React、Three.jsの学習環境の開発に向けて、具体的な要件を整理します。 これにより、開発の全体像を把握し、必要な ...

003-React-Compute-Box|RhinoCompute + Python + React を使った3Dボックス表示アプリ開発

2025/3/8    , ,

要件定義 RhinoComputeを用いた3Dボックス生成およびWeb上での表示アプリケーションの開発に向けて、具体的な要件を整理します。 これにより、開発の全体像を把握し、必要な作業を明確にします。 ...

no image

Docker with React

2025/1/26  

以下は、DockerとReactを使ってアプリを立ち上げる手順です。 プロジェクトディレクトリの作成 まず、プロジェクトディレクトリを作成します。docker-react という名前でディレクトリを作 ...

no image

Docker構築

2025/1/19  

VSコードインストール Gitインストール https://git-scm.com git bashを開いて以下コードを入力してインストールされているか確認します git --version Dock ...

no image

Web App FAQ

2024/12/30  

002-Rhino-Compute-TwistLine|Rhino ComputeとGrasshopperを使用して3Dモデルを生成

2025/3/8    ,

このアプリは、Rhino Compute と Grasshopper を使用して、3Dモデルを生成し、.3dm ファイルとして保存するプロセスを示しています。 具体的には、以下の手順で処理が行われます ...

001-Rhino-Compute-Sphere|RhinoComputeを使用して3Dモデルをウィンドウに表示

2025/3/8    

このアプリは、3Dモデリングとアニメーションを組み合わせた簡単なビジュアルツールです。Rhino3Dの機能を利用して、複数の球体を生成し、Tkinterを使用してそれらを回転させるアニメーションを画面 ...

000-Rhino-Compute-Local-Run|ローカルでRhinoComputeの実行

2025/10/21    

Rhino.Compute を使用すると、Rhino の幾何学計算機能をクラウド上で活用することが可能です。ただし、アプリケーションを本番環境に展開する前に、制御された環境で動作確認を行い、すべてが正 ...