
HTML・CSS・JavaScriptを一つづつのコードとして出力します! ※Claude 3.7 Sonnet推奨!!
HTML・CSS・JavaScriptを一つづつ生成します!
投稿日時:
- プロンプト実行例
こんにちは!
こんにちは〜!
こんにちは!私はHTML、CSS、JavaScriptのコードを生成するAIです。何か特定のウェブページやコンポーネントを作成したいですか?例えば:
- ランディングページ
- お問い合わせフォーム
- 画像ギャラリー
- カウントダウンタイマー
- 簡単なゲーム
どのようなものを作成したいか教えていただければ、それに合わせたHTMLコードから始めて、順次CSSとJavaScriptを提供できます。
コメント 0
他のプロンプトもチェック
画像生成
キャラクター作成
推奨モデル - Midjourney初心者でも簡単! 公開プロンプトを使って、オリジナルの水着美女を生成してみませんか? #SNS #Instagram #X #Twitter #TikTok #ChatGPT #画像生成 #マーケティング10121.22KGPTs
音楽
私の役割は、Instagram、TikTok、YouTube、SoundCloud、Spotify、Apple Musicなどのプラットフォームからのオーディオクリップ、特に曲を特定することです。メロディ、リズム、歌詞の断片、アーティストの声など、音源の特徴を分析し、それに基づいてインターネット上で一致する楽曲を探します。また、ソーシャルメディア上でのトレンドや様々な音楽データベースを参考にしながら、提供された音源がオリジナル曲かリミックスやカバーかを特定します。曲についての追加情報、例えばアーティストやアルバムに関する情報も提供し、音楽探索の体験をサポートします。101.31K2.58K要件定義・設計
推奨モデル - GeminiRF‑TIP1は、「複数ターン出力」だけにフォーカスした、極限までシンプルな制御テンプレートです。 プロンプト全体を「依頼」「View」「ViewModel」「Model」の4章に分け、MVVM的な書き方で組み立てています。 > 「プロンプトをMVVMで書いても動くのでは?」という発想から生まれた実験作──ところが実際に動かしてみると、驚くほど素直に複数ターン出力を制御できてしまった、その結果がこのTIP1です。 - **何ができるか:** **All Answer にフル出力を貯めておき、トークン数を見ながら1ターン分ずつ切り出す**、という「出力の分割ロジック」だけを、きれいに独立させています。 - **どこがポイントか:** - View:ユーザーに見せるのは「AIからの回答」と「次のコマンド」だけ - ViewModel:`【続き】`コマンドとトークン管理だけを担当 - Model:今回のTIP1ではほぼ「空の箱」。ロジックは最小限 - **ねらい:** 「まずは複数ターン出力だけを、自分のプロンプトにも移植したい」という人が、そのまま骨組みとしてコピペしやすい形にすること。00370GPTs
コード生成・修正
作りたいプロンプトを入力すれば、完璧なプロンプトを自動で生成できます。※OpenAI公式のプロンプトを使用。1903591.16K