# はじめに & インストール

\


## ダウンロード

**Needle Engine** を使用すると、お気に入りのフレームワークを使って完全にインタラクティブな 3D ウェブサイトを作成できます。

Needle Engine で作成されたプロジェクトは、ウェブ上のどこにでもデプロイでき、自動 LOD サポートを備えた最先端の最適化パイプラインによって自動的に最適化されます。これにより、品質を損なうことなくアセットサイズを最大 100 倍削減できます。

Needle Engine は、**Unity 用パッケージ、Blender 用アドオン、すぐに使える Web Component** として、またはエディタ連携なしのプロジェクト向けに npm パッケージとして利用できます。\
これらはそれぞれ、私たちの構成要素と同じコンポーネントを備えており、さらに多くのものを作成する力を持っています。選択はあなた次第です。

### ワークフローを選択

\
\


### コードエディタとツール

#### コードエディタのインストール

Needle Engine を使用すると、ウェブアプリを簡単に構築できます。これには、多くの場合、JavaScript/TypeScript によるコーディングや、ユーザーインターフェースを記述するための HTML および CSS の作成が含まれますが、常にではありません。これらのファイルの作成と編集には、[Visual Studio Code](https://code.visualstudio.com) を推奨します。これは、Windows、macOS、Linux で動作する無料のオープンソースコードエディタです。

Visual Studio Code をダウンロード

\
\


#### その他の便利なツール

::: tip\
Needle Engine は、ウェブアプリを作成するために以下のツールを使用しますが、Unity または Blender 連携を使用している場合は、手動でインストールする必要はありません。Needle 連携をインストールした後、インストールプロセスをご案内します。\
:::

\
Node.js 20 LTS または 22 LTS.\
Needle Engine は、Node.js を使用して、ローカルコンピュータで作成しているウェブアプリを管理、プレビュー、ビルドします。\
これは、ウェブサイトをインターネットにアップロード（デプロイ）するためにも使用されます。

\
KTX Software – toktx テクスチャツール。 私たちは、Khronos Group による toktx を使用して、3D ファイルをローカルで最適化および圧縮します。プロダクションビルドの詳細については、[ドキュメント](../../deployment#production-builds) を参照してください。

\


### 次のステップ

Needle Engine をインストールしたら、プロジェクト作成、コンポーネントワークフロー、スクリプト、デプロイなどについてさらに深く掘り下げる準備ができました。

* [はじめに: Unity](../unity/index)
* [はじめに: Blender](../blender/index)
* [コンセプト: 3D オブジェクトとコンテンツのエクスポート](../export)
* [コンセプト: プロジェクト構造](../project-structure)
* [コンセプト: ウェブサイトをウェブにデプロイ](../deployment)
* [初心者ガイド: Typescript Essentials](typescript-essentials)
* [初心者ガイド: Unity 開発者向け Needle Engine](for-unity-developers)
* [初心者ガイド: スクリプト参照](../scripting)
* [ライブ例: Needle Engine サンプル](https://engine.needle.tools/samples)

トラブルシューティングのヘルプが必要な場合は、[質問と回答 – FAQ](../faq) セクションを参照してください。\
ぜひ、[フォーラム](https://forum.needle.tools/?utm_source=needle_docs\&utm_content=content) および [Discord Community](https://discord.needle.tools) にご参加ください。

ページはAIによって自動的に翻訳されました
