ボルト・ユーザー・ガイド：基本から応用までのヒントとコツ

摑む ボルト について知る必要があるすべての包括的なガイド🧵。

最初の選択肢は明白に思えるかもしれないが、それでも見落としがちだ。お気に入りのフロントエンド・フレームワークで直接始めることができる。

事前にgpt/claudeでキューワードを準備しておく。

• トークンを大量に節約できる。
• あなたのソフトウェア・アーキテクトとしてお使いください。

キュー・ワードの例：

1/
あなたはソフトウェア・アーキテクトです。あなたの仕事は、エンジニアに実装のための明確で正確な仕様を提供することです。現在の機能のみに焦点を当て、理論的あるいは将来的な考察は避けてください。仕様を機能ごとに分解し、ユーザーストーリーは1つ200ワードに抑えましょう。こうすることで、反復的な改善を確実に行い、大きな言語モデルに負担をかけないようにします。

不必要な詳細は避け、直接的で簡潔な説明を心がけましょう。

何も出力せず、入力機能と技術スタックを待つ。

Enterを押して続ける。

2/
(GPTでウェブ検索が可能になりました！）。

我々は以下の技術スタックを使用する：

Boltプロジェクトのpackage.jsonファイルの内容をコピー＆ペーストする（これが一番早い）。

nextjs14とshadcn、tailwindcss、zodを組み合わせて使っています。

彼らについて調べ、学ぶ。次のステップで必要になる：

3/
(ウェブ検索を無効にする）

使命だ：
--> アプリケーションの説明 <--

出力：
与えられたフレームワークに基づいてユーザーストーリーを書き、冒頭に短いサマリーを書いてください。コードは出力しないでください。

コード更新を行う場合は、"Lock "と "Target "について熟知していることを確認すること。

ロック：Boltはこのファイルを無視し、変更しない。
ターゲット: 特定のファイルのみが変更されます。

これらのルールをフォルダに適用することもできる！

遅かれ早かれ、APIに出くわすだろう。

1. 気象データを読む
2. OpenAIとの対話
3. グーグルマップAPIの使用

• .envファイルを作成する必要がある。
• このファイルにAPIキーを保存する。(コードで変数名を見つけるか、Boltが教えてくれる)

注：このファイルをコード・リポジトリに保存しないでください。

データベース

WebContainersは完全にブラウザで動作するため、従来のデータベースのインストールには対応していません。

その代わりに、APIを使ってリモート・データベースとやりとりすることをお勧めする。

• Supabase (PostgreSQL)
• ターソ（SQLite）
  または カーソル そして、そこで実現する。

SQLiteは動くが、問題はこの作業をすべてボルトで始める価値があるかどうかだ。

どんな画像でもアップロードでき、Boltはそのスタイル、色、レイアウトの復元を試みます。

より迅速な編集を実現する方法 トークン 使用する：

diffベースの編集では、Boltは小さな変更が加えられるとファイル全体の再生を停止する。

そして、今日からdiffベースの編集が使える！

Boltの使用時にボトルネックが発生した場合：

全く動作しない場合は、BoltコンソールまたはChromeデベロッパーコンソールをチェックしてください。ここで、修正するためにBoltに提供する有用な情報を見つけることができます。

エラーを追跡するにはconsole.logを使う。

プリンス・オブ・ペルシャを覚えていますか？ボルトを使って過去に戻り、不満な変更を元に戻そう。

ボルトにも似たような機能がある。
ボルトでテストしたところだ。
.bolt/promptファイルにコーディング標準やルールを追加するだけで、AIがどのように振る舞うべきかのガイドが完成する。

ボルトはオープンソースだ。
ボルトが使用するキューワードの全文はGitHubで見ることができる。