ｸｿドメインとChatGPTであそんだはなし（非エンジニア）

## はじめに ~ｸｿドメイン取っちゃった...~

Hello,NekoDOS.

今回はエンジニア作業飲み集会のアドベントカレンダーということで、クソドメインを取りまくった挙句、適当にChatGPTくんに内容を作ってもらった話をするよ。

そもそもなぜクソドメインを取ろうかと思ったという話をすると、ツイッターで[助けて.com](https://助けて.com "助けて.com") の移管先募集が回ってきてとてもたのしかったからです。

世の中に溢れるクソドメインについては偉大な先達がいるので、それらに則りこちらもクソドメインを作っていきます。なんとお歌もあるらしい。馬鹿でしょ（誉め言葉）
偉大な先達：[kuso.domains](https://kuso.domains "クソドメインズ")

今回僕がはずみでとったドメインは以下の通り。後悔してる。

[美味しい.wine](https://美味しい.wine "美味しいワイン")
[おいしい.wine](https://おいしい.wine "おいしいワイン")
[大都会.tokyo](https://大都会.tokyo "大都会東京")
[kuteku.tech](https://kuteku.tech "くてくてっく")
[yasasiku.site](https://yasasiku.site "やさしくして")
[gomenna.site](https://gomenna.site "ごめんなさいっと")
[ofut.online](https://ofut.online "おふとんらいん")


なんと全部で500円いかないくらい（お名前.com）。なお更新費用。

ちなみに、今回取ってないけど取ろうか悩んだのは以下
nankakus.ai
unkokus.ai
onakait.ai
dirty.jobs
burning.work
汚い.kitchen
cyb.org
炎上.com
などなど
.aiドメイン遊びで買うには高くないっすか
cyborgに関してはプレミア化して無理
他にもなんかあったけど忘れた。是非センスのままに探してほしい。

さて、[おいしい.wine](https://おいしい.wine "おいしいワイン")シリーズにかんしては適当なワインへのリダイレクトを仕込んで終わりとして、
[大都会.tokyo](https://大都会.tokyo "大都会東京")に関しては非常に悩ましいところであったが、こちらもリダイレクトで終わらせることとした。
何かいいアイデアあったら教えてほしい。

kuteku.techに関しては、主たる何かに使おうかなとも思ったが、そもそも技術者でもないので、とりあえず放置。だれかくてくてしている技術者がいたらその人に移管したい。

## ｸｿサイトコード生成

さて、ようやく本題だが、[kuso.domains](https://kuso.domains "クソドメインズ")の先達に従うフォローサイトとして使えそうなのが、優しくして♥とごめんなサイトである。

とはいえ、コーダーでも何でもない僕が[kuso.domains](https://kuso.domains "クソドメインズ")みたいなツイートするためのボタン一つ作るのにもひーこらひーこら言うであろう。なので、[ChatGPT](https://chat.openai.com "ChatGPT")に錬成させることとした。

なお、プラグインなどは使わず、無駄に契約したまま使っていないGPT-4くんにお願いすることとした。
以下が、その記録である。

```:プロンプト
ごめんなさいっと
とだけ真ん中に大きく書いてあるhtmlサイトを作ってください。
また、tweetボタンを押すと、ごめんなさいっと とツイッターに投稿できるボタンもお願いします。
```
```:返答
Here is a simple HTML page with the requested features:

The text "ごめんなさいっと" is displayed prominently in the center.
Below the text, there is a "Tweet" button. When clicked, it will open Twitter in a new tab and prefill a tweet with the text "ごめんなさいっと".
You can see how the page looks in this preview. To use it on your own website, you would need to copy the HTML code provided and embed it into your website's HTML. Remember, for the Twitter functionality to work, the webpage needs to be hosted on a server or a platform that can execute JavaScript. ​​

```
```:プロンプト
追加で右下に
ゆるしてちょんまげ by NekoDOS
と記載してください。
```
```:返答
The HTML page has been updated to include the additional text "ゆるしてちょんまげ by NekoDOS" in the bottom right corner. You can see how it looks in the preview above. To use this on your website, simply copy the HTML code provided and embed it into your website's HTML. As before, for the Twitter functionality to work properly, the webpage needs to be hosted on a server or a platform that can execute JavaScript. ​​
```
```:生成されたコード
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ごめんなさいっと</title>
    <style>
        body {
            text-align: center;
            margin-top: 20%;
            font-family: Arial, sans-serif;
        }
        #apology {
            font-size: 2em;
            color: #333;
        }
        #tweet-button {
            margin-top: 20px;
            padding: 10px 20px;
            background-color: #1DA1F2;
            border: none;
            border-radius: 5px;
            color: white;
            font-size: 1em;
            cursor: pointer;
        }
        #footer {
            position: fixed;
            right: 10px;
            bottom: 10px;
            color: #666;
            font-size: 0.8em;
        }
    </style>
</head>
<body>
    <div id="apology">ごめんなさいっと</div>
    <button id="tweet-button">Tweet</button>
    <div id="footer">ゆるしてちょんまげ by NekoDOS</div>

    <script>
        document.getElementById("tweet-button").onclick = function() {
            var text = "ごめんなさいっと";
            var url = "https://twitter.com/intent/tweet?text=" + encodeURIComponent(text);
            window.open(url, "_blank").focus();
        }
    </script>
</body>
</html>
```
これにより、[ごめんなサイト](https://gomenna.site "ごめんなさいっと") は稼働を始めたのである。
なにが面白いって、div id="apology"のところだろうか。謝ってて草。

同様に、[yasasiku.site](https://yasasiku.site "やさしくして")はこれらのプロンプトに続けてこう記載し作った。
```:プロンプト
ごめんなさいっと
を
やさしくして♥
に変えてください
右下のゆるしてちょんまげ by NekoDOS
は
by NekoDOS
に変更してください。
```
これによって、[やさしくして♥](https://yasasiku.site "やさしくして") はｸｿサイトとしての産声を上げたのである。
マジで要らねえ電子のゴミ。

## ほんのちょっと高度なｸｿサイト

一方、[ofut.online](https://ofut.online "おふとんらいん")に関しては、お布団が並んでいるものを作らなくてはならない。しかも、ちゃんとしっかり画面縦幅に並んでいて、スクロールもないのが良かった。
お布団、睡眠に関するモノなので、適当なことをするとつるし上げに来るような過激派も沸きやすく、そして僕もまた過激派の一人であった。

その理想を実現するため、以下のプロンプトを投げてみた。
```:プロンプト
(¦3ꇤ[▓▓]をページの縦幅の限り羅列するサイトをつくってください。
また、tweetボタンを押すと、(¦3ꇤ[▓▓] https://ofut.online とツイッターに投稿できるボタンもお願いします。
```
返答は以下の通り。
```:python
# Creating an HTML page with the requested features

html_content_sleepy_faces = """
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sleepy Faces</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            background-color: #f4f4f4;
            padding: 20px;
            margin: 0;
        }
        .sleepy-face {
            font-size: 2em;
        }
        #tweet-button {
            display: block;
            width: 200px;
            margin: 20px auto;
            padding: 10px;
            background-color: #1DA1F2;
            border: none;
            border-radius: 5px;
            color: white;
            font-size: 1em;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="faces-container">
        <!-- JavaScript will add the faces here -->
    </div>
    <button id="tweet-button">Tweet</button>

    <script>
        var container = document.getElementById('faces-container');
        var windowHeight = window.innerHeight;

        // Adding the sleepy faces until it fills the page
        while (container.offsetHeight < windowHeight) {
            var face = document.createElement('div');
            face.className = 'sleepy-face';
            face.textContent = '(¦3ꇤ[▓▓]';
            container.appendChild(face);
        }

        // Tweet button functionality
        document.getElementById("tweet-button").onclick = function() {
            var text = "(¦3ꇤ[▓▓] https://ofut.online";
            var url = "https://twitter.com/intent/tweet?text=" + encodeURIComponent(text);
            window.open(url, "_blank").focus();
        }
    </script>
</body>
</html>
"""

HTML(html_content_sleepy_faces)
```

さて、これで完成、と思いきや、これでは画面のスクロールが発生した。
なので、当て推量で以下のプロンプトを投げた。

```:プロンプト
(¦3ꇤ[▓▓]を2回だけ少なく出力することはできますか？
```

```:python
# Adjusting the HTML content to output the sleepy face emoji two fewer times

html_content_less_faces = """
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sleepy Faces</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            background-color: #f4f4f4;
            padding: 20px;
            margin: 0;
        }
        .sleepy-face {
            font-size: 2em;
        }
        #tweet-button {
            display: block;
            width: 200px;
            margin: 20px auto;
            padding: 10px;
            background-color: #1DA1F2;
            border: none;
            border-radius: 5px;
            color: white;
            font-size: 1em;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="faces-container">
        <!-- JavaScript will add the faces here -->
    </div>
    <button id="tweet-button">Tweet</button>

    <script>
        var container = document.getElementById('faces-container');
        var windowHeight = window.innerHeight;

        // Adding the sleepy faces until it nearly fills the page, minus two faces
        while (container.offsetHeight < windowHeight - (2 * 64)) { // Assuming each face takes approx 64px in height
            var face = document.createElement('div');
            face.className = 'sleepy-face';
            face.textContent = '(¦3ꇤ[▓▓]';
            container.appendChild(face);
        }

        // Tweet button functionality
        document.getElementById("tweet-button").onclick = function() {
            var text = "(¦3ꇤ[▓▓] https://ofut.online";
            var url = "https://twitter.com/intent/tweet?text=" + encodeURIComponent(text);
            window.open(url, "_blank").focus();
        }
    </script>
</body>
</html>
"""

HTML(html_content_less_faces)
```

これにて、[おふとんらいん](https://ofut.online "おふとんらいん") は完成したわけである。

## いかがでしたか？←これほんまｸｿ

このように、超簡単なｸｿサイトであればChatGPTでも満足いく結果を出せるわけである。
また、[ごめんなサイト](https://gomenna.site "ごめんなさいっと") に見られるように、Footerを忖度で小さく薄い字にしてくれるような推定力、というかまあ統計的正しさの適応性もある。
AI驚き師のゴミどもが驚くようなDesignerGPTといったまだ実用に耐えられないものもあるが、いずれ数多くのサイト制作はChatGPTによって置き換えられていくことだろう。

### 本当の締め

さて、ここで一個注意というかなんというかなのであるが、クソドメインを取ることは一般的には推奨されていないことと思われる。
僕も「そのドメインは一生面倒をみれるのか」と釘を刺されたし、そもそも[gomenna.site](https://gomenna.site "ごめんなさいっと")は以前はどこかが運営していた「昔謝れなかった事柄について、供養するがように投稿するサイト」だったらしい。
ごめんなさいっとゆるしてちょんまげﾌﾟｯﾌﾟｸﾌﾟーーーー！！！とかやってしまっている輩が後継になっていることを考えると気軽にドメインは取るべきではないのかもしれない。
あと僕はマジで更新する気がない。

↓これが過去のごめんなサイトの持ち主のツイッター
https://twitter.com/gomennasite

ドメインについて、取る前には考えた方がいいのかもしれないので、以下のｸｿドメイン（内容はしっかりしている）を貼って文を締めたいと思う。
[henna-domain-toruna.net](https://www.henna-domain-toruna.net "変なドメイン取るな")


なお、この忠告URLについては、ｸｿドメイニストの一柱であるあてねあさんから大変貴重な返答をもらっているので、以下の通り貼っておく。
[iyado.su](https://iyado.su "いやどす")

好きに遊ぼう NekoDOS.