名前を入れると結果が出る「名前診断」を AI で作って、無料で公開する
要約
名前診断は、名前の文字から数を計算して結果を選ぶと、同じ名前ならいつ、どの端末でも同じ結果になります。乱数で選ぶと、開くたびに結果が変わります。AI には「名前から計算した数で、5 つ以上の結果から 1 つ選ぶ。名前はどこにも送らない」と伝え、HTML ファイル 1 つにしてもらいます。Convika のテンプレート「名前で〇〇診断」なら、診断の名前と結果を入れるだけで Convika の AI がページを作ります。できた診断は Free プランで無料で公開でき、遊ぶ人はログインなしでスマホから開けます。
Free プラン: カード登録なし、公開 1 ページまで
目次
「あなたを駄菓子に例えると」「前世の職業」。名前を入れて「診断する」を押すと、ひとことの結果が出る。あの名前診断は、HTML のページ 1 枚で作れます。AI に頼めば、コードを書けなくてもかまいません。
ただ、何も決めずに頼むと、同じ名前なのに押すたびに結果が変わる診断ができることがあります。友だちが「わたしはラムネだった」と送ってきても、自分で入れ直すと別の結果になる。それでは盛り上がりません。このページは、同じ名前でいつも同じ結果にするしくみから、結果の書き方、AI への頼み方、公開して LINE や X で遊んでもらうまでを順に説明します。
名前診断のしくみ:同じ名前で同じ結果にする
名前診断の結果は、名前の文字から計算した数で決めます。
- 名前の 1 文字ずつを、決まった数(文字コード)に置きかえる
- その数を順に計算して、1 つの大きな数にする
- その数を結果の数で割った余りで、結果を 1 つ選ぶ
計算には乱数が入らないので、同じ名前なら、いつ、どの端末で開いても同じ結果になります。JavaScript で乱数を出す Math.random() について、MDN の説明 は「実装側で乱数生成アルゴリズムの初期シードを選択します。ユーザーが初期シードを選択、またはリセットすることは出来ません。」としています(2026 年 10 月 20 日に確認)。乱数で選ぶ診断は、作る側にも結果をそろえる方法がありません。
作るときに気をつけたいことが 3 つあります。
- 文字の並びも計算に入れる。 文字の数を足すだけだと、「なかた」と「たなか」のように同じ文字を並べかえた名前が、同じ結果になります。1 文字ごとに前の値を何倍かしてから足すと、並びが変われば結果も変わります。
- 前後の空白は無視する。 スマホで名前のあとに空白が入っただけで結果が変わると、「さっきと違う」と言われます。全角と半角の空白をどちらも取ってから計算します。
- あとから結果の数を変えない。 割る数が変わると、ほとんどの人の結果が入れかわります。公開してから結果を足したくなったら、別の診断として出すほうが、もう遊んだ人を混乱させません。
なお、「田中」と「たなか」は文字が違うので、別の結果になります。漢字で入れるかひらがなで入れるかで変わることは、ページに小さく書いておくと親切です。
結果の書き方
結果の書き方で、診断が送られるかどうかが決まります。
| 決めること | 目安 | なぜ |
|---|---|---|
| 結果の数 | 5 つ以上。10 前後あると、友だちどうしで結果が分かれる | 3 つだと、グループの何人かが同じ結果になって話が広がらない |
| 結果の形 | 「〇〇さんは……」に続く短い名詞(きなこ棒、ラムネ) | 画面に大きく出して、スクリーンショットで読める長さにする |
| ひとこと | 結果ごとに 1〜2 行。「今日のラッキーカラー」などを足してもよい | 結果だけだと、見た人が反応しにくい |
| 言葉の調子 | どの結果も、言われてうれしいか笑える内容 | 名前で決まる結果は、本人が選べない |
X に投稿する文には、名前と結果と診断の名前、ページのアドレスを入れてもらいます。「(名前)さんの診断結果は(結果)でした #(診断名)」のような形にしておくと、投稿を見た人がそのアドレスから自分の名前で試せます。ただし、シェアはリンクではなくボタンにしてもらいます。理由は、下の「入力した名前はどうなるか」で説明します。
AI への頼み方
ChatGPT、Claude、Gemini のどれでも、次の文を貼り、【】の中を書きかえて送ります。Convika のテンプレート「名前で〇〇診断」のページにも、同じ指示文を載せています。
名前を入れると結果が出る「【あなたを駄菓子に例えると】」の診断ページをつくってください。
- 入力欄は名前 1 つと「診断する」ボタンだけ
- 結果は次の中から 1 つ選ぶ(1 行が 1 つの結果):
【きなこ棒
ラムネ
うまい棒
フーセンガム
よっちゃんイカ
チョコバット】
- 同じ名前なら、いつ・どの端末でも同じ結果にする。名前の文字から計算した数(ハッシュ)で選び、乱数は使わない。前後の空白は無視する
- 結果の画面: 「〇〇さんは……」の形で結果を大きく表示し、結果に合うひとことを添える。シェアのボタン(X、LINE、結果の文をコピー)と「ほかの名前で診断する」ボタン
- X に投稿する文は「(名前)さんの診断結果は(結果)でした #(診断名)」とページのアドレス
- X と LINE のシェアは <a> のリンクにせず <button> にして、押したら window.open で投稿の画面を開く。開けなかったとき(戻り値が null)は、同じタブで開く(location.href)。名前は、リンクの href にも、ボタンやリンクの文字にも入れない
- 入力した名前はどこにも送らず、保存もしない
- 人をけなす結果はつくらない。最後に小さく「あそびの診断です」と書く
- HTML ファイル 1 つで、CSS と JavaScript もその中に書く。画像ファイルは使わない
- スマホの縦画面でも使えるようにする。ボタンは画面の下端から 40 px 以上離す
最後の行の 40 px は、Convika の Free プランでページの下端に出る細い帯と、ボタンが重ならないようにするためです。
できたら、公開する前に自分で確かめます。
- 同じ名前を 3 回入れて、3 回とも同じ結果になるか
- 名前のあとに空白を入れても、同じ結果になるか
- 家族や友だちの名前を 10 人ほど入れて、結果がばらけるか
- X と LINE のボタンを押して、投稿する文に名前と結果が入っているか
Convika の AI に作ってもらう
ChatGPT とのやり取りを省きたいなら、テンプレート「名前で〇〇診断」のページで「診断をつくる」を押して登録します。診断の名前と結果(1 行に 1 つ、5 つ以上)を入れると、Convika の AI がページを作り、そのままプレビューで試せます。1 ページに AI クレジットを 1 使い、新しいアカウントには 10 クレジット付いています。
質問に答えるとタイプがわかる「タイプ診断」など、ほかのテンプレートは AI でクイズ・ゲーム・診断のページをつくるにまとめています。
名前診断を公開して、友だちに遊んでもらう 4 つの手順
ChatGPT や Claude で作った診断を公開する手順です。Convika の AI で作ったときは、手順 3 から同じです。
1. HTML のファイルかコードを用意する
AI の答えのコードをすべてコピーするか、ダウンロードした .html ファイルを用意します。
2. ボックスに入れて、ページを受け取る
ページのボックス に、.html か .htm のファイル(2 MB まで)を「ファイルから」で選ぶか、「コードから」に切り替えて貼り付け、「プレビューのリンクをつくる」を押します。登録はいりません。
このプレビューは見た目を確かめるためのもので、3 分間だけ開けます。安全のためスクリプトを止めているので、「診断する」を押しても結果は出ません。「このページを受け取る(無料・カード不要)」を押して登録すると、ページがアカウントに入ります。
3. スマホで診断を試す
ページの画面の「プレビューを開く」から、診断を動かして試します。プレビューのリンクを自分あての LINE に送って、スマホのブラウザでも名前を入れてみてください。縦の画面で結果が切れずに出るか、ボタンが押しやすいかを見ます。
4. 公開して、リンクを送る
「公開する」を押します。はじめて公開するときは「公開プランを選ぶ」の画面が出るので、料金をかけないなら「無料で公開する」を選びます。下端の帯を消したいときは、Pro 1年パス(¥4,400・1 回払いで 365 日間、自動更新なし)も選べます。
確認の画面で無料のまま選べるのは「一般公開」です。URL を知っている人ならだれでも開け、検索結果や Convika のギャラリーに出ることがあります。X で広めたい診断なら、見つけてもらえる入口が増えます。
公開すると yourpage.convika.page のような URL ができます。LINE のグループや X に貼れば、受け取った人はアカウントなしで、スマホのブラウザから自分の名前で診断できます。教室や文化祭で遊んでもらうなら、QR コードにする方法 もあります。
相性診断にするとき
ふたりの名前を入れて相性を出す診断も、同じしくみで作れます。AI に頼む文を、次のように変えます。
- 入力欄を 2 つにして、ボタンを「相性を見る」にする
- 相性は 0〜100 で、ふたりの名前から計算した数で決める。乱数は使わない
- 名前の順番を入れかえても同じ結果にする
3 つ目を忘れると、「A と B」と「B と A」で相性が違う診断になります。点数ごとのひとことは、0〜29、30〜59、60〜84、85〜100 のように 4 段階くらいに分けて書くと、数字だけより反応が返ってきます。低い点のひとことも、相手をけなす言葉にしないでください。
入力した名前はどうなるか
頼む文のとおりに作った診断では、名前はページの中で計算に使い、遊んだ人がシェアのボタンを押したときだけ、X や LINE の投稿の文に入ります。Convika には送られず、保存もされません。
Convika で公開したページは、ページのスクリプトが fetch や XMLHttpRequest、WebSocket で通信できる先を、そのページ自身のアドレスに限っています(Pro と 1年パスでは、アクセス解析ツールの送信先が加わります)。AI がこの書き方で名前をほかのサイトに送るコードを書いてしまっても、その通信はブラウザで止まります。ただし、画像や iframe、スクリプトを読み込む URL、リンク、フォームの送信先に名前を付けて送る書き方は止まりません。公開する前に、入力された名前が fetch、XMLHttpRequest、new Image、画像や <iframe>・<script> の src、リンクの href、location、<form に渡されていないかを見て、あれば AI に「名前をどこにも送らないように直して」と頼みます。シェアのボタンが X や LINE の投稿の画面を window.open で開くところと、開けなかったときに同じタブで開く location.href には名前が入りますが、これは遊んだ人が自分で投稿するためのものなので、そのままにします。
訪問数は、Free プランでもページの画面で直近 90 日分を見られます。押されたボタンとリンクも、その文字が、押した端末の種類や国といっしょに Convika にクリックとして記録されます。リンクなら、そのアドレスも記録されます。名前の入った投稿の文をアドレスに付けたリンクを押すと、アドレスの中の名前まで残ってしまいます。頼む文でシェアをボタンにして、押したときに投稿の画面を開くようにしているのは、そのためです。こうしておけば、記録されるのはボタンの文字だけで、だれがどの名前を入れたかは、作った人にもわかりません。
作る前に決めておくこと
名前診断は、知らない人にも回ります。作る前に、次の 3 つを決めておきます。
- 人を傷つける結果を入れない。 見た目や体、家族、国や地域をからかう結果は、名前で決まる以上、本人は避けられません。
- 他人の名前で遊ぶ前提にしない。 有名人やクラスメイトの実名を入れて笑う使い方は、診断する側が楽しくても、される側はそうとは限りません。ページに「あそびの診断です」と書くのは、そのためです。
- 実在する作品やキャラクターの名前・画像・文章を使わない。 結果を好きな作品のキャラクターにした診断は、権利を持つ人の許しがないと公開できません。Convika のテンプレートの入力欄にも、同じ注意を書いています。
Convika でできないこと
公開した名前診断について、Convika にない機能です。
- 入力された名前や結果の一覧。 何人がどの結果になったかは集まりません。わかるのは、訪問数と、押されたボタンの文字ごとの回数です。
- ランキングの機能。 ページから Convika の外へ通信できないため、別のサーバーに結果を集める作りは動きません。
- 結果ごとの画像を、診断の中で作って保存すること。 頼む文で画像ファイルを使わないとしているのは、HTML ファイル 1 つで完結させるためです。結果を見せたい人は、スクリーンショットで送ってもらいます。
よくある質問
名前診断はどう作る?
名前の文字から数を計算して、その数で結果を選ぶページを AI に作ってもらいます。ChatGPT や Claude に「名前から計算した数で、5 つ以上の結果から 1 つ選ぶ。乱数は使わない。名前はどこにも送らない。HTML ファイル 1 つで」と頼み、できたファイルを公開します。Convika のテンプレート「名前で〇〇診断」なら、診断の名前と結果を入れるだけで作れます。
同じ名前で毎回違う結果になるのはなぜ?
結果を乱数で選んでいるからです。Math.random() の値は開くたびに変わり、作る側から固定することもできません。AI に「名前の文字から計算した数(ハッシュ)で選び、乱数は使わない」と頼み直すと、同じ名前なら同じ結果になります。名前のあとの空白で変わるときは、「前後の空白は無視する」も足します。
入力した名前は保存される?
このページの頼み方で作った診断では、名前は Convika に送られず、保存もされません。Convika で公開したページでは fetch などでほかのサイトへ送る通信はブラウザで止まりますが、画像の URL やフォームに名前を付けて送る書き方は止まらないので、公開する前にコードを確かめます。押されたボタンとリンクは、その文字とリンクのアドレスが Convika に記録されるので、シェアはリンクではなくボタンにしておきます。作った人に見えるのは、訪問数と、押されたボタンの文字ごとの回数で、入力された名前はわかりません。
相性診断も作れる?
作れます。名前の入力欄を 2 つにして、ふたりの名前から 0〜100 の数を計算するように頼みます。そのとき「名前の順番を入れかえても同じ結果にする」と書かないと、入れる順で相性が変わります。点数ごとのひとことは 4 段階くらいに分けて書くと、反応が返ってきやすくなります。
名前診断を無料で公開できる?
できます。Convika の Free プランはカード登録なしで、1 ページを無料で公開できます。月 10,000 ビューまで含まれ、ページの下端に Convika の細い帯が出ます。無料で選べる「一般公開」のページは、検索結果や Convika のギャラリーに出ることがあります。遊ぶ人にアカウントはいらず、スマホのブラウザで開けます。
出典
- Math.random()(MDN) (2026 年 10 月 20 日に確認)
次のステップ
HTML ページにパスワードをかけて、知っている人だけに見せる方法
JavaScript で作った画面は、ソースを開けばパスワードが読めてしまいます。ChatGPT や Claude で作った HTML をアップロードし、自分のドメインのままサーバー側で確かめるパスワード付きのページにする方法を説明します。
関連記事
- ChatGPT・Claude・Gemini で作ったゲームを、友だちがログインなしでスマホで遊べるように公開するChatGPT・Claude・Gemini で作ったゲームを、友だちがログインなしでスマホで遊べるように公開する方法。itch.io、GitHub Pages、Netlify Drop、CodePen、Convika の無料サービス 5 つの比較と手順です。
- HTML ファイルを LINE で送って、相手のスマホでページとして見てもらう方法LINE で HTML ファイルを送ると相手のスマホしだいで開けないため、ファイルではなく URL を送ります。ChatGPT や Claude で作った HTML を URL に変えて、トークに貼るだけで見てもらう手順を説明します。
- 16 タイプの性格診断を AI で作る。結果ごとのシェア用リンクつき4 つの軸で 16 の結果に分かれる性格診断を、ChatGPT・Claude・Gemini で HTML ファイル 1 つにして公開する方法です。そのまま使える頼む文、質問の作り方、結果ごとのシェアカード、MBTI との関係、診断メーカーとの違いまで。
- HTML ファイルを、スマホで読み取れる QR コードにする方法QR コードに入れるのは HTML ファイルではなくページの URL です。HTML ファイルを公開して管理画面で QR コードを出す手順と、チラシや授業で配る前に確かめることを説明します。
- Claude で作った HTML を、Claude のアカウントがない人にも見せる方法Claude の共有リンクは、開く相手にも Claude のアカウントが必要です。HTML を取り出してアップロードすれば、登録なしでだれでも開けるリンクができます。このガイドは、スマホのアプリや Claude Code で作ったときの取り出し方も説明します。
- スマホだけで、ChatGPT が作ったホームページを公開する(ファイルがなくてもできる)パソコンがなくても、ChatGPTのチャットに出たHTMLのコードをスマホでコピーして貼り付ければ、ページのリンクにできます。貼り付けから公開、LINEで送るまでの手順と、うまく表示されないときの直し方をまとめました。