StackBlitzは最近、Bolt.newという革新的なツールを発表しました。これはブラウザベースのAI開発ツールで、開発者、プロジェクトマネージャー、デザイナーローカル環境の設定なしに、ブラウザ上でフルスタックアプリケーションの構築、実行、編集、デプロイを行うことを可能にします。この記事ではBolt.newに関する情報を詳しく説明し、この製品を包括的に理解するお手伝いをします。

social_preview_index.jpg

Bolt.newの概要

Bolt.newは、AI駆動のWeb開発プラットフォームで、ローカル環境の設定なしに、ブラウザから直接プロンプトで指示し、フルスタックアプリケーションを実行、編集、デプロイできます。最先端のAIモデルと、StackBlitzのWebContainersによって支えられたブラウザ開発環境が統合されています。これにより、以下が可能になります。

  • npmツールやライブラリ(Vite、Next.jsなど)のインストールと実行
  • Node.jsサーバーの実行
  • サードパーティAPIとの連携
  • チャットからの本番環境へのデプロイ
  • URLによる作業の共有

従来の開発環境とは異なり、Bolt.newはAIモデルにファイルシステム、ノードサーバー、パッケージマネージャー、ターミナル、ブラウザコンソールなど、環境全体を完全に制御させることができます。これにより、AIエージェントはアプリケーションのライフサイクル全体(作成からデプロイまで)を処理できます。

機能のハイライト

  • フルスタックブラウザ開発:AIモデルと開発環境がブラウザに統合されています。
  • npmツールのインストールと実行:さまざまな人気のJavaScriptフレームワークやライブラリのインストールと実行をサポートします。
  • Node.jsサーバーの実行:ブラウザ上で直接Node.jsサーバーを実行できます。
  • サードパーティAPIとの連携:サードパーティAPIとの連携が可能です。
  • 本番環境へのデプロイ:チャットから直接本番環境にデプロイできます。
  • 作業の共有:URLで作業を共有し、チームでの共同作業やデモを容易にします。
  • AIによる環境制御:AIモデルはファイルシステムやサーバーを含む、開発環境全体を制御できます。

利用シーン

  1. 迅速なプロトタイプ開発:開発者はBolt.newを使用して、迅速にプロトタイプを作成し、反復処理を行うことができます。
  2. チームコラボレーション:チームメンバーはURLを共有し、プロジェクトの状態をリアルタイムで確認および編集できます。
  3. 教育と学習:学生や開発者はBolt.newを使用して、オンラインでフルスタック開発を学習および実践できます。

使用方法

  1. 製品公式ウェブサイトへのアクセス:ブラウザを開き、Bolt.newの公式ウェブサイトにアクセスします。

    截屏2024-10-09 下午3.54.33.png

  2. 登録とログイン:より多くのAIトークンやプライベートプロジェクトが必要な場合は、設定で有料サブスクリプションを購入できます。

    截屏2024-10-09 下午3.53.36.png

  3. 新規プロジェクトの作成:新規プロジェクトの作成をクリックし、プロジェクト名と説明を入力します。

    截屏2024-10-09 下午3.53.36.png

  4. テクノロジースタックの選択:必要に応じて特定のフレームワークまたはライブラリを選択します。

    截屏2024-10-09 下午3.53.36.png

  5. コードの記述:ブラウザで直接コードを記述および編集します。

    截屏2024-10-09 下午3.58.56.png

  6. 依存関係のインストール:内蔵のパッケージマネージャーを使用して必要なnpm依存関係をインストールします。
  7. 実行とテスト:プロジェクトを実行してテストし、すべてが期待通りに動作することを確認します。

    截屏2024-10-09 下午3.58.03.png

  8. アプリケーションのデプロイ:チャットコマンドを使用してアプリケーションを本番環境にデプロイします。
  9. プロジェクトの共有:プロジェクトのURLを生成し、他の人と作業を共有します。

結論

Bolt.newは、ローカル環境の設定なしでフルスタック開発を行うという主要な利点により、Web開発分野で大きな可能性を示しています。Bolt.newがどのように開発エクスペリエンスを変えるかについて詳しくは、Bolt.new公式ウェブサイトをご覧ください。