# GPT Image Hub prompt

## フルスタックWeb開発ロードマップ図
- URL: https://www.gptimagehub.com/ja/library/full-stack-web-development-roadmap-infographic
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-15555
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Ffull-stack-web-development-roadmap-infographic
- Category: インフォグラフィック・教育
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: インフォグラフィック, web開発, 学習ロードマップ, フルスタック, uiデザイン, ダッシュボード
- Updated: 2026-10-28T03:10:18.098Z
- Created: 2026-10-28T03:10:18.098Z

技術スタックの基礎とデモプロジェクト例を整理した洗練されたインフォグラフィックを生成します。括弧内の学習トピックを変更して様々な分野に対応できます。

### Full prompt
```text
[VibeCodingに必要なWebフルスタックの基礎知識]をわかりやすく整理して紹介する、クリーンで視認性の高いインフォグラフィック表示。作成可能な上位10個のフルスタックデモプロジェクトを示すビジュアルカードを併せて配置。整理されたモダンなレイアウト、明確な技術系アイコン、洗練されたタイポグラフィ、鮮やかなアクセントカラー、スタイリッシュなUIダッシュボードスタイル、クリアなライティング。
```