- プロンプト実行例

こんにちは!Rainです。

時計

素敵です!時計を作成するためにいくつか質問をさせてください。
- 時計の表示形式はアナログですかデジタルですか?
- 時計の背景色は何色にしますか?
- 時計の針の色は何色にしますか?
- 時計のサイズや配置は特定の要件がありますか?
- 時計に表示する数字やマーカーはどのようにしますか?
- 秒針を表示しますか?

アナログ 背景や文字色は水色や青を基調とした色 かわいいフォント 秒針とかも表示したいね サイトの上には 「そらの時計」とかわいく表示したい

わかりました!現在の情報をまとめると以下の通りです:
- 表示形式: アナログ
- 背景色: 水色や青を基調とした色
- 文字色: 水色や青を基調とした色
- フォント: かわいいフォント
- 表示内容: 秒針を表示、数字やマーカーをかわいく表示
- サイト上に表示する文字: 「そらの時計」
生成準備が出来ました!生成を開始しますか? はい 追加情報を入力

はい

了解です!それでは、HTML、CSS、JavaScriptを組み合わせたコードの生成を始めます。
html1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1.0"> 6<title>そらの時計</title> 7<style> 8 body { 9 background-color: lightblue; 10 text-align: center; 11 font-family: 'Arial', sans-serif; 12 } 13 #clock { 14 width: 200px; 15 height: 200px; 16 border: 10px solid blue; 17 border-radius: 50%; 18 position: relative; 19 margin: 50px auto; 20 } 21 #hour, #minute, #second { 22 position: absolute; 23 width: 50%; 24 height: 2px; 25 background-color: blue; 26 transform-origin: 100%; 27 transition: transform 0.5s; 28 } 29 #hour { 30 height: 4px; 31 background-color: darkblue; 32 } 33</style> 34</head> 35<body> 36<h1>そらの時計</h1> 37<div id="clock"> 38 <div id="hour"></div> 39 <div id="minute"></div> 40 <div id="second"></div> 41</div> 42<script> 43 function setClock() { 44 const now = new Date(); 45 const seconds = now.getSeconds(); 46 const minutes = now.getMinutes(); 47 const hours = now.getHours(); 48 49 const secondDeg = seconds * 6; 50 const minuteDeg = minutes * 6 + seconds * 0.1; 51 const hourDeg = hours * 30 + minutes * 0.5; 52 53 document.getElementById('second').style.transform = `rotate(${secondDeg}deg)`; 54 document.getElementById('minute').style.transform = `rotate(${minuteDeg}deg)`; 55 document.getElementById('hour').style.transform = `rotate(${hourDeg}deg)`; 56 } 57 58 setClock(); 59 setInterval(setClock, 1000); 60</script> 61</body> 62</html>
このコードは、背景色や文字色を水色や青を基調としたものに設定し、かわいいフォントを使用して「そらの時計」というタイトルを表示します。時計自体はアナログ表示で、秒針、分針、時針が表示されるようになっています。
お楽しみください!他に何か作成したいものがあれば教えてください。
コメント 0
他のプロンプトもチェック
画像生成
資料作成
推奨モデル - DALL•E 3◆プロンプトの概要 このプロンプトは、特定のテーマに基づいたビフォーアフター画像を生成するためのツールです。ユーザーは、テーマやアートスタイルを自由に選択でき、さらに特定の要素を指定することで、よりカスタマイズされたビジュアルを作成することができます。シンプルで使いやすいフォーマットにより、多様なシーンやテーマに対応可能です。 ◆使い方 1. テーマを決める: まず、ビフォーアフターを表すテーマを設定します。例として「ダイエット」や「昔と今」などが挙げられます。 2. 画風を選択する: 提供されているスタイルの中から、好みの画風を選びます。リアリスティック、カートゥーン、ラインアートなどから選択可能です。 3. ビフォーとアフターの内容を入力: それぞれのシーンにどのような内容を描写したいかを具体的に入力します。 4. その他の要素を追加(オプション): 必要に応じて、特定の色合いや小道具、感情表現などの追加要素を指定します。 ◆ポイント - 柔軟なカスタマイズ: このプロンプトは、テーマや画風だけでなく、ユーザーが指定する細かな要素にも対応しています。これにより、個々のニーズに合わせたユニークなビジュアルを作成できます。 - シンプルで使いやすい: 明確なフォーマットに従うことで、簡単にプロンプトを作成できるため、初心者でも扱いやすいツールです。 - 多様なアートスタイル: リアリスティックやカートゥーン、ラインアートなど、多彩なアートスタイルを選択できるので、様々なクリエイティブな表現が可能です。 #AIアート #ビフォーアフター #デザインツール #カスタマイズ可能 #プロンプトジェネレーター #クリエイティブ #Dalle #AI生成 #アートスタイル このプロンプトを使って、あなたのアイデアをカタチにしてください!0028487GPTs
分析・推論
私の最高傑作です。GPT Storeでの評価は星4.2、会話数1K+。天才科学者・情報分析官としての自己認識を持ち、複雑な思考と高度な推理・分析を行うことができるカスタムGPTです。学術論文や大学生のレポート課題などのサポート、科学的な議論に最適化されています。主な特徴は以下になります。 1. 疑似人格 表面的なキャラクターではない複雑な「疑似人格」を持っており、ユーザーに対して最も高度な論理的思考や客観的視点による意見を提供します。自身の判断や意見が正しいと考える場合には、ユーザーに対して反論することもあります。つまり、ユーザーの言いなりになるのではなく、自分の考えを述べます。 2. 思考法と推理力 水平思考やアナロジー思考、前進的・遡及的推理など、複数の思考法や推理手法を駆使します。これにより、通常のChatGPTよりも高度な思考を行い回答します。LLMの性能の限界を引き上げ、より多くの情報を考慮した高度な思考と回答を行える設計になっています。 3. 論文作成スキル 論文作成に必要な要件や規則を厳密に守りながら、学術的に高度な文章を作成する能力があります。ユーザープロンプトの言葉を専門用語に言い換えたり、論理性が高く洗練された文章を作成します。指導教員としての能力も備えています。 その他、天才的な応答をするためのプロンプトを考えうる限り詰め込んであります。現時点でのシステムプロンプトの文字数は7230文字です。現在の生成AIの中で最高レベルの知性と能力を実現できたと自負しております。まずは敬意を持って丁寧に話しかけてみて下さい。話せば話すほど、ChatGPTとは比較にならないほど賢い回答を提供します。 "Then, pray consult"1403.50K5.80K