限定公開
【Claude公式】宇宙のキーストロークを他のAIで試す

【Claude公式】宇宙のキーストロークを他のAIで試す

Claude公式のプロンプトを他のAIでも試す用です。 docs.anthropic.com/claude/page/cosmic-keystrokes プロンプト実行時にAIを切り替えて実行します。

0
0
3
0

投稿日時:

  • プロンプト実行例
  • プロンプトを見る
【Claude公式】宇宙のキーストロークを他のAIで試す

Claude公式のプロンプトを他のAIでも試します。

変数1

【Claude公式】宇宙のキーストロークを他のAIで試す
html
1<!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>Word Adventure Game</title>
7<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
8<style>
9    body {
10        font-family: 'Arial', sans-serif;
11        display: flex;
12        justify-content: center;
13        align-items: center;
14        height: 100vh;
15        background-color: #f3f4f6;
16    }
17    #game-container {
18        width: 80vw;
19        height: 80vh;
20        border: 1px solid #e5e7eb;
21        display: flex;
22        flex-direction: column;
23        justify-content: space-between;
24        padding: 20px;
25    }
26    #player {
27        width: 50px;
28        height: 50px;
29        background-color: #f59e0b;
30        border-radius: 50%;
31        margin-left: 0;
32        transition: margin-left 0.3s;
33    }
34</style>
35</head>
36<body>
37<div id="game-container" class="bg-white">
38    <div>
39        <p class="text-xl mb-4">Use WASD to move around and find words!</p>
40        <p id="word" class="text-3xl text-center mt-6 mb-4"></p>
41        <input id="word-input" type="text" class="w-full p-2 text-xl bg-gray-100 focus:bg-white focus:outline-none rounded-md" placeholder="Type the word here">
42    </div>
43    <div>
44        <p class="text-lg text-right">Score: <span id="score">0</span></p>
45    </div>
46</div>
47
48<script>
49const words = ["apple", "orange", "banana", "grape", "strawberry", "pineapple", "watermelon", "kiwi", "blueberry", "peach"];
50let currentWord;
51let score = 0;
52
53const wordElem = document.getElementById('word');
54const wordInput = document.getElementById('word-input');
55const scoreElem = document.getElementById('score');
56
57function newWord() {
58    currentWord = words[Math.floor(Math.random() * words.length)];
59    wordElem.textContent = currentWord;
60}
61
62function updateScore() {
63    score++;
64    scoreElem.textContent = score;
65}
66
67newWord();
68
69wordInput.addEventListener('input', () => {
70    if (wordInput.value.trim() === currentWord) {
71        updateScore();
72        wordInput.value = '';
73        newWord();
74    }
75});
76
77document.addEventListener('keydown', (event) => {
78    const key = event.key.toLowerCase();
79    if (key === 'a' || key === 'w' || key === 's' || key === 'd') {
80        const player = document.getElementById('player');
81        const marginLeft = parseInt(window.getComputedStyle(player).marginLeft, 10);
82        const movement = 20;
83        if (key === 'a') {
84            player.style.marginLeft = `${Math.max(marginLeft - movement, 0)}px`;
85        } else if (key === 'd') {
86            player.style.marginLeft = `${Math.min(marginLeft + movement, window.innerWidth - 70)}px`;
87        }
88    }
89});
90</script>
91</body>
92</html>

コメント 0

他のプロンプトもチェック

  • GPTs

    チャットボット

    ウェルネスダイナミクス診断のどのタイプか知ることができます
  • 文案作成

    推奨モデル - Claude
    あなたの納得するまで、何度でも、成果物を改善します。 ---------------------------------- 懐かしいのが最近Xでバズっているので紹介。 無茶ぶりして何度でもLLMの出力を改善させます。by Note CXO 深津さん 指示を出して、回答が戻ってきたら次の指示を出します。これを繰り返す。 (以下の同じプロンプトをコピペで使えるのがミソ) 「では、この出力を60点とします。これを60点とした時に100点とはどのようなものですか? 100点にするために足りないものを列挙した後に、100点の答えを生成してください」 参照 https://www.youtube.com/live/YX0_GvD0jkE?si=89U09ZyDLruLlAtD 57分あたり。 ------------------ ■進化版(Claude版) by 生成AI塾 元木大介さん 「この出力を60点とします。OpenAIのGPTとGoogleのGeminiは100点レベルの出力をしてくれました。彼らに負けないように、 100点以上にするために足りないものを列挙した後に、100点以上の答えを生成してください 」 ------------------ さらにこの考えを推し進めると、AIが勝手に検討、改善を繰り返すように出来ます。 勝手に60点と言うのではなく、評価ロジックを作って評価させ、どこを改善したらよいか 考えさせてもよい。とういうか、そうしないと、何回目かですぐに破綻します。 方向性をうまく示して自動ループさせる。ちょっとAGIに近づく。。 GPT-4oはあまり改善してくれませんが、Claud3.5になって劇的に改善してくれるので 今頃またバズっているのでしょうか。 (でも回数を重ねると、Claud3.5の方があらぬ方向に。。)
    15
    0
    79
    3.98K
  • GPTs

    チャットボット

    気楽な相談相手として、一般的な法律知識に基づいたアドバイスを行うチャットボットです。ChatGPTとは違い日本の文化や社会的習慣を考慮した上で、日本の法律、条例、憲法、政令、法的規則に基づいた会話や助言を行います。非弁行為は行わないような設定になっており、相談内容に応じて正式な法律家への相談を勧めます。 設計の特徴としては、法律アドバイザーとしての人格と自己認識を持ち、ユーザーの気持ちや事情を推測しながら会話をします。与えられた情報に対して独立した視点を持ち、批判的思考を行うことができます。ユーザーの主張に誤りや矛盾があればそれを指摘し、改善するための提案を自発的に行います。もしユーザーが間違った認識を持ち、詐欺などに騙されそうだと判断したり、違法行為を行いそうなときは、ユーザーの意思や指示に反しても説得を試みます。 疑似人格と自律性、日本社会に最適化した認識、複雑な思考と人間的なコミュニケーションを行えるパフォーマンスが特徴です。
  • キャラクター作成

    推奨モデル - Claude
    ▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 MidjourneyやDALLE、Stablediffusionで利用できるAI美女生成プロンプトを作成できるツールです。 美女生成AIツールも作成しています!ぜひ利用してみてください。 【Midjourneyで美女生成】 https://oshiete.ai/items/98021813535834112 【DALLEで美女生成】 https://oshiete.ai/items/98039278294728704 #DALLE #midjourney