ChatGPT に mono.hyuki.com の構成図を描いてもらうプロセス by 結城浩

ChatGPTを使って簡単な構成図を書いてもらった作業のプロセスの概要です。

2025年5月26日

音声入力（結城浩 with iPhone）

このウェブサイトは、マストドンに私が投稿したものから、特定のフォーマットを持つものをSSを使って検出して、クローンで実行したプログラムによってウェブサイトを構築していることになります。その様子を簡単な図に書いてください。2つの四角があって、1つはマストドンサーバーと書いてあって、もう一つの資格は物と書いてあって、その真ん中に少し下のほうにMacBookと書いてあって、マストドンサーバー左側のママストーンサーバーから真ん中のMacBookに矢印があって、その上にRSSと書いてある。真ん中のMacBookから右側のものに対して矢印があって、その矢印にはアップデートと書いてある。右側のもののところには確保してネットリファイでホスティングと書いてある。そういう簡単な3つの四角と、2つの矢印からなる図を書いてください。

清書（ChatGPT）

このWebサイトは、Mastodonサーバに私が投稿した投稿の中から、特定のフォーマットを持つものをRSSを使って検出し、クローンで実行したプログラムによってWebサイトを構築しています。その様子を簡単な図に描いてください。以下はその要約です。

1. Mastodonサーバー

   • MastodonサーバーからMacBookに向けて矢印。
   • 矢印上に「RSS」と記載。

2. MacBook

   • 真ん中に位置。
   • MastodonサーバーとNetlifyでホスティングの間にある。

3. Netlifyでホスティング

   • MacBookからここに矢印。
   • 矢印上に「アップデート」と記載。

このように、3つの四角と2つの矢印からなる簡単な図にしてください。

プロンプト手直し（結城浩）

このWebサイトmono.hyuki.comは、Mastodonサーバ social.hyuki.net に結城浩が投稿した投稿の中から、特定のフォーマットを持つものをRSSを使って検出し、MacBook上でcron.private で実行したプログラムによってWebサイト mono.hyuki.com を構築しています。その様子を簡単な図に描いてください。以下はその要約です。

1. Mastodonサーバー

   • MastodonサーバーからMacBookに向けて矢印。
   • 矢印上に「RSS」と記載。

2. MacBook

   • 真ん中に位置。
   • MastodonサーバーとNetlifyでホスティングの間にある。

3. Netlifyでホスティングしている mono.hyuki.com

   • MacBookからここに矢印。
   • 矢印上に「アップデート」と記載。

このように、3つの四角と2つの矢印からなる簡単な図にしてください。

作図1（ChatGPT）

リテイク指示（結城浩）

とてもいいのですが、左側が欠けています。三つの四角が一枚に収まるようにしてください。

作図2（ChatGPT）

original gist