CodeKitHubこのツールとは？
Reddit Chat シミュレーターは、アバター・ユーザー名・オンラインステータスを備えた連絡先ヘッダーと、Reddit特有のダークなクロームとオレンジのアクセントでスクロール可能なメッセージバブルのリストを備えた実際のRedditチャットインターフェースをそのまま再現し、共有可能なモックアップ画像として書き出せます。
詐欺的な証拠の捏造、嫌がらせや誹謗中傷、実在の人物が実際に投稿した内容のなりすましに使用してはなりません——法域によっては違法となる可能性があります。
すべてHTML Canvas APIを使ってブラウザ内でローカルに生成され、サーバーにアップロードされることはありません。
なぜこれを使うのか？
- 100%ローカルレンダリング——内容はサーバーに一切接触しません。
- リアルなRedditダイレクトメッセージのモックアップで、ジョークやストーリー、プレゼンテーションをわかりやすく伝えられます。
- アプリや講座、スライド資料のために、Reddit風のチャットUIコンセプトを試作できます。
- アカウント登録不要、アップロード不要、透かしなし——入力してダウンロードするだけです。
使い方
- 連絡先のユーザー名、オンラインステータス、アバターの色（または写真アップロード）を入力してください。
- 「＋ メッセージを追加」をクリックしてメッセージバブルを追加し、相手からか自分からかを選んでください。
- 各メッセージの本文とタイムスタンプを入力してください。
- リアルタイムプレビューの更新を確認し、「PNGをダウンロード」をクリックして画像を保存してください。
例
入力
Contact: "u/quiet_observer42", status "Online" · Message 1 (them): "Did you see the thread blow up overnight?" · Message 2 (me): "Yeah, front page by morning 😅"出力
実際のRedditチャット会話のようにスタイリングされた375×812のPNG画像：連絡先のアバター、ユーザー名、オンライン状態を表示するダークヘッダーと、その下に並ぶタイムスタンプ付きのオレンジ色とダークグレーのメッセージ吹き出しで構成されます。画像はリアルタイムプレビューのcanvas上で即座にレンダリングされ、ワンクリックでダウンロードできます——待ち時間もサーバーとの通信も発生しません。
カスタマイズできる項目
- 連絡先のユーザー名、オンラインステータス、アバターの色または写真。
- 任意の数のメッセージ、それぞれ送信者側、本文、タイムスタンプ。
- Redditの実際のダークなチャットクロームとオレンジのアクセントに合わせたレイアウトの詳細。
責任ある使用
このジェネレーターは、ユーモアやストーリーテリング、デザイン作業のために明確に架空のモックアップ画像を簡単に作れるようにするために存在します。共有する際は実際の会話ではないことが伝わるよう文脈を添えることをお勧めします。
よくある質問
このツールを使うことは合法・倫理的ですか？
ツール自体はエンタメやモックアップ、プレゼンテーション、デザイン作業に使う分には合法です。違法・非倫理的なのは、生成した画像で人を騙すことです。明確にフィクションや例示目的のみに使用してください。
入力した内容はどこかにアップロードされますか？
いいえ。入力した内容はすべてブラウザのメモリに保持され、JavaScriptでcanvas要素に直接描画されます。PNGはデバイス上で生成・ダウンロードされ——サーバーに送信されることはありません。
連絡先のアバターに実際の写真をアップロードできますか？
はい——「写真をアップロード」をクリックしてアバター円に実際の画像を使用するか、自動生成されるイニシャル付きの色付き円のままにしておくこともできます。
メッセージはいくつまで追加できますか？
厳密な上限はありません——「相手」と「自分」を交互に切り替えながら好きなだけメッセージバブルを追加でき、キャンバスは会話全体に合わせてスクロールします。