はじめに ~ｸｿドメイン取っちゃった...~
Hello,NekoDOS.
今回はエンジニア作業飲み集会のアドベントカレンダーということで、クソドメインを取りまくった挙句、適当にChatGPTくんに内容を作ってもらった話をするよ。
そもそもなぜクソドメインを取ろうかと思ったという話をすると、ツイッターで助けて.com の移管先募集が回ってきてとてもたのしかったからです。
世の中に溢れるクソドメインについては偉大な先達がいるので、それらに則りこちらもクソドメインを作っていきます。なんとお歌もあるらしい。馬鹿でしょ（誉め言葉）
偉大な先達：kuso.domains
今回僕がはずみでとったドメインは以下の通り。後悔してる。
美味しい.wine
おいしい.wine
大都会.tokyo
kuteku.tech
yasasiku.site
gomenna.site
ofut.online
なんと全部で500円いかないくらい（お名前.com）。なお更新費用。
ちなみに、今回取ってないけど取ろうか悩んだのは以下
nankakus.ai
unkokus.ai
onakait.ai
dirty.jobs
burning.work
汚い.kitchen
cyb.org
炎上.com
などなど
.aiドメイン遊びで買うには高くないっすか
cyborgに関してはプレミア化して無理
他にもなんかあったけど忘れた。是非センスのままに探してほしい。
さて、おいしい.wineシリーズにかんしては適当なワインへのリダイレクトを仕込んで終わりとして、
大都会.tokyoに関しては非常に悩ましいところであったが、こちらもリダイレクトで終わらせることとした。
何かいいアイデアあったら教えてほしい。
kuteku.techに関しては、主たる何かに使おうかなとも思ったが、そもそも技術者でもないので、とりあえず放置。だれかくてくてしている技術者がいたらその人に移管したい。
ｸｿサイトコード生成
さて、ようやく本題だが、kuso.domainsの先達に従うフォローサイトとして使えそうなのが、優しくして♥とごめんなサイトである。
とはいえ、コーダーでも何でもない僕がkuso.domainsみたいなツイートするためのボタン一つ作るのにもひーこらひーこら言うであろう。なので、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>
これにより、ごめんなサイト は稼働を始めたのである。
なにが面白いって、div id="apology"のところだろうか。謝ってて草。
同様に、yasasiku.siteはこれらのプロンプトに続けてこう記載し作った。
ごめんなさいっと
を
やさしくして♥
に変えてください
右下のゆるしてちょんまげ by NekoDOS
は
by NekoDOS
に変更してください。
これによって、やさしくして♥ はｸｿサイトとしての産声を上げたのである。
マジで要らねえ電子のゴミ。
ほんのちょっと高度なｸｿサイト
一方、ofut.onlineに関しては、お布団が並んでいるものを作らなくてはならない。しかも、ちゃんとしっかり画面縦幅に並んでいて、スクロールもないのが良かった。
お布団、睡眠に関するモノなので、適当なことをするとつるし上げに来るような過激派も沸きやすく、そして僕もまた過激派の一人であった。
その理想を実現するため、以下のプロンプトを投げてみた。
(¦3ꇤ[▓▓]をページの縦幅の限り羅列するサイトをつくってください。
また、tweetボタンを押すと、(¦3ꇤ[▓▓] https://ofut.online とツイッターに投稿できるボタンもお願いします。
返答は以下の通り。
# 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回だけ少なく出力することはできますか？
# 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)
これにて、おふとんらいん は完成したわけである。
いかがでしたか？←これほんまｸｿ
このように、超簡単なｸｿサイトであればChatGPTでも満足いく結果を出せるわけである。
また、ごめんなサイト に見られるように、Footerを忖度で小さく薄い字にしてくれるような推定力、というかまあ統計的正しさの適応性もある。
AI驚き師のゴミどもが驚くようなDesignerGPTといったまだ実用に耐えられないものもあるが、いずれ数多くのサイト制作はChatGPTによって置き換えられていくことだろう。
本当の締め
さて、ここで一個注意というかなんというかなのであるが、クソドメインを取ることは一般的には推奨されていないことと思われる。
僕も「そのドメインは一生面倒をみれるのか」と釘を刺されたし、そもそもgomenna.siteは以前はどこかが運営していた「昔謝れなかった事柄について、供養するがように投稿するサイト」だったらしい。
ごめんなさいっとゆるしてちょんまげﾌﾟｯﾌﾟｸﾌﾟーーーー！！！とかやってしまっている輩が後継になっていることを考えると気軽にドメインは取るべきではないのかもしれない。
あと僕はマジで更新する気がない。
↓これが過去のごめんなサイトの持ち主のツイッター
https://twitter.com/gomennasite
ドメインについて、取る前には考えた方がいいのかもしれないので、以下のｸｿドメイン（内容はしっかりしている）を貼って文を締めたいと思う。
henna-domain-toruna.net
なお、この忠告URLについては、ｸｿドメイニストの一柱であるあてねあさんから大変貴重な返答をもらっているので、以下の通り貼っておく。
iyado.su
好きに遊ぼう NekoDOS.