6. 最終プロジェクトプロジェクトレッスン 1/4

ポートフォリオサイトのスタイリング

HTML入門コースで作成したポートフォリオサイトにCSSを適用します。

プロンプト

HTML入門コースで作成したポートフォリオサイトにCSSを適用したいと思います。以下の要素を含むスタイリングを提案してください： 1. 全体的なレイアウト（Flexbox/Gridを使用） 2. 色とフォントの設定 3. ナビゲーションメニュー 4. レスポンシブデザイン 5. アニメーションやトランジションポートフォリオサイトのHTMLコードは以下の通りです（必要に応じて修正してください）： ```html  ```

解説

このプロンプトでは、HTML入門コースで作成したポートフォリオサイトにCSSを適用します。これまで学んだCSSの知識を総合的に活用して、魅力的なポートフォリオサイトを完成させましょう。

コード入力

プロンプト内の「ここにあなたのコードを貼り付けてください」の部分に、あなたのコードを貼り付けてからAIに質問してください。

次のレッスン

AIサービスへのリンク

以下のAIサービスにプロンプトを貼り付けて学習を進めることができます。すべて無料で利用可能です。

ChatGPT

OpenAIが提供する人気のAIチャットサービス。無料版は利用可能です。

Google Gemini

Googleが提供するAIチャットサービス。無料で利用できます。

Claude

Anthropicが提供するAIチャットサービス。無料版は利用可能です。

※ 各サービスの利用には、それぞれのサービスの利用規約が適用されます。

※ サービスによっては、アカウント登録が必要な場合があります。