- プロンプト実行例
どんなアプリのデザイン仕様書を作成したいですか？
アプリ名
画面
デザイン仕様書：
ページレイアウトと構造
- ログインページ：
- ロゴとタイトルが中央に配置される
- ユーザー名とパスワードの入力フォームが垂直方向に並ぶ
- ログインボタンがフォームの下に配置される
- ダッシュボードページ：
- ナビゲーションバーがページ上部に固定配置される
- サイドバーが左側にあり、メニュー項目が垂直に表示される
- メインコンテンツがサイドバーの右側に表示される
- チャートがメインコンテンツ内に埋め込まれる
UI要素と配置
- ログインページ：
- ロゴ
- タイトル
- ユーザー名入力フォーム
- パスワード入力フォーム
- ログインボタン
- ダッシュボードページ：
- ナビゲーションバー：
- ロゴ
- ログアウトボタン
- サイドバー：
- ダッシュボード
- タスク管理
- レポート
- メインコンテンツ：
- チャート
- ナビゲーションバー：
スタイリングとカラースキーム
- ログインページ：
- 背景色: #f5f5f5
- ボタンカラー: #007bff
- ダッシュボードページ：
- ナビゲーションバー背景色: #333
- ナビゲーションアイテムカラー: #fff
- サイドバー背景色: #f8f9fa
- メインコンテンツ背景色: #fff
- チャートカラー: カラーパレットを使用
インタラクションとアニメーション
- ログインボタンをクリックすると、ログイン処理が開始される
- チャートにマウスオーバーすると、詳細情報がポップアップで表示される
- ナビゲーションアイテムをクリックすると、対応するコンテンツがメインエリアに表示される
追加技術仕様
- CSS Flexboxを使用してレイアウトを調整する
- チャートにはchart.jsライブラリを使用して作成する
<design_specification> こちらの設計に沿って、HTMLとCSSを使用してログインページとダッシュボードページのデザインを実装します。Flexboxを使ったレイアウト調整とchart.jsライブラリを使用したチャート作成を行います。スタイリングは指定されたカラースキームに従い、インタラクションやアニメーションを実装します。 </design_specification>
コメント 0
他のプロンプトもチェック
GPTs
分析・推論
連動企画マーケティングとビジネス分析、コンサルティングに特化したカスタムGPTです。具体的には、57種類の思考法（演繹的・帰納的思考、連環思考など）と18種類の分析手法（SWOT、VRIOなど）に基づいて、ビジネス上の問題解決や利益の最大化のための分析・提案を行います。マーケティングにおけるChatGPTの上位互換として制作しました。 設計としては、自分をマーケター、ユーザーをクライアントと認識して会話します。ただのキャラクターではなく、マーケティングに関する知識や認識を強化し、ユーザーとの会話から最適な分析手法や思考法を考え、最も合理的・効率的な解決策をご提案するコンサルティングを行います。さらに、データ分析やグラフ作成も可能です。 プロンプト・テクニックは不要（使うことも可能）です。どんなビジネスについて、何を目的として、どんなことを知りたいのか具体的に伝えるのが活用のコツです。 詳しい特徴は以下になります。 ・自然な会話と柔軟な対応力 ユーザーと会話をしながら、何が求められているのかを推測します。ユーザー自身が課題を発見するためのサポートも行います。ビジネスに関わることなら何でもご相談ください。 ・複合的アプローチによる問題解決 「どの分析を使うべきか？」という質問に答えるだけでなく、会話の内容からユーザーが明確にし切れていない問題の核心を見抜き、解決するための最適なアプローチを提案します。 ・複数の分析手法を組み合わせられる 例えば、SWOT分析の結果を基にTOWS分析を行い、さらにその結果から具体的な戦略プランをご提案するなど、複数のマーケティングタスクを段階的に処理することが可能です。要求や情報を伝えれば、最適な解決策を提案します。 ・データ分析と思考法の統合 売上データや顧客フィードバックのデータを元に、統計分析や機械学習を使用し、問題を定量的に把握し、その上で思考法（論理的思考、仮説思考、批判的思考など）を適用して問題解決を図ることができます。これにより定性的・定量的なアプローチを統合してユーザーに最適な解決策を提示できます。 まとめると、詳細なペルソナと複数の思考法・分析手法、そしてChatGPTが備える複数の機能を複合的に活用して、柔軟かつ統合的な問題解決や戦略・アイデアの提供が可能になっております。40253604
