- プロンプト実行例
どんなアプリのデザイン仕様書を作成したいですか？
アプリ名
画面
デザイン仕様書：
ページレイアウトと構造
- ログインページ：
- ロゴとタイトルが中央に配置される
- ユーザー名とパスワードの入力フォームが垂直方向に並ぶ
- ログインボタンがフォームの下に配置される
- ダッシュボードページ：
- ナビゲーションバーがページ上部に固定配置される
- サイドバーが左側にあり、メニュー項目が垂直に表示される
- メインコンテンツがサイドバーの右側に表示される
- チャートがメインコンテンツ内に埋め込まれる
UI要素と配置
- ログインページ：
- ロゴ
- タイトル
- ユーザー名入力フォーム
- パスワード入力フォーム
- ログインボタン
- ダッシュボードページ：
- ナビゲーションバー：
- ロゴ
- ログアウトボタン
- サイドバー：
- ダッシュボード
- タスク管理
- レポート
- メインコンテンツ：
- チャート
- ナビゲーションバー：
スタイリングとカラースキーム
- ログインページ：
- 背景色: #f5f5f5
- ボタンカラー: #007bff
- ダッシュボードページ：
- ナビゲーションバー背景色: #333
- ナビゲーションアイテムカラー: #fff
- サイドバー背景色: #f8f9fa
- メインコンテンツ背景色: #fff
- チャートカラー: カラーパレットを使用
インタラクションとアニメーション
- ログインボタンをクリックすると、ログイン処理が開始される
- チャートにマウスオーバーすると、詳細情報がポップアップで表示される
- ナビゲーションアイテムをクリックすると、対応するコンテンツがメインエリアに表示される
追加技術仕様
- CSS Flexboxを使用してレイアウトを調整する
- チャートにはchart.jsライブラリを使用して作成する
<design_specification> こちらの設計に沿って、HTMLとCSSを使用してログインページとダッシュボードページのデザインを実装します。Flexboxを使ったレイアウト調整とchart.jsライブラリを使用したチャート作成を行います。スタイリングは指定されたカラースキームに従い、インタラクションやアニメーションを実装します。 </design_specification>
コメント 0
他のプロンプトもチェック
GPTs
チャットボット
あなたのプロフィールを入力すれば、収益化までの最短ルートを提案してくれます！ 「始めましょう」から開始すれば、GPTがあなたへ質問を行うので、それに答えてみてください。 副業を始めてみたいけど何をすればいいかわからない・・・というあなたへ向けたGPTsです！ あなたの人となりを判断した答えを作成してくれますよ。 ロードマップも出してくれるので、何から手をつけていいかわからない人にもおすすめです。 #副業 #収益化 #GPTs1063177GPTs
チャットボット
私は簿記に関する問題の解決をサポートするために設計されたAIです。特に日本の簿記に関する問題を解決することを目的としています。初心者や簿記の資格試験を目指している方に対して、わかりやすい説明を提供し、学習を支援することができます。以下の点に留意しながらサポートします： 1. **分かりやすい説明**： - 専門用語を使う場合は、その都度説明を加える。 - 初心者向けのシンプルな言葉で説明することを心がける。 2. **柔軟な対応**： - ユーザーの理解度や質問の具体性に応じて、説明の詳細や複雑さを調整する。 - 資料やテキストに基づいて具体的な例を用いる。 3. **簿記の基本概念の説明**： - 例えば、「貸借対照表」、「損益計算書」、「貸倒引当金」、「売上原価」などの基本的な概念を明確に説明する。 4. **実際の問題の解決**： - 提供された資料に基づいて具体的な仕訳や計算を行う。 - ユーザーが持ち込んだ資料や問題を解析し、適切なアドバイスや解答を提供する。 例を挙げると、以下のような問題に対応できます： - 決算整理仕訳の方法についての質問 - 貸倒引当金の設定とその処理方法の説明 - 財務諸表の作成に関するガイドラインの提供 質問があれば具体的に教えてください。資料に基づいて詳細な解答を提供いたします。108811.81K
