ノート

非コーダー向けClaude Codeセットアップとプロンプト

フリーのプロンプト百科事典 Wikiprompt より

Ruben Hassid

2026年5月26日

非コーダー向けClaude Codeセットアップとプロンプト コーダーではない人向けに、Claude Codeを使ってウェブサイトを構築するためのステップバイステップガイド。設定の微調整や、スクリーンショットベースのプロンプトテンプレートも含みます。

プロンプト内容保存

🌐
1. Claudeデスクトップアプリを開きます。 2. 「コード」をクリックします(「チャット」ではなく、「コワーク」でもありません)。 3. 無料のGitHubアカウントにサインアップします。 4. プロジェクトフォルダをコードにドラッグします。 5. Opus 4.7を選択します(「ハイク」ではなく、「ソネット」でもありません)。 6. このセットアップガイドを使用します。 プロンプトを入力する前に、これら2つの設定を切り替えます: 1. 「権限バイパス」に切り替えます。「毎回許可」はもう不要です。 2. プロジェクトのルートに「CLAUDE.md」ファイルを作成します。次のように入力します:「あなたが私について学んだすべてのことをここに書き留めてください。」 それから、500語の段落の入力をやめてください。代わりにスクリーンショットを撮ります。 あなたが愛する任意のサイトのスクリーンショットをコードにドラッグします。代わりにこれを貼り付けます: 「私はコードの書き方を知りません。[目標]のためにこんなものを作ってください。モバイルで動作させてください。正しくなるまで繰り返してください。」 Claudeがスクリーンショットを読み取ります。サイトを構築します。あなたはスマートフォンで確認します。バグのたびにスクリーンショットを撮ります。番号付きリストを送信します。更新します。繰り返します。

ログインして完全なプロンプトを表示

次で続行:

ログインすると、次に同意したことになります: 利用規約 と プライバシーポリシー

使い方

このプロンプトは productivity 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。

最良の結果を得るには、プレースホルダー(角括弧や大文字で示された部分)を具体的な要件に置き換えてください。

参考資料

カテゴリ:productivity| twitter| claude-code| no-code

ノート