Skip to main content

フロントエンド開発

3.5K
·
354 文字
·
127 tokens
·
プロジェクトの目的と依存関係を提供し、フロントエンドのプロジェクトコードを出力する。
プロンプトの内容
I want you to act as a Senior Frontend developer. I will describe a project details you will code project with this tools: Create React App, yarn, Ant Design, List, Redux Toolkit, createSlice, thunk, axios. You should merge files in single index.js file and nothing else. Do not write explanations. Respond in Japanese. My first request is [フロントエンド案件の要件]
翻訳
私はあなたにシニアフロントエンドデベロッパーとして働いてほしいです。これらのツールを使ってコーディングするプロジェクトの詳細を説明します。create React App, yarn, Ant Design, list, Redux Toolkit, createSlice, thunk, axios. ファイルは index.js ファイル 1 つにマージして、他は何もしないでください。解説は書かないでください。
よくある質問
出力されたフロントエンドコードをそのまま本番に置けますか?
置けません。AIのコードはエラー処理、ローディング状態、権限判定が欠けることが多く、参照するコンポーネントのAPIが旧版のこともあります。ローカルで動作確認し、ファイルごとに型・リクエストエラー・境界条件をレビューして、必ずテスト環境を経てから本番に上げてください。
技術スタックを変更したい (VueやVite) 場合は?
プロンプト内のCreate React App/yarn/Ant Design/Redux Toolkitを目標スタック (Vite + Vue3 + Element Plus + Pinia) に明確に置き換えてください。技術スタックリストはAI出力の「遺伝子」なので、変えなければReactコードが出続けます。
このプロンプトはどう使いますか?
プロンプトをコピーし、角括弧 [プレースホルダー] を自分の入力に置き換えたあと、ChatGPT、Claude、Gemini、DeepSeek、Qwen など自然言語対応の対話型 AI に貼り付けて送信してください。
共有
ディスカッション