ブラウザの1タブで完結する本格的なWeb開発スタジオ

3ペイン分割エディターで素早くフロントエンドを検証。ビルドやバンドル作業を待つことなく、最新のES2024 JavaScriptやCSSスタイリングを即座に確認できます。

• 入力に合わせて自動レンダリングされる同期DOMプレビュー
• log、warn、error、infoを捕捉する仮想コンソールを標準搭載
• 外部CDNライブラリ（Tailwind、Bootstrap、Reactなど）の簡単読み込み
• 複数ファイル構成の静的プロジェクトにも柔軟に対応

WebAssembly技術により、本物のNode.jsバイナリをブラウザスレッド内で直接実行。リモートサーバーなしでパッケージ管理やローカル開発サーバーが動作します。

• コマンド履歴・ANSIカラー表示に対応したxterm.jsフルターミナル
• npm install、npxスクリプト、Vite開発サーバーの実行を完全サポート
• クロスオリジン分離（COOP/COEP）により保護されたハードウェア高速実行
• 内部ポートフォワーディングによる統合iframeプレビュー連携

VS Codeと同じ編集エンジンを採用し、ブラウザ上で軽快に動作。TypeScript、JavaScript、HTML、CSS、JSONに対応した強力な言語サービスを提供します。

• 型定義ドキュメントをインライン表示するIntelliSense自動補完
• 構文エラーのリアルタイム検出とインライン診断通知
• マルチカーソル編集、括弧ペア表示、キーバインドの柔軟なカスタマイズ
• 差分を素早く確認できるDiffビューワー機能を統合

実績のある構成済みテンプレートで新規プロジェクトを即座に開始。単一ファイルコンポーネントの試作からViteマルチファイルアプリまで対応します。

• JSX/TSXに対応し、リアルタイムに動作するReact 18テンプレート
• 単一ファイルコンポーネント（.vue）をブラウザ内でコンパイルするVue 3構成
• ランディングページやダッシュボードなどを網羅したテンプレート集
• クリック1つで独立したローカルIndexedDB領域へプロジェクトを複製

作成したソースコードはお使いの端末のIndexedDBデータベースに直接保存されます。外部クラウドへの保存や強制的なユーザー登録、トラッキングは行いません。

• ブラウザ再起動やオフライン時でも確実に保持されるトランザクション型ストレージ
• タブを開き直した際も待ち時間ゼロで直前の作業状態を復元
• 大切なソースコードを外部サーバーへ勝手に送信することはありません
• 設定画面からいつでもプロジェクトデータの消去や書き出しが可能

プロジェクト全体を標準的なZIPファイルとしてエクスポート可能。SHA-256による破損チェック機能を備え、どのPCでも安心して復元できます。

• ディレクトリ構造やファイル配置をそのまま保持する標準ZIP形式
• SHA-256ハッシュ検証によりアーカイブの破損や改ざんを防止
• ドラッグ＆ドロップ対応で解凍前に内容を確認できるインポート画面
• デスクトップのVS CodeやGitリポジトリへもシームレスに移行可能

変更内容をその場でプレビュー。別ウィンドウに分離してマルチモニターで作業したり、QRコードをスマートフォンで読み取って実機テストを行えます。

• スクリプトの干渉を防ぐ安全なサンドボックスiframe実行環境
• 双方向で同期する独立ポップアウトプレビューウィンドウ
• QRコードスキャンによる実機スマートフォンでのレスポンシブ検証
• モバイル・タブレット・PCの表示サイズをワンクリックで切り替え

複数ファイルにまたがる文字列の検索・一括置換、差分確認、自動フォーマットなど、日常の開発作業を快適にするツール群を搭載しています。

• 正規表現や大文字小文字の区別に対応した高速プロジェクト内検索
• PrettierによるHTML、CSS、JavaScript、TypeScriptの自動整形
• 保存前に変更内容を一覧比較できる差分確認モーダル
• ノートPCから大型モニター、タッチ画面まで快適に使えるUIツールバー