nodes
Luna Park
ビジュアルスクリプティングエディタ

プログラミングを、
もっとビジュアルに

フロントエンド、バックエンド、データベース、API……構文は消えても、ロジックは残る。
Visual logic graph in Luna Park
Visual interface layout in Luna Park
ベンダーロックインなし
コードをエクスポート
どこにでもホスト可能
ブラウザからすぐに、無料でエディタを使い始められます。
ゲーム感覚のチュートリアルでエディタの使い方を学びましょう。
コードの自由とノーコードのスピード、両方のいいとこ取り。

何が作れる?

Luna Park は、さまざまなアプリケーションを構築できるフル機能のプラットフォームです。

フロントエンドレイアウト

複数ページのレスポンシブなレイアウトを作成

コンポーネント

リアクティブな状態を持つ再利用可能なコンポーネントを構築

ロジック

ノードを組み合わせてロジックをビジュアルに構築

ストア

一元化されたストアでアプリケーションの状態を管理

バックエンド API

REST API でバックエンドサービスを作成

データベース

PostgreSQL データベースでデータを管理

なぜ Luna Park?

もっと自由を求める開発者、チーム、企業のために。

ロックインなし

読みやすいクリーンなソースコードをいつでもエクスポート。ランタイムは不要です。

スタックまるごと

フロントエンド、バックエンド、データベース、API、cron ジョブ。すべてがひとつの場所に。

ビジュアルプログラミング

関数やループなどを使った複雑なロジックを、ビジュアルなグラフ上で直接構築。

本番環境に対応

スタックを変えずに、プロトタイプからデプロイ済みアプリケーションへ。
よくあるノーコードツールでは「ありません」

Luna Park は、プログラミングにビジュアルなインターフェースをもたらします。

変数、関数、条件分岐、ループ、API、データベースクエリ、アプリケーションの状態を、テキストで書く代わりにビジュアルに操作できます。

レイアウトとコンポーネント

再利用可能なコンポーネントでページを構築

レイアウトをデザインし、再利用可能なコンポーネントを切り出し、すべての画面を同じビジュアルワークスペースで編集できます。
ページレイアウト
コンポーネントツリー
再利用可能なコンポーネント
共有ステート
ライブプレビュー
コンポーネント
コンポーネント screenshot
レイアウト
レイアウト screenshot
データベース
データベース screenshot
ロジック
ロジック screenshot
ビジュアルスクリプティング

アプリケーションのロジックをビジュアルに作成

条件分岐、データフロー、バックエンド処理、PostgreSQL クエリを、読みやすいビジュアルグラフで作成できます。
ビジュアルスクリプティング
型安全なロジック
統一されたロジックシステム
PostgreSQL データベース
ビジュアルクエリ

AI で強化されたエディタ。AI ファーストではなく

必要なときに AI を使い、変更内容を確認しながら、アプリケーションを自分でコントロールできます。

お好きなモデルを、ご自身のキーで

MistralOpenAIAnthropicGeminiLocalCustom
01

エディタが主役

AI 連携はエディタを中心に設計されています。その逆ではありません。
02

AI はサポート役

AI が下書きを手伝い、エディタがすべての変更を確認できる状態に保ちます。
03

どんなモデルでも

使い慣れたモデルを、ご自身の API キーで利用できます。
04

プロトタイプからプロダクトへ

画面、ロジック、データ構造、バックエンドのフローをすばやく下書きし、あとから磨き上げられます。

Luna Park を学んで使いこなそう

ゼロから始めるために必要なものがすべて揃っています。

ビジュアルスクリプティングを今すぐ試そう!

このインタラクティブなプレイグラウンドで、ビジュアルスクリプティングの仕組みを体験してみてください。

よくある質問

Luna Park で開発するために知っておきたいことのすべて。
Luna Park はどんな技術を使っていますか?
Luna Park は、広く使われている標準的な技術をベースにしています。フロントエンドは Vue と Vite、バックエンドは Node.js と Fastify で動作し、データベースには PostgreSQL を使用します。つまり、独自のランタイムではなく、ごく一般的なモダン Web スタックです。
プロジェクトをエクスポートして、Luna Park なしで開発を続けられますか?
はい。プロジェクトをソースコードとしてエクスポートし、いつもの開発ツールで作業を続けられます。アプリケーションが Luna Park に縛られることはなく、エクスポートしたコードはあなたのものです。
NPM パッケージは使えますか?
はい。パッケージは npm から直接インストールできます。パッケージに TypeScript の型が含まれていれば、Luna Park が関数、引数、戻り値の型を推論し、自動的にビジュアルノードとして使えるようにします。
既存の Vue コンポーネントやコンポーネントライブラリは使えますか?
はい。Vue コンポーネントをエクスポートしている NPM パッケージをインストールすれば、そのコンポーネントを Luna Park のインターフェースで直接使えます。組み込みコンポーネントに限らず、既存の Vue エコシステムを活用できます。
Luna Park を拡張したり、独自のプラグインを作ったりできますか?
はい。Luna Park には、新しいコンポーネント、ノード、機能でエディタを拡張できるプラグインエコシステムがあります。既存のプラグインを使うことも、必要なツールや機能を組み込むために独自のプラグインを作ることもできます。
Vue/Node アプリケーションを手書きするのと何が違いますか?
根本的な概念は同じで、違うのはそれらの扱い方です。Luna Park では、使い慣れた技術とプログラミングの概念をベースにしたまま、インターフェースとアプリケーションのロジックをビジュアルに構築できます。プログラミングを置き換える抽象化ではなく、もうひとつのプログラミングの方法だと考えてください。
AI なしで Luna Park を使えますか?
もちろんです。AI はオプションであり、Luna Park は AI なしでも完全に使えるように設計されています。必要なときには AI がサポートしますが、アプリケーションを構築し理解するための中心は、あくまでビジュアルエディタです。
Luna Park のプロジェクトはどこにでもデプロイ・ホストできますか?
はい。Luna Park のプロジェクトはエクスポートして単独でデプロイできるため、Luna Park のホスティング基盤に縛られることはありません。プロジェクトに合ったホスティングプロバイダーやインフラを自由に選べます。