ひまつぶし研究室 2026年8月リリース：成分・相性・運勢・二つ名メーカーを追加

今回追加したツール

ひまつぶし研究室へ、入力した名前や日付を使って遊べる次のツールを追加しました。いずれも、入力に応じた結果を短時間で確認できる小さなページです。結果を表示するだけでなく、初めてページを開いた人が何を入力すればよいか、結果をどう受け取ればよいかを説明することも、今回の追加範囲に含めています。

• 成分メーカー：名前から成分の内訳を表示する
• 相性メーカー：2人の名前から相性結果を表示する
• 今日の運勢：名前と日付からその日の結果を表示する
• 二つ名メーカー：名前から異名や呼び名を生成する

いずれも、結果を楽しむためのジョークツールです。医学、性格、相性、将来を正確に判定するものではありません。名前から成分のような内訳を表示しても実際の成分分析ではありませんし、相性結果も人間関係を判断する根拠にはなりません。こうした制約をページ内に表示し、検索結果だけを見て誤解されないようにしています。

結果を共有できるようにする

診断系ツールでは、入力値をURLへ反映し、同じページを開いた人が同じ結果を確認できる形を整えています。サーバーへ結果を保存するのではなく、共有された入力とツールのルールからブラウザで再計算する方式です。これにより、結果ページを作るためのアカウントやデータベースを用意しなくても、会話の中でURLを共有できます。

結果カードを画像として保存したり、URLをコピーしたりする導線も共通化する予定です。共有機能は便利ですが、URLに入力値が含まれる場合は、ブラウザ履歴、メッセージ、アクセスログ、SNSのプレビューなどに残ってしまう可能性があります。入力値に本名、連絡先、秘密の文字列を使わないよう案内し、共有前に内容を確認できるUIを整えていきます。

共有しやすさと入力情報の安全性を両立させることが、今後の改善点です。URLに含める情報を最小化できるか、短い識別子を使えるか、結果を再現するために必要な値と不要な値を分けられるかを検討していきます。

各ツールの確認項目

成分メーカーでは、一つの名前を入力したときに成分の内訳と結果カードが表示されることを確認します。相性メーカーでは、二人分の入力が片方だけの場合、同じ名前を入力した場合、長い文字列を入力した場合をそれぞれ分けて扱います。今日の運勢では日付が入力に含まれるため、日付を変えた結果と、同じ日付を再度開いた結果が意図したとおりになることを確認します。二つ名メーカーでは、空欄や記号を含む名前を入力したときにもページのレイアウトが崩れないことを確認します。

結果が表示されることだけでなく、結果の意味を誤解させない説明も必要です。成分、相性、運勢という名前を使っていても、実際の成分分析、心理評価、未来予測を行っているわけではありません。ページのタイトルや検索結果の説明が断定的になりすぎないようにし、結果カードを画像で保存した場合にもジョークツールであることが分かる文言を残すことを検討しています。

追加時の検証手順

新しい診断ツールを追加するときは、まず入力と結果のルールを純粋な関数として確認します。ブラウザの状態や表示に依存しない部分をテストできれば、同じ入力で結果が変わる、日付の境界で異なる結果になる、乱数の範囲外の値が表示されるといった問題を見つけやすくなります。その後でフォーム、結果カード、URL復元、画像保存、共有ボタンをブラウザ上で確認します。

モバイルでは、長い結果がカードからはみ出さないこと、URLコピーの操作が押しやすいこと、キーボード表示で入力欄が隠れないことを確認します。共有URLを直接開いた場合は、結果を再計算できること、入力値が空のときは入力画面へ戻れること、未知のパラメーターを受け取っても例外画面にならないことを検証します。

次の改善

今後は、画像の円形・角丸切り抜き、ドット絵化、SNS用サイズ調整などのクライアントサイド画像ツールを追加します。画像ツールは処理対象の画像を外部へ送らずに済むかを優先して設計し、ファイルサイズや対応形式の制約を表示します。

新しいツールは、目的、入力、結果、保存・共有方法を1ページで説明できる単位で公開します。追加後は、PCとスマートフォンでの入力、空の入力、不正な文字列、長い入力、共有URLの再現性を確認します。ツール一覧はひまつぶし研究室から利用でき、全体の技術構成と結果生成の考え方は構成紹介を参照してください。

画像ツールを追加するときは、画像の読み込み、Canvasへの描画、変換後の書き出し、ダウンロードまでの各段階を分けて確認します。大きな画像を開いたときにブラウザのメモリを過剰に使わないか、対応していない画像形式をどう説明するか、処理中に別のボタンを押したときに中間状態が保存されないかを確認します。画像がサーバーへ送られない場合でも、利用者の端末内で処理されることと保存したファイルの扱いは別の話なので、注意書きは省略しません。